@charset "UTF-8";
/*!
Theme Name: kirishima-fg2
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kirishima-fg
Tags:

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.

kirishima-fg is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  word-break: break-word;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
p {
  margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote,
q {
  quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

header {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover,
a:focus,
a:active {
  color: midnightblue;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
## kirishima-fg original slick
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-height: 430px;
  height: auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("img/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("fonts/slick.eot");
  src: url("http://kirishima-fg.demo-page.jp/wp/wp-content/themes/kirishima-fg_demo/fonts/slick-.eot#iefix")
      format("embedded-opentype"),
    url("fonts/slick.woff") format("woff"),
    url("fonts/slick.ttf") format("truetype"),
    url("fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*!
 * Justified Gallery - v3.6.4
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2016 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  filter: "alpha(opacity=10)";
  opacity: 0.1;
  margin: 0;
  padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption,
.justified-gallery > figure > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible,
.justified-gallery > figure > .caption.caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: 0.7;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  background: none;
}
.justified-gallery > .entry-visible > img,
.justified-gallery > .entry-visible > a > img {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px;
}

.news_URL {
  margin: 0;
  text-align: center;
}
/*--------------------------------------------------------------
## kirishima-fg original core
--------------------------------------------------------------*/
.page-news .pagenav:after {
  overflow: hidden;
  content: "";
  display: block;
  clear: both;
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.sp-cont {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .sp-cont {
    display: none !important;
  }
}
.dskt-cont {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .dskt-cont {
    display: block !important;
  }
  .dskt-cont.panel-contents {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .news_URL {
    margin: 90px 0 0 80px;
    text-align: left;
  }
}
br.m-md {
  display: inline;
}

@media screen and (min-width: 768px) {
  br.m-md {
    display: none;
  }
}
br.o-md {
  display: none;
}

@media screen and (min-width: 768px) {
  br.o-md {
    display: inline;
  }
}
span.attention {
  color: #bd0b29;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  span.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.boxlink-textwhite-tr {
  position: relative;
  display: block;
  margin: 0;
  color: #fff;
  font-weight: normal;
  text-align: center;
  padding: 0.8em 1.2em 0.8em 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em;
}
.boxlink-textwhite-tr span {
  font-size: 0.9rem;
}

@media screen and (min-width: 350px) {
  .boxlink-textwhite-tr {
    position: relative;
    display: block;
    margin: 0;
    color: #fff;
    font-weight: normal;
    text-align: center;
    line-height: normal;
    padding: 0.6em 1.2em 0.6em 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .boxlink-textwhite-tr.line:after {
    top: 30%;
  }
}

@media screen and (min-width: 768px) {
  .boxlink-textwhite-tr {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0.5em 0;
  }
}
.boxlink-textwhite-tr:after {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 8px;
  height: 14px;
  content: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOXB4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgZD0iTTkuODY4LDkuMjAyIEwwLjY1NiwwLjA4NCBDMC40OTcsLTAuMDY3IDAuMjQ0LC0wLjA2MyAwLjA5MSwwLjA5MiBDLTAuMDU2LDAuMjQ3IC0wLjA1NiwwLjQ4OCAwLjA5MSwwLjY0MyBMOS4wMTksOS40ODAgTDAuMDkxLDE4LjMxOCBDLTAuMDY4LDE4LjQ3MCAtMC4wNzMsMTguNzI0IDAuMDg0LDE4Ljg3OCBDMC4yMzYsMTkuMDM3IDAuNDkyLDE5LjA0MSAwLjY0OSwxOC44ODYgQzAuNjUyLDE4Ljg4MiAwLjY1NiwxOC44NzggMC42NTYsMTguODc4IEw5Ljg2OCw5Ljc2MCBDMTAuMDI0LDkuNjA2IDEwLjAyNCw5LjM1NiA5Ljg2OCw5LjIwMiBaIi8+DQo8L3N2Zz4=");
}

@media screen and (min-width: 768px) {
  .boxlink-textwhite-tr:after {
    width: 10px;
    height: 19px;
  }
}
.boxlink-sp-bk-pc-white {
  position: relative;
  display: block;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #404040;
  font-size: 14px;
  font-size: 0.875rem;
}
.boxlink-sp-bk-pc-white:link,
.boxlink-sp-bk-pc-white:visited,
.boxlink-sp-bk-pc-white:hover,
.boxlink-sp-bk-pc-white:active {
  color: #fff;
}
.boxlink-sp-bk-pc-white:after {
  position: absolute;
  right: 10px;
  top: 13px;
  width: 8px;
  height: 14px;
  content: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOXB4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgZD0iTTkuODY4LDkuMjAyIEwwLjY1NiwwLjA4NCBDMC40OTcsLTAuMDY3IDAuMjQ0LC0wLjA2MyAwLjA5MSwwLjA5MiBDLTAuMDU2LDAuMjQ3IC0wLjA1NiwwLjQ4OCAwLjA5MSwwLjY0MyBMOS4wMTksOS40ODAgTDAuMDkxLDE4LjMxOCBDLTAuMDY4LDE4LjQ3MCAtMC4wNzMsMTguNzI0IDAuMDg0LDE4Ljg3OCBDMC4yMzYsMTkuMDM3IDAuNDkyLDE5LjA0MSAwLjY0OSwxOC44ODYgQzAuNjUyLDE4Ljg4MiAwLjY1NiwxOC44NzggMC42NTYsMTguODc4IEw5Ljg2OCw5Ljc2MCBDMTAuMDI0LDkuNjA2IDEwLjAyNCw5LjM1NiA5Ljg2OCw5LjIwMiBaIi8+DQo8L3N2Zz4=");
}

@media screen and (min-width: 768px) {
  .boxlink-sp-bk-pc-white:after {
    width: 10px;
    height: 19px;
  }
}

@media screen and (min-width: 768px) {
  .boxlink-sp-bk-pc-white {
    overflow: hidden;
    padding: 1em;
    font-size: 20px;
    font-size: 1.25rem;
    border: 1px solid #222;
    color: #222;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  .boxlink-sp-bk-pc-white:link,
  .boxlink-sp-bk-pc-white:visited {
    color: #222;
  }
  .boxlink-sp-bk-pc-white:hover {
    color: #fff;
  }
  .boxlink-sp-bk-pc-white:hover:after {
    content: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOXB4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgZD0iTTkuODY4LDkuMjAyIEwwLjY1NiwwLjA4NCBDMC40OTcsLTAuMDY3IDAuMjQ0LC0wLjA2MyAwLjA5MSwwLjA5MiBDLTAuMDU2LDAuMjQ3IC0wLjA1NiwwLjQ4OCAwLjA5MSwwLjY0MyBMOS4wMTksOS40ODAgTDAuMDkxLDE4LjMxOCBDLTAuMDY4LDE4LjQ3MCAtMC4wNzMsMTguNzI0IDAuMDg0LDE4Ljg3OCBDMC4yMzYsMTkuMDM3IDAuNDkyLDE5LjA0MSAwLjY0OSwxOC44ODYgQzAuNjUyLDE4Ljg4MiAwLjY1NiwxOC44NzggMC42NTYsMTguODc4IEw5Ljg2OCw5Ljc2MCBDMTAuMDI0LDkuNjA2IDEwLjAyNCw5LjM1NiA5Ljg2OCw5LjIwMiBaIi8+DQo8L3N2Zz4=");
  }
  .boxlink-sp-bk-pc-white:hover:before {
    background-color: #222;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .boxlink-sp-bk-pc-white:active {
    color: #fff;
  }
  .boxlink-sp-bk-pc-white:after {
    position: absolute;
    right: 1em;
    top: 1.1em;
    display: inline-block;
    width: 10px;
    height: 19px;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIyMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04IDYuOTJsLTcuMjcgNy4wOC0uNzMtLjcxIDYuNTMtNi4zNS02LjQyLTYuMjUuNzEtLjY5IDYuNDIgNi4yNXoiIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIi8+PC9zdmc+");
  }
  .boxlink-sp-bk-pc-white:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.boxlink-sp-bk-pc-white.arrow-down:after {
  width: 14px;
  height: 8px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCA4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCwuODIsNy43NSw3LjI0bDAsMEw3LjA3LDgsMCwuNzMuNzEsMCw3LjA2LDYuNTMsMTMuMzEuMTFaIi8+PC9nPjwvZz48L3N2Zz4=");
}

@media screen and (min-width: 768px) {
  .boxlink-sp-bk-pc-white.arrow-down:after {
    width: 19px;
    height: 10px;
    content: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTBweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDM0LCAzNCwgMzQpIiBkPSJNOS43OTksOS44NjkgTDE4LjkxNiwwLjY1NiBDMTkuMDY3LDAuNDk3IDE5LjA2MiwwLjI0MyAxOC45MDgsMC4wOTIgQzE4Ljc1NCwtMC4wNTYgMTguNTEyLC0wLjA1NiAxOC4zNTcsMC4wOTIgTDkuNTIxLDkuMDIwIEwwLjY4MSwwLjA5MiBDMC41MzAsLTAuMDY4IDAuMjc3LC0wLjA3MyAwLjEyMiwwLjA4NCBDLTAuMDM3LDAuMjM2IC0wLjA0MCwwLjQ5MiAwLjExNCwwLjY0OSBDMC4xMTcsMC42NTIgMC4xMjIsMC42NTYgMC4xMjIsMC42NTYgTDkuMjQwLDkuODY5IEM5LjM5NCwxMC4wMjUgOS42NDQsMTAuMDI1IDkuNzk5LDkuODY5IFoiLz48L3N2Zz4=");
  }
  .boxlink-sp-bk-pc-white.arrow-down:hover:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4wMyAxMC4wMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMTwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS44LDkuOSwxOC45Mi42OWEuNC40LDAsMCwwLDAtLjU2LjQuNCwwLDAsMC0uNTUsMEw5LjUyLDkuMDUuNjguMTJhLjM5LjM5LDAsMCwwLS41NiwwLC40LjQsMCwwLDAsMCwuNTZoMEw5LjI0LDkuOUEuMzkuMzksMCwwLDAsOS44LDkuOVoiLz48L2c+PC9nPjwvc3ZnPg==");
  }
}
.sm-2 .boxlink-sp-bk-pc-white {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 3.2vw;
}

@media screen and (min-width: 768px) {
  .sm-2 .boxlink-sp-bk-pc-white {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.sm-2 .boxlink-sp-bk-pc-white:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LDYuOTIuNzMsMTQsMCwxMy4yOSw2LjUzLDYuOTQuMTEuNjkuODIsMCw3LjI0LDYuMjVsMCwwWiIvPjwvZz48L2c+PC9zdmc+);
}

@media screen and (min-width: 768px) {
  .sm-2 .boxlink-sp-bk-pc-white:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIyMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04IDYuOTJsLTcuMjcgNy4wOC0uNzMtLjcxIDYuNTMtNi4zNS02LjQyLTYuMjUuNzEtLjY5IDYuNDIgNi4yNXoiIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIi8+PC9zdmc+");
  }
}
.sm-2 .boxlink-sp-bk-pc-white.row-2 {
  padding-bottom: 0.4em;
}

@media screen and (min-width: 768px) {
  .sm-2 .boxlink-sp-bk-pc-white.row-2 {
    padding-bottom: 0.8em;
  }
}
.sm-2 .boxlink-sp-bk-pc-white.row-2 span {
  display: block;
  margin-top: -0.6em;
  margin-bottom: -0.2em;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .sm-2 .boxlink-sp-bk-pc-white.row-2 span {
    display: inline;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.sm-2 .boxlink-sp-bk-pc-white.row-2:after {
  top: 15px;
}

@media screen and (min-width: 768px) {
  .sm-2 .boxlink-sp-bk-pc-white.row-2:after {
    top: 1.1em;
  }
}

@media screen and (min-width: 768px) {
  .sm-2 .boxlink-sp-bk-pc-white:hover:after {
    content: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOXB4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgZD0iTTkuODY4LDkuMjAyIEwwLjY1NiwwLjA4NCBDMC40OTcsLTAuMDY3IDAuMjQ0LC0wLjA2MyAwLjA5MSwwLjA5MiBDLTAuMDU2LDAuMjQ3IC0wLjA1NiwwLjQ4OCAwLjA5MSwwLjY0MyBMOS4wMTksOS40ODAgTDAuMDkxLDE4LjMxOCBDLTAuMDY4LDE4LjQ3MCAtMC4wNzMsMTguNzI0IDAuMDg0LDE4Ljg3OCBDMC4yMzYsMTkuMDM3IDAuNDkyLDE5LjA0MSAwLjY0OSwxOC44ODYgQzAuNjUyLDE4Ljg4MiAwLjY1NiwxOC44NzggMC42NTYsMTguODc4IEw5Ljg2OCw5Ljc2MCBDMTAuMDI0LDkuNjA2IDEwLjAyNCw5LjM1NiA5Ljg2OCw5LjIwMiBaIi8+DQo8L3N2Zz4=");
  }
}

@media screen and (min-width: 768px) {
  .link-centerd .boxlink-sp-bk-pc-white {
    width: 580px;
    margin: 0 auto;
    padding: 0.6em;
  }
  .link-centerd .boxlink-sp-bk-pc-white:after {
    top: 0.7em;
  }
}
#ksgf-gmap {
  position: relative;
  padding-bottom: 250px;
  overflow: hidden;
  height: 0;
}

@media screen and (min-width: 768px) {
  #ksgf-gmap {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 400px;
  }
}
#ksgf-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.heading-combo {
  text-align: center;
  padding: 2em 0 1em;
}

@media screen and (min-width: 768px) {
  .heading-combo {
    padding: 2em 0;
  }
}
.heading-combo p {
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .heading-combo p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.heading-combo h2 {
  margin: 0;
  font-size: 30px;
  font-size: 1.675rem;
  /* text-shadow:1px 0px 15px #1a3155; */
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  .heading-combo h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.cat-icon {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  color: #fff;
  padding: 2px 10px;
  border-radius: 15px;
}

@media screen and (min-width: 768px) {
  .cat-icon {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.cat-icon.all {
  background-color: #999;
}
.cat-icon.rekkasui {
  background-color: #cea33e;
}
.cat-icon.hours {
  background-color: #ec74a9;
}
.cat-icon.restaurant {
  background-color: #006e3f;
}
.cat-icon.event {
  background-color: #e87800;
}
.cat-icon.beer {
  background-color: #044e87;
}
.cat-icon.others {
  background-color: #555;
}
#main .opening-hour-block p {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
  background-color: #006e3f;
  border-radius: 10px;
  line-height: 1;
  padding: 0.3em 0;
  margin: 0 0 1em;
}

@media screen and (min-width: 768px) {
  #main .opening-hour-block p {
    font-size: 30px;
    font-size: 1.875rem;
    border-radius: 20px;
    padding: 0.5em 0;
    margin: 0 0 1.5em;
  }
}
#main .opening-hour-block p span {
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 768px) {
  #main .opening-hour-block p span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.bnr-cont {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .bnr-cont {
    margin: 4em auto 0;
  }
}
.bnr-beer-garden-cont a {
  display: inline-block;
  width: 100%;
  height: calc(50vw - 30px);
}
.attention-section h2 {
  text-align: center;
}
.attention-section .text-cont {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .attention-section .text-cont {
    text-align: justify;
    width: 800px;
    margin: 2em auto 3em;
  }
}

@media screen and (min-width: 768px) {
  .attention-section .text-cont p {
    margin: 0.5em 0;
    text-align: justify;
  }
}
.attention-section .attention {
  margin-top: 1em !important;
}

@media screen and (min-width: 768px) {
  .attention-section .attention {
    margin-top: 3em !important;
  }
}
.bnr-section {
  padding: 2em 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .bnr-section {
    padding: 6em 0 !important;
  }
}
.row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row .sm-1 {
  width: 100%;
}
.row .sm-2 {
  width: 48%;
  margin-bottom: 1.5em;
}

@media screen and (min-width: 768px) {
  .row .sm-2 {
    margin-bottom: 3em;
  }
}

@media screen and (min-width: 768px) {
  .row .md-3 {
    width: 33%;
  }
}

@media screen and (min-width: 768px) {
  .row .md-5 {
    width: 18.5%;
  }
}
h2.centered-headding {
  margin-top: 3em;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  h2.centered-headding {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 1.5em;
  }
}
#loading-img {
  text-align: center;
  display: none;
}
picture img {
  vertical-align: bottom;
}
a {
  color: #222;
}
a:visited {
  color: #222;
}
a:hover {
  text-decoration: none;
}
span.label {
  display: inline-block;
  color: #fff;
  border-radius: 15px;
  padding: 0.3em 1.5em;
}
span.label.brown {
  background-color: #543823;
}
span.label.red {
  background-color: #bd0b29;
}
span.label.green {
  background-color: #006e3f;
}
span.label.gray {
  background-color: #888;
}
span.label.blue {
  background-color: #004892;
}
#main:not(.single-shop-main) .breadcrumbs-wrap .breadcrumbs span[typeof]:after {
  content: " > ";
}
#main:not(.single-shop-main)
  .breadcrumbs-wrap
  .breadcrumbs
  span[typeof]:last-of-type:after {
  content: "";
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  font-weight: 400;
  color: #222;
}
/* IE10以上 */
.site-main h1,
.site-main h2,
.site-main h3,
.site-main h5,
.site-main h5,
.site-main h6 {
  font-weight: normal;
}
.site-main p {
  font-size: 12px;
  font-size: 0.75rem;
}
.site-main p.yoyaku {
  font-size: 18px;
}

.site-main #link3 {
  background-image: url("https://www.kirishima-fg.jp/wp/wp-content/uploads/2019/07/ybtn_sp.jpg");
  background-repeat: no-repeat;
  background-position: center;
  height: 80px;
  margin-top: -20px;
}
.site-main #link3:before {
}

.site-main #link3:hover {
  opacity: 0.8;
}
.site-main #link3:hover a {
  color: #fff;
}
.site-main #link3 a {
  display: block;
  opacity: 0;
  color: #fff;
  height: 80px;
}
.site-main .checktext label {
  font-weight: bold;
  padding-left: 10px;
}

@media screen and (min-width: 768px) {
  .site-main p {
    font-size: 14px;
    font-size: 0.875rem;
    /* text-align: left; */
  }

  .site-main .checktext {
    font-size: 14px;
    font-size: 1.01rem;
    text-align: center;
	}
  .site-main p.yoyaku {
    font-size: 20px;
  }

  .site-main #link3 {
    background-image: url("https://www.kirishima-fg.jp/wp/wp-content/uploads/2019/07/ybtn.jpg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .site-main #link3:hover {
    opacity: 0.8;
  }
  .site-main #link3:hover a {
    color: #fff;
  }
  .site-main #link3 a {
    display: block;
  }

  .site-main .checktext label {
    font-weight: bold;
    padding-left: 10px;
  }
}
/*
*** PC ***
Photoshop pt * 200/72

8.64 = 24
6.48 = 18
5.04 = 14
4.32 = 12
*/
/*
*** SP ***
Photoshop pt * 200/72/2

10.8 = 15
8.64 = 12
7.92 = 11

*/
/*
line-height
1.818
*/
/*--------------------------------------------------------------
## kirishima-fg original modules
--------------------------------------------------------------*/
html {
  overflow: auto;
}
body {
  overflow-x: hidden;
  position: relative;
}

@media screen and (min-width: 768px) {
  body {
    min-width: 768px;
  }
}
.site {
  position: relative;
}

@media screen and (min-width: 768px) {
  .site {
    overflow: hidden;
  }
}
.site-content {
  position: relative;
  padding-top: 60px;
}

@media screen and (min-width: 768px) {
  .site-content {
    padding-top: 99px;
  }
}
.content-area {
  position: static;
}
.site-main {
  margin-top: 65px;
  position: relative;
  z-index: auto;
  line-height: 1.833;
}

@media screen and (min-width: 768px) {
  .site-main {
    margin-top: 90px;
  }
}
.site-main th {
  font-weight: normal;
  text-align: justify;
}
.site-main th,
.site-main td {
	vertical-align: top;
}
.wrap {
  margin: 0 10px;
}

@media screen and (min-width: 1200px) {
  .wrap {
    width: 1200px;
    margin: 0 auto;
  }
}
.site-header * {
  margin: 0;
  padding: 0;
}
.site-header {
  width: 100%;
  background-color: unset; /* position: fixed; */ /* z-index: 999; */ /* -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); */
}

@media screen and (min-width: 1200px) {
  .site-header {
    background-color: #fff;
    /* margin-top: -4px; */
    /* position: fixed; */
    /* height: 50px; */
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.header-wrap {
  position: relative;
  margin: 0;
}

@media screen and (min-width: 1200px) {
  .header-wrap {
    margin: 0 15px 0 10px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    min-width: 1200px;
  }
  .header-wrap:after {
    position: relative;
    z-index: 999;
    content: "";
    display: block;
    /* height: 10px; */
    margin-top: -10px;
    margin-left: -999em;
    margin-right: -999em;
    background-color: #fff;
    /* -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); */
    overflow: hidden;
  }
  .site-branding {
    position: absolute;
    top: -25px;
    left: 20px;
    padding: 25px 20px 15px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    z-index: 9999;
  }
}

@media screen and (max-width: 1199px) {
  header {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .site-branding {
    display: none;
  }
}
.site-title {
  padding: 10px 0;
}

@media screen and (min-width: 1200px) {
  .site-title {
    padding: 0;
  }
}
.site-title a img {
  width: 112px;
}
/* .site-title a {
  display: block;
  width: 1px;
  height: 40px;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("img/logo.png");
  background-size: auto;
}

@media screen and (min-width: 1200px) {
  .site-title a {
    width: 112px;
    height: 150px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("img/logo.png");
    background-size: auto;
  }
} */

.menu-toggle-box {
  position: fixed;
  top: 0;
  right: 0;
  height: 60px;
  display: inline-block;
  padding: 14px 15px 5px;
  z-index: 10;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .menu-toggle-box {
    display: none;
  }
}
.menu-toggle {
  position: relative;
  width: 30px;
  height: 30px;
}
.menu-toggle-icon,
.menu-toggle-icon:before,
.menu-toggle-icon:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #222;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*
body.toggled .menu-toggle-box {
  background-color: #404040;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

body.toggled .menu-toggle-icon {
  background-color: transparent;
}

body.toggled .menu-toggle-icon:before {
  background-color: #fff;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  top: -1px;
}

body.toggled .menu-toggle-icon:after {
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -9px;
} */

/* body.toggled a span.menu-toggle-label:after {
  color: #fff;
  content: 'CLOSE';
} */

.menu-toggle-icon:before {
  margin-top: 8px;
}
.menu-toggle-icon:after {
  margin-top: 16px;
}
#js-nav__btn3:after {
  display: inline-block;
  margin-top: 16px;
  margin-left: -2px;
  content: "MENU";
  position: static;
  color: #222;
  font-size: 9px;
  font-size: 0.5625rem;
}
.l-nav__btn.is-active#js-nav__btn3:after {
  display: inline-block;
  margin-top: 16px;
  margin-left: -4px;
  content: "CLOSE";
  position: static;
  color: #222;
  font-size: 9px;
  font-size: 0.5625rem;
}
#mobile-menu {
  position: fixed;
  overflow-y: scroll;
  top: 60px;
  right: -100%;
  width: 100%;
  border: 5px solid #ccc;
  overflow: auto;
  background-color: #fff;
  height: 100vh;
  padding-bottom: 5em;
  z-index: 99;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mobile-menu2 {
  position: fixed;
  overflow-y: scroll;
  /* top: 60px; */
  /* right: -100%; */
  width: 100%;
  /* border: 5px solid #CCC; */
  /* overflow: auto; */
  /* background-color: #fff; */
  height: 100vh;
  padding-bottom: 5em;
}
#mobile-menu ul,
#mobile-menu2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#mobile-menu ul a,
#mobile-menu2 ul a {
  display: block;
  position: relative;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #222;
  text-decoration: none;
  border-top: 1px solid #ddd;
  padding: 0.7em 2.3em 0.7em 0.9em;
}
#mobile-menu ul a:after,
#mobile-menu2 ul a:after {
  position: absolute;
  right: 1.5em;
  display: inline-block;
  width: 8px;
  height: 19px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIyMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04IDYuOTJsLTcuMjcgNy4wOC0uNzMtLjcxIDYuNTMtNi4zNS02LjQyLTYuMjUuNzEtLjY5IDYuNDIgNi4yNXoiIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIi8+PC9zdmc+");
}
#mobile-menu dl,
#mobile-menu2 dl {
  margin: 0;
}
#mobile-menu dl a,
#mobile-menu2 dl a {
  padding-left: 1.9em;
}
#mobile-menu dd,
#mobile-menu2 dd {
  margin: 0;
}

@media screen and (min-width: 1200px) {
  #mobile-menu,
  #mobile-menu2 {
    display: none;
  }
}
.body-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.body-overlay {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.toggled #content {
  position: fixed;
  height: 100%;
  width: 100%;
}
body.toggled #colophon {
  display: none;
}
body.toggled #mobile-menu {
  right: 0;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
body.toggled .body-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.mobile-menu-logo {
  display: block;
  position: absolute;
  top: -45px;
  left: 0px;
  /* z-index: 999; */
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  min-width: 80px;
  width: 20%;
  padding: 10px 10px 5px;
  max-width: 152px;
  text-align: center;
}
.mobile-menu-logo2 {
  display: block;
  position: absolute;
  top: -65px;
  left: 10px;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  min-width: 80px;
  width: 20%;
  padding: 10px 10px 5px 10px;
  max-width: 152px;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .mobile-menu-logo2 {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .mobile-menu-logo2 {
    top: -320%;
  }
}
.mobile-menu-logo img,
.mobile-menu-logo2 img {
  width: 100%;
  max-width: 112px;
  height: auto;
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .mobile-menu-logo .mobile-menu-logo2 {
    left: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .mobile-menu-logo {
    display: none;
  }
}
.mobile-menu-enjoy dt,
.mobile-menu-drink dt,
.mobile-menu-shopping dt,
.mobile-menu-facility dt {
  padding: 0.7em 2.3em 0.7em 0.9em;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  display: block;
  color: #222;
  display: block;
  border-top: 1px solid #ddd;
}
.mobile-menu-enjoy dt:after,
.mobile-menu-drink dt:after,
.mobile-menu-shopping dt:after,
.mobile-menu-facility dt:after {
  position: absolute;
  right: 1.7em;
  display: inline-block;
  width: 8px;
  height: 19px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIyMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04IDYuOTJsLTcuMjcgNy4wOC0uNzMtLjcxIDYuNTMtNi4zNS02LjQyLTYuMjUuNzEtLjY5IDYuNDIgNi4yNXoiIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIi8+PC9zdmc+");
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mobile-menu-enjoy dd,
.mobile-menu-drink dd,
.mobile-menu-shopping dd,
.mobile-menu-facility dd {
  display: none;
}
#desktop-menu {
  display: none;
}

@media screen and (min-width: 1200px) {
  #desktop-menu {
    display: block;
    padding-left: 30px;
    width: 890px;
    margin: 0 auto; /* width: 50%; */ /* float: right; */
  }
}
ul.desktop-menu-first {
  /* padding: 15px 0 0; */
  list-style-type: none;
  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;
}
ul.desktop-menu-first > li {
  position: relative;
}
ul.desktop-menu-first > li a {
  color: #222;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  padding-bottom: 15px;
  display: inline-block;
}
ul.desktop-menu-first > li a span {
  display: block;
  border-bottom: 1px solid #222;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0.3em 0;
}
ul.desktop-menu-first > li a span.en {
  border: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
ul.desktop-menu-first .contact {
  position: absolute;
  right: 20px;
  top: -7px;
}
ul.desktop-menu-first .contact a {
  display: block;
  padding: 0 1em;
  color: #006e3f;
  border: 1px solid #006e3f;
  margin-bottom: 15px;
}
ul.desktop-menu-first .contact a span {
  border: 0;
  padding-bottom: 0.9em;
  padding-top: 0.9em;
}
ul.desktop-menu-child {
  display: block;
  list-style-type: none;
  position: absolute;
  background-color: #fff;
  top: 76px;
  left: -2em;
  padding: 1em 0 0.3em;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
ul.desktop-menu-child:before {
  content: "";
  display: block;
}
ul.desktop-menu-child li {
  white-space: nowrap;
  padding: 0.3em 4em 0.3em 1em;
}
ul.desktop-menu-child li:before {
  content: "・";
}
ul.desktop-menu-child a {
  font-size: 16px;
  font-size: 1rem;
  white-space: nowrap;
}
ul.desktop-menu-first > li:not(.contact):hover > a {
  color: #006e3f;
}
ul.desktop-menu-first > li:not(.contact):hover > a span {
  border-bottom: 1px solid #006e3f;
}
ul.desktop-menu-first > li:not(.contact):hover > a span.en {
  border: 0;
}
ul.desktop-menu-first > li:not(.contact):hover ul.desktop-menu-child {
  visibility: visible;
  opacity: 1;
}
ul.desktop-menu-first > li:not(.contact):hover ul.desktop-menu-child a:hover {
  color: #006e3f;
}
ul.desktop-menu-first > li:not(.contact):hover:nth-of-type(1):after,
ul.desktop-menu-first > li:not(.contact):hover:nth-of-type(2):after,
ul.desktop-menu-first > li:not(.contact):hover:nth-of-type(3):after,
ul.desktop-menu-first > li:not(.contact):hover:nth-of-type(4):after,
ul.desktop-menu-first > li:not(.contact):hover:nth-of-type(5):after {
  content: "▼";
  color: #006e3f;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -6px;
  font-size: 12px;
  font-size: 0.75rem;
}
ul.desktop-menu-first li.contact a:hover {
  background-color: #006e3f;
  color: #fff;
}
#page-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 10000;
}
#page-top a {
  background-color: #006e3f;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  #page-top {
    display: none !important;
  }
  #page-top a {
    display: none !important;
  }
  #page-top a:hover {
    display: none !important;
  }
}
.site-footer {
  background-color: #f5f5f5;
  line-height: 1.8;
  color: #222;
}
.site-footer a {
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}
.footer-nav {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .footer-nav {
    margin-left: 10rem;
    margin-top: 2.5rem;
  }
}
.footer-nav .group {
  width: 90%;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .footer-nav .group {
    width: 33%;
  }
}

@media screen and (min-width: 768px) {
  .footer-nav .group:first-child dt {
    display: none;
  }
}
.footer-nav dl {
  margin: 0 0 2em;
  padding: 0;
}
.footer-nav dt {
  font-weight: normal;
  margin-bottom: 0.3em;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media screen and (min-width: 768px) {
  .footer-nav dt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.footer-nav dd {
  margin: 0;
}
.footer-nav ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.footer-nav li {
  margin-bottom: 0.3em;
}
.footer-nav li:before {
  content: "・";
}
.footer-nav a {
  color: #222;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media screen and (min-width: 768px) {
  .footer-nav a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.footer-nav a.stuff {
  letter-spacing: -3px;
}

@media screen and (min-width: 768px) {
  .footer-nav a.stuff {
    letter-spacing: normal;
  }
}
.footer-logo {
  text-align: center;
  margin-bottom: 1em;
}
.footer-logo img {
  width: 199px;
}

@media screen and (min-width: 768px) {
  .footer-logo img {
    width: 225px;
  }
}
.footer-company-nav ul,
.footer-sub-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer-company-nav a,
.footer-sub-nav a {
  white-space: nowrap;
  padding: 0.5em;
  color: #222;
}
.footer-company-nav {
  margin-bottom: 1.5em;
}
.footer-company-nav li:after {
  content: "|";
}
.footer-company-nav li:last-child:after {
  content: "";
}
.footer-company-nav a {
  /* font-size: 12px; */
  font-size: 0.78rem;
}

@media screen and (min-width: 768px) {
  .footer-company-nav a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.footer-sub-nav {
  margin-bottom: 1em;
}
.footer-sub-nav a {
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  .footer-sub-nav a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.footer-attention {
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 0.7em 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .footer-attention {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.footer-copy {
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  .footer-copy {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.breadcrumbs-wrap {
  position: relative;
  background-color: #006e3f;
}
.breadcrumbs {
  margin: 0 10px;
  padding: 0.5em 0;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 768px) {
  .breadcrumbs {
    width: 1200px;
    margin: 0 auto;
    padding-left: 170px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    padding: 0.5em 0 0.5em 26%;
  }
}
.breadcrumbs a {
  color: #fff;
}
.hero .read {
  margin: 1.5em 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.pause {
  padding: 0.5em 0.5em;
  margin: 1em 1em;
  border: solid 1px #bd0b29;
  text-align: center;
}
.pause span {
  color: #bd0b29;
}
.pause2 {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .hero .read {
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    margin: 3em 0;
  }
  .pause {
    padding: 0.5% 2%;
    margin: 2% auto;
    border: solid 1px #bd0b29;
    width: 70%;
  }
  .pause span {
    color: #bd0b29;
  }
  .pause2 {
    text-align: center;
  }
}
.hero .read.center {
  text-align: center;
}
.hero-heading {
  display: table;
  position: absolute;
  background-color: #fff;
  padding: 20px 40px;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
}
.hero-heading img {
  width: 80px;
  height: 100px;
  margin-right: 30px;
}
.hero-heading span#kitisuke {
  font-size: 1.6rem;
  display: inline;
}

@media screen and (max-width: 768px) {
  .hero-heading {
    display: inline-table;
    padding: 25px;
    letter-spacing: 0.05em;
  }
  .hero-heading img {
    width: 50px;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
  }
  .hero-factory .hero-heading h2 {
    padding: 0;
    line-height: 1.2em;
  }
  .hero-bakery .hero-heading,
  .hero-hall .hero-heading,
  .hero-museum .hero-heading,
  .page-kichisuke .hero-heading {
    padding: 10px 15px;
  }
  .hero-brewery .hero-heading h2,
  .hero-softcream .hero-heading h2,
  .hero-restaurant .hero-heading h2,
  .hero-shop .hero-heading h2,
  .hero-shrine .hero-heading h2 {
    padding: 0;
  }
  .hero-heading span#kitisuke {
    font-size: 1.05rem;
    display: inline;
  }
  .hero-kichisuke .hero-heading h2 {
    letter-spacing: 0.1rem;
    padding: 10px;
    line-height: 1.2em;
  }
  .hero-groundgolf .hero-heading {
    padding: 10px 15px;
    line-height: 1.1em;
  }
  .hero-groundgolf .hero-heading h2 {
    padding: 2px 0 0 0;
  }
  .hero-heading h2 {
    padding: 18px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .br-sp {
    display: none;
  }
  .br-pc {
    display: block;
  }
}
.hero-heading p {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  font-size: 0.75rem;
}
.hero-heading span {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  font-size: 3.2vw;
  display: block;
}

@media screen and (min-width: 768px) {
  .hero-heading p {
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-hall .hero-heading {
    padding: 20px 40px;
    text-align: center;
    min-height: auto;
  }
}
.hero-heading h1 {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  font-weight: normal;
  font-size: 25px;
  font-size: 1.5625rem;
}
.hero-heading h2 {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  font-weight: normal;
  /*font-size: 25px;*/
  font-size: 1.3rem;
  padding: 13px 0 0 0;
  line-height: 1.3em;
  float: right;
}

@media screen and (min-width: 768px) {
  .hero-heading h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .hero-heading h2 {
    /*font-size: 30px;*/
    font-size: 1.875rem;
    margin-top: 0px;
    line-height: 1.8; /*padding-left: 10px;*/
  }
  .hero-heading h2 span {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .hero-heading h2 p {
    margin-left: 10px;
    display: inline;
  }
}

@media screen and (max-width: 769px) {
  .hero-heading h2 p {
    margin-left: 0;
    display: block;
    font-size: 1.3rem;
  }
  .br-pc {
    display: none;
  }
}

.hero-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
}

@media screen and (min-width: 768px) {
  .hero-img {
    height: 200px;
  }
}
.hero-brewery {
  background-image: url("img/brewery/hero-brewery-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-brewery {
    background-image: url("img/brewery/hero-brewery-pc.jpg");
  }
}
.hero-bakery {
  background-image: url("img/bakery/hero-bakery-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-bakery {
    background-image: url("img/bakery/hero-bakery-pc.jpg");
  }
}
.hero-hall {
  background-image: url("img/hall/hero-hall-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-hall {
    background-image: url("img/hall/hero-hall-pc.jpg");
  }
}
.hero-restaurant {
  background-image: url("img/restaurant/hero-restaurant-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-restaurant {
    background-image: url("img/restaurant/hero-restaurant-pc.jpg");
  }
}
.hero-factory {
  background-image: url("img/factory/hero-factory-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-factory {
    background-image: url("img/factory/hero-factory-pc.jpg");
  }
}
.hero-rekkasui {
  background-image: url("img/rekkasui/hero-rekkasui-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-rekkasui {
    background-image: url("img/rekkasui/hero-rekkasui-pc.jpg");
  }
}
.hero-softcream {
  background-image: url("img/softcream/hero-softcream-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-softcream {
    background-image: url("img/softcream/hero-softcream-pc.jpg");
  }
}
.hero-museum {
  background-image: url("img/museum/hero-museum-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-museum {
    background-image: url("img/museum/hero-museum-pc.jpg");
  }
}
.hero-beachpark {
  background-image: url("img/beachpark/hero-beachpark-sp.png");
}
.hero-beachpark .hero-heading h2 {
  padding-top: 0;
  float: none;
}

@media screen and (min-width: 768px) {
  .hero-beachpark {
    background-image: url("img/beachpark/hero-beachpark-pc.png");
  }
}
.hero-groundgolf {
  background-image: url("img/groundgolf/hero-groundgolf-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-groundgolf {
    background-image: url("img/groundgolf/hero-groundgolf-pc.jpg");
  }
}
.hero-shrine {
  background-image: url("img/shrine/hero-shrine-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-shrine {
    background-image: url("img/shrine/hero-shrine-pc.jpg");
  }
}
.hero-kichisuke {
  background-image: url("img/kichisuke/hero-kichisuke-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-kichisuke {
    background-image: url("img/kichisuke/hero-kichisuke-pc.jpg");
  }
}
.hero-gallery {
  background-image: url("img/gallery/hero-gallery-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-gallery {
    background-image: url("img/gallery/hero-gallery-pc.jpg");
  }
}
.hero-access {
  background-image: url("img/access/hero-access-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-access {
    background-image: url("img/access/hero-access-pc.jpg");
  }
}
.hero-event {
  background-image: url("img/event/hero-event-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-event {
    background-image: url("img/event/hero-event-pc.jpg");
  }
}
.hero-shop {
  background-image: url("img/shop/hero-shop-sp.jpg");
}

@media screen and (min-width: 768px) {
  .hero-shop {
    background-image: url("img/shop/hero-shop-pc.jpg");
  }
}

@media screen and (max-width: 767px) {
  .hero-ecofactory .hero-heading,
  .hero-factory .hero-heading {
    /* width: 77%; */
    padding: 10px 20px 10px 10px;
  }
  /* .hero-ecofactory .hero-heading img {
	margin: 10px;
} */
  .hero-ecofactory .hero-heading span {
    font-size: 0.7rem;
    letter-spacing: 0;
  }
  .hero-ecofactory .hero-heading h2 {
    padding-top: 0;
    line-height: 1.4em;
    font-size: 1.2rem;
  }
}
.hero-ecofactory {
  background-image: url("img/ecofactory/hero-ecofactory-sp.png");
}

@media screen and (min-width: 768px) {
  .hero-ecofactory .hero-heading {
    width: auto;
  }
  .hero-ecofactory {
    background-image: url("img/ecofactory/hero-ecofactory-pc.png");
  }
}
.facility-panel,
.panel-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.facility-panel article,
.panel-contents article {
  position: relative;
  overflow: hidden;
  width: 50%;
}

@media screen and (min-width: 768px) {
  .facility-panel article,
  .panel-contents article {
    width: 25%;
  }
  .page-about .facility-panel article {
    width: calc(100% / 8);
    height: auto;
  }
}
.facility-panel figure,
.panel-contents figure {
  position: static;
  margin: 0;
  overflow: hidden;
  float: left;
}
.facility-panel figure img,
.panel-contents figure img {
  width: 50vw;
  /* height: 50vw; */
  float: left;
}
.page-about .facility-panel figure img {
  width: 100%;
  height: auto;
  float: left;
}

@media screen and (min-width: 768px) {
  /* .facility-panel figure img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width:100%;
    height: auto;
   }
  .panel-contents figure img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 25vw;
    height:auto;
  } */
  .facility-panel figure img,
  .panel-contents figure img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 25vw;
    height: auto;
  }
}
.facility-panel .btn,
.panel-contents .btn {
  position: absolute;
  border: 1px solid #fff;
  bottom: 0.4em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 94%;
}

@media screen and (min-width: 768px) {
  .facility-panel .btn,
  .panel-contents .btn {
    bottom: 0.6em;
  }
  .page-about .facility-panel .btn,
  .page-about.panel-contents .btn {
    display: none;
  }
}
.facility-panel .content,
.panel-contents .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.facility-panel .content p,
.panel-contents .content p {
  position: absolute;
  color: #fff;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .facility-panel a:hover .content,
  .panel-contents a:hover .content {
    opacity: 1;
  }
  .facility-panel a:hover img,
  .panel-contents a:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.page-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .page-nav ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.page-nav ul a {
  display: block;
  position: relative;
  height: calc(50vw * (195 / 375));
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-nav ul a {
    height: calc(20vw * (250 / 320));
  }
}
.page-nav ul span {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 3vw;
  font-weight: 600;
  color: #fff;
  position: absolute;
  white-space: nowrap;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 1em;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  line-height: 1.14;
}

@media screen and (min-width: 768px) {
  .page-nav ul span {
    font-size: 2vw;
    font-size: 26px;
    font-size: 1.625rem;
    bottom: 0.7em;
  }
}
.page-nav ul span:after {
  content: "";
  display: block;
  width: 3vw;
  height: 1.5vw;
  background: url("img/arrow-down-white.svg") no-repeat center center;
  background-size: contain;
  margin: 0.5em auto 0;
}

@media screen and (min-width: 768px) {
  .page-nav ul span:after {
    width: 19px;
    height: 10px;
    margin: 0.2em auto 0;
  }
}
.page-nav ul li.sm-1 {
  width: 100%;
}
.page-nav ul li.sm-2 {
  width: 50%;
}
.page-nav ul li.sm-3 {
  width: 33.33%;
}
.page-nav ul li.row-2 span {
  bottom: 0.5em;
}
.page-nav ul li.row-2 span:after {
  margin: 0.2em auto 0;
}

@media screen and (min-width: 768px) {
  .page-nav ul li.row-2 span {
    bottom: 0.7em;
  }
  .page-nav ul li.row-2 span:after {
    margin: 0.2em auto 0;
  }
}

@media screen and (min-width: 768px) {
  .page-nav ul li.md-3 {
    width: 33.3%;
  }
  .page-nav ul li.md-5 {
    width: 20%;
  }
}
.contact-box.green {
  line-height: 1.5;
  padding: 0.5em;
  border: 3px solid #006e3f;
  border-radius: 10px;
  text-align: center;
  color: #006e3f;
}

@media screen and (min-width: 768px) {
  .contact-box.green {
    margin: 0 auto;
    width: 80%;
    border: 0;
    background-color: #b4d4c7;
    background-image: -webkit-gradient(
      linear,
      0 0,
      100% 100%,
      color-stop(0.25, #fff),
      color-stop(0.25, transparent),
      color-stop(0.5, transparent),
      color-stop(0.5, #fff),
      color-stop(0.75, #fff),
      color-stop(0.75, transparent),
      to(transparent)
    );
    -webkit-background-size: 7px 7px;
  }
}
.contact-box.green h2,
.contact-box.green h3 {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.green h2,
  .contact-box.green h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.contact-box.green a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .contact-box.green a {
    cursor: default;
  }
}
.contact-box.green p.tel {
  margin: 0;
  position: relative;
  color: #006e3f;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.green p.tel {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.contact-box.green p.tel:after {
  position: absolute;
  right: 10px;
  top: 16px;
  display: block;
  content: "";
  width: 8px;
  height: 14px;
  background: url("img/arrow-right-green.svg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .contact-box.green p.tel:after {
    display: none;
  }
}
.contact-box.green p.time {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.green p.time {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.contact-box.green p.attention {
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .contact-box.green p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.contact-box.brown {
  line-height: 1.5;
  padding: 0.5em;
  border: 3px solid #543823;
  border-radius: 10px;
  text-align: center;
  color: #543823;
}

@media screen and (min-width: 768px) {
  .contact-box.brown {
    margin: 0 auto;
    width: 990px;
    border: 0;
    background-color: #cdc4be;
    background-image: -webkit-gradient(
      linear,
      0 0,
      100% 100%,
      color-stop(0.25, #fff),
      color-stop(0.25, transparent),
      color-stop(0.5, transparent),
      color-stop(0.5, #fff),
      color-stop(0.75, #fff),
      color-stop(0.75, transparent),
      to(transparent)
    );
    -webkit-background-size: 7px 7px;
  }
}
.contact-box.brown h2,
.contact-box.brown h3 {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.brown h2,
  .contact-box.brown h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.contact-box.brown a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .contact-box.brown a {
    cursor: default;
  }
}
.contact-box.brown p.tel {
  margin: 0;
  position: relative;
  color: #543823;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.brown p.tel {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.contact-box.brown p.tel:after {
  position: absolute;
  right: 10px;
  top: 16px;
  display: block;
  content: "";
  width: 8px;
  height: 14px;
  background: url("img/arrow-right-brown.svg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .contact-box.brown p.tel:after {
    display: none;
  }
}
.contact-box.brown p.time {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.brown p.time {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.contact-box.brown p.attention {
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .contact-box.brown p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
ul.kichisuke-caption {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  ul.kichisuke-caption {
    width: 680px;
    margin: 0 auto 30px;
  }
}
.contact-box.blue {
  line-height: 1.5;
  padding: 0.5em;
  border: 3px solid #004892;
  border-radius: 10px;
  text-align: center;
  color: #004892;
}

@media screen and (min-width: 768px) {
  .contact-box.blue {
    margin: 0 auto;
    width: 80%;
    border: 0;
    background-color: #b2c8de;
    background-image: -webkit-gradient(
      linear,
      0 0,
      100% 100%,
      color-stop(0.25, #fff),
      color-stop(0.25, transparent),
      color-stop(0.5, transparent),
      color-stop(0.5, #fff),
      color-stop(0.75, #fff),
      color-stop(0.75, transparent),
      to(transparent)
    );
    -webkit-background-size: 7px 7px;
  }
}
.contact-box.blue h2,
.contact-box.blue h3 {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.blue h2,
  .contact-box.blue h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.contact-box.blue a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .contact-box.blue a {
    cursor: default;
  }
}
.contact-box.blue p.tel {
  margin: 0;
  position: relative;
  color: #004892;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.blue p.tel {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.contact-box.blue p.tel:after {
  position: absolute;
  right: 10px;
  top: 16px;
  display: block;
  content: "";
  width: 8px;
  height: 14px;
  background: url("img/arrow-right-blue.svg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .contact-box.blue p.tel:after {
    display: none;
  }
}
.contact-box.blue p.time {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .contact-box.blue p.time {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.contact-box.blue p.attention {
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .contact-box.blue p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/*--------------------------------------------------------------
## kirishima-fg original page
--------------------------------------------------------------*/
#top-slider {
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-height: 0;
  opacity: 0;
  margin: 0 0 4em 0;
  padding: 0;
}
#top-slider.slick-initialized {
  opacity: 1;
  max-height: 800px;
}

@media screen and (min-width: 768px) {
  #top-slider {
    margin: 0 0 6em 0;
  }
}
#top-slider .slick-prev {
  left: 50%;
  margin-left: -575px;
  top: auto;
  bottom: -50px;
  z-index: 99;
}
#top-slider .slick-next {
  right: 50%;
  margin-right: -585px;
  top: auto;
  bottom: -50px;
  z-index: 99;
}
#top-slider .slick-prev:before,
#top-slider .slick-next:before {
  display: block;
  content: "";
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 19px;
}
#top-slider .slick-prev:before {
  display: block;
  content: "";
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 19px;
  background: url("img/arrow-left-bk.svg") no-repeat left top;
}
#top-slider .slick-next:before {
  background: url("img/arrow-right-bk.svg") no-repeat left top;
}
#top-slider .slick-dots {
  bottom: -40px;
}
#top-slider .slick-dots li {
  margin: 0;
}
#top-slider .slick-dots li button {
  color: #fff;
}
#top-slider .slick-dots li.slick-active button:before {
  color: #222;
  opacity: 1;
}
#top-slider .slick-dots li button:before {
  color: #ddd;
  opacity: 1;
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 768px) {
  #top-slider .slick-dots li button:before {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page-front .notice-rekkasui {
  margin-top: -0.5em;
  position: relative;
}

@media screen and (min-width: 768px) {
  .page-front .notice-rekkasui {
    margin-top: 1em;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
}
.page-front .notice-rekkasui a {
  text-decoration: none;
}
/*.page-front .notice-rekkasui dl {
  position: relative;
  border: 1px solid #004892;
  padding-bottom: 1px;
}

@media screen and (min-width: 768px) {
  .page-front .notice-rekkasui dl {
    padding-bottom: 0;
  }
}*/

.page-front .notice-rekkasui:before {
  position: absolute;
  top: 11px;
  width: 8px;
  height: 14px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-front .notice-rekkasui:before {
  position: absolute;
  right: 28px;
  top: 43%;
  /* line-height: 23em; */
  /* bottom: 50%; */
  width: 18px;
  height: 18px;
  content: " ";
}

@media screen and (min-width: 768px) {
  .page-front .notice-rekkasui:before {
    position: absolute;
    right: 17px;
    top: 43%;
    /* line-height: 23em; */
    /* bottom: 50%; */
    width: 18px;
    height: 18px;
    content: " ";
  }
}
.page-front .notice-rekkasui {
  font-weight: normal;
  display: block;
  color: #fff;
  background-color: #004892;
  color: #fff;
  text-align: center;
  padding: 0.3em 0;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 5px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-front .notice-rekkasui {
    font-size: 1.125rem;
    padding: 15px;
    text-align: center;
  }
  .page-front .notice-rekkasui p {
    margin: 0;
    color: #fff;
    padding: 0 0.5em;
    line-height: 1.3em;
    text-align: center;
    margin: 0.5em 0;
    font-size: 0.8rem;
  }
}
.page-front .notice-rekkasui p {
  margin: 0;
  color: #fff;
  padding: 0 3em;
  line-height: 1.3em;
  text-align: center;
  margin: 0.5em 0;
  font-size: 0.8rem;
}
.page-front .notice-rekkasui p#title {
  font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
  .page-front .notice-rekkasui p {
    padding-left: 1em;
    font-size: 1.2rem;
  }
}
.page-front .notice-rekkasui p span.today {
  font-size: 14px;
  font-size: 0.875rem;
}
.page-front .notice-rekkasui dd p.next {
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  .page-front .notice-rekkasui dd p {
    text-align: justify;
    margin: 0.4em 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .page-front .notice-rekkasui dd p span.today {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .page-front .notice-rekkasui dd p.next {
    text-align: left;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page-front .free-space {
  margin-bottom: 30px;
  background: #fff;
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .page-front .free-space {
    max-width: 1000px;
    margin: 0 auto 30px;
    background: #fff;
    padding: 20px;
    width: 100%;
  }
}
.page-front .free-space p {
  line-height: 2em;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0.7em 0;
}

@media screen and (min-width: 768px) {
  .page-front .free-space p {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin: 0.3em 0;
  }
}
.page-front .free-space p a {
  color: #bd0b29;
}
.page-front .look-enjoy .sp-cont article,
.page-front .drink-eat .sp-cont article,
.page-front .goods-shop .sp-cont article {
  position: relative;
}
.page-front .look-enjoy .sp-cont figure,
.page-front .drink-eat .sp-cont figure,
.page-front .goods-shop .sp-cont figure {
  margin: 0;
  overflow: hidden;
}
.page-front .look-enjoy .sp-cont figure img,
.page-front .drink-eat .sp-cont figure img,
.page-front .goods-shop .sp-cont figure img {
  float: left;
}
.page-front .look-enjoy .sp-cont .btn,
.page-front .drink-eat .sp-cont .btn,
.page-front .goods-shop .sp-cont .btn {
  position: absolute;
  border: 1px solid #fff;
  bottom: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 94%;
}
.page-front .look-enjoy .sp-cont .btn .boxlink-textwhite-tr,
.page-front .drink-eat .sp-cont .btn .boxlink-textwhite-tr,
.page-front .goods-shop .sp-cont .btn .boxlink-textwhite-tr {
  margin: 0;
  padding: 8px 0;
  font-size: 25px;
  font-size: 1.15rem;
}
.page-front .look-enjoy .sp-cont .btn .boxlink-textwhite-tr span,
.page-front .drink-eat .sp-cont .btn .boxlink-textwhite-tr span,
.page-front .goods-shop .sp-cont .btn .boxlink-textwhite-tr span {
  display: block;
  font-size: 0.7rem;
}
.page-front .look-enjoy .sp-cont .btn .boxlink-textwhite-tr.factorytit {
  font-size: 0.85rem;
  padding: 10px 0;
}
.page-front .look-enjoy .sp-cont .btn .boxlink-textwhite-tr:after {
  top: 15px;
}
.page-front .drink-eat .sp-cont .btn .boxlink-textwhite-tr:after,
.page-front .goods-shop .sp-cont .btn .boxlink-textwhite-tr:after {
  top: 11px;
}
.page-front .look-enjoy .sp-cont .content,
.page-front .drink-eat .sp-cont .content,
.page-front .goods-shop .sp-cont .content {
  position: absolute;
  bottom: 1em;
  color: #fff;
  width: 100%;
  text-align: center;
}
.page-front .look-enjoy .sp-cont .content p,
.page-front .drink-eat .sp-cont .content p,
.page-front .goods-shop .sp-cont .content p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .page-front .look-enjoy .sp-cont .btn .boxlink-textwhite-tr:after {
    top: 25px;
  }
  .page-front .look-enjoy .sp-cont .btn.schedule .boxlink-textwhite-tr:after {
    top: 10px;
  }
  .page-front .look-enjoy .sp-cont .content p,
  .page-front .drink-eat .sp-cont .content p,
  .page-front .goods-shop .sp-cont .content p {
    display: none;
  }
}
.page-front .look-enjoy .dskt-cont article h2,
.page-front .drink-eat .dskt-cont article h2,
.page-front .goods-shop .dskt-cont article h2 {
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
}
.page-front .look-enjoy .dskt-cont article .schedule {
  height: 63px;
}
.page-front .look-enjoy .dskt-cont article .schedule h2 {
  line-height: 40px;
}
.page-front .look-enjoy .dskt-cont article h2 img,
.page-front .drink-eat .dskt-cont article h2 img,
.page-front .goods-shop .dskt-cont article h2 img {
  float: left;
}
.page-front .look-enjoy .dskt-cont figure,
.page-front .drink-eat .dskt-cont figure,
.page-front .goods-shop .dskt-cont figure {
  overflow: hidden;
}
.page-front .look-enjoy .dskt-cont figure img,
.page-front .drink-eat .dskt-cont figure img,
.page-front .goods-shop .dskt-cont figure img {
  float: left;
  height: 100%;
  width: 100%;
}
.page-front .look-enjoy .dskt-cont article#dskt-cont-title:nth-of-type(1) {
  width: 25%;
  position: relative;
}
.page-front .look-enjoy .dskt-cont article#dskt-cont-title:nth-of-type(1) img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; /* width: 80%;
  height: 3.2rem; */
}
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap {
  width: 75%;
  float: right;
}
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap article:nth-of-type(1) {
  width: 100%;
}
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap article:nth-of-type(2),
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap article:nth-of-type(3),
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap article:nth-of-type(4) {
  width: calc(100% / 3);
  float: left;
}
.page-front .drink-eat .dskt-cont article:nth-of-type(1) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.page-front .goods-shop .dskt-cont article:nth-of-type(2) {
  width: 75%;
}
/* finfomation */
.finfomation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("img/front-page/info-bg_sp.jpg") no-repeat top center;
  background-size: cover;
  padding: 70px 0 110px;
}
.finfomation .wrap {
  width: 94%;
  max-width: 1000px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  /* finfomation */
  .finfomation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("img/front-page/info-bg.jpg") no-repeat top center;
    background-size: cover;
    padding: 170px 0 110px;
  }
  .page-front .news-schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("img/front-page/bg-fg.jpg") no-repeat top center;
    background-size: cover;
  }
}
.page-front .finfomation .heading-combo,
.page-front .news-schedule .news-section .heading-combo {
  color: #fff;
  padding-top: 0;
  text-shadow: 1px 0px 15px #1a3155;
}

@media screen and (max-width: 767px) {
  .page-front .news-schedule .news-section .heading-combo {
    color: #222;
    padding: 1.5em 0;
    text-shadow: none;
  }
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section {
    width: 100%;
    max-width: 1000px;
    margin: 0 40px;
    padding: 80px 0;
  }
}
.page-front .news-schedule .news-section .news-list {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section .news-list {
    background-color: transparent;
  }
}
.page-front .news-schedule .news-section .news-list li {
  border-bottom: 1px solid #ddd;
  padding: 1em 0 0.5em;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section .news-list li {
    max-width: 485px;
    width: 49%;
    float: left;
    background-color: #fff;
    border: 0;
    margin-bottom: 30px;
  }
  .page-front .news-schedule .news-section .news-list li:nth-child(2n) {
    float: right;
  }
}
.page-front .news-schedule .news-section .news-list li a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section .news-list li a {
    height: 93px;
    overflow: hidden;
  }
}
.page-front .news-schedule .news-section ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section ul {
    width: 100%;
    max-width: 1000px;
    border: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section .ph {
    float: left;
    position: relative;
    width: 80px;
    height: 80px;
  }
}
.page-front .news-schedule .news-section figure {
  margin: 0;
  float: left;
  width: 90px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section figure {
    width: 100px;
  }
}
.page-front .news-schedule .news-section figure img {
  max-width: 60px;
  max-height: 60px;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section figure img {
    margin-left: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80px;
    max-height: 80px;
  }
}
.page-front .news-schedule .news-section .text-cont {
  margin-left: 100px;
  padding-right: 15px;
}
.page-front .news-schedule .news-section .cat-update {
  color: #222;
  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;
}
.page-front .news-schedule .news-section .icon {
  float: left;
}
.page-front .news-schedule .news-section .update {
  float: right;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: 0.3em;
}
.page-front .news-schedule .news-section .update-cont p {
  margin: 0.3em 0 0;
  color: #222;
  text-align: left;
}
.page-front .news-schedule .news-section .news-links {
  margin: 1em 15px 0;
  margin: 1.5em 15px 0;
}
.page-front .news-schedule .news-section .news-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 0;
}
.page-front .news-schedule .news-section .news-links li {
  width: 100%;
}
.page-front .news-schedule .news-section .news-links a {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .news-section .news-links {
    margin: 1em 0 0;
  }
  .page-front .news-schedule .news-section .news-links .boxlink-sp-bk-pc-white {
    width: 580px;
    margin: 0 auto;
    color: #222;
    background-color: #fff;
  }
  .page-front
    .news-schedule
    .news-section
    .news-links
    .boxlink-sp-bk-pc-white:hover {
    color: #fff;
  }
}
.page-front .news-schedule .schedule-wrap {
  text-align: center;
  margin: 0 15px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .schedule-wrap {
    margin: 0;
    padding: 3em 0 49px;
    width: 100%;
  }
}
.page-front .news-schedule .schedule-links {
  margin: 1.5em 15px 0;
}

@media screen and (min-width: 768px) {
  .page-front .news-schedule .schedule-links {
    margin: 1em 0 6em;
  }
  .page-front .news-schedule .schedule-links .boxlink-sp-bk-pc-white {
    border-color: #222;
    color: #222;
    background-color: #fff;
  }
  .page-front .news-schedule .schedule-links .boxlink-sp-bk-pc-white:hover {
    color: #fff;
  }
}
.page-front .access-section p.attention {
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-front .access-section p.attention {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .page-front .access-section .access-link {
    width: 580px;
    margin: 3em auto;
  }
}

@media screen and (min-width: 768px) {
  .page-front .gallery-section {
    border-top: 1px solid #ddd;
  }
}
.page-front .gallery-section #gallery-slider {
  margin: 0;
  padding: 0;
}
.page-front .gallery-section #gallery-slider img {
  max-height: 100px;
}

@media screen and (min-width: 768px) {
  .page-front .gallery-section #gallery-slider img {
    max-height: 200px;
  }
}
.page-front .gallery-section .gallery-link {
  margin: 1.5em 15px 3em;
}

@media screen and (min-width: 768px) {
  .page-front .gallery-section .gallery-link {
    width: 580px;
    margin: 4em auto 7em;
  }
}

@media screen and (min-width: 768px) {
  .page-front .boxlink-sp-bk-pc-white {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0.6em;
  }
  .page-front .boxlink-sp-bk-pc-white:after {
    top: 12px;
  }
}
/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 200px;
  overflow: hidden;
  position: absolute;
}
.loopSlider {
  margin: 0 auto;
  width: 100%;
  height: 200px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.loopSlider ul {
  margin: 0;
  padding: 0;
  height: 200px;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.loopSlider ul li {
  margin: 0;
  padding: 0;
  height: 200px;
  float: left;
  display: block;
  overflow: hidden;
}
.loopSlider ul li img {
  height: 200px;
  vertical-align: baseline;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
  content: "";
  display: none;
  clear: none;
}
.page-about .summary {
  color: #fff;
  text-align: center;
  background: url("img/about/bg-sp.png") no-repeat center bottom;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-about .summary {
    background: url("img/about/bg-pc.png") no-repeat center bottom;
    background-size: cover;
  }
}
.page-about .summary .figure-wrap,
.tought .tought-wrap {
  margin: 0 auto;
  width: 90%;
}

@media screen and (min-width: 768px) {
  .page-about .summary .figure-wrap {
    max-width: 1000px;
    width: 100%;
    padding: 136px 0;
  }
}
/*
.page-about .summary .figure-wrap .ttl {
  padding-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-about .summary .figure-wrap .ttl {
    padding-top: 5em;
  }
}*/

.page-about .summary .figure-wrap .ttl {
  margin: 0;
  margin-bottom: 0;
  line-height: 2em;
  font-size: 5.1vw;
  text-shadow: 0px 2px 20px #112b43;
  padding: 5em 0 4em;
}

@media screen and (min-width: 768px) {
  .page-about .summary .figure-wrap .ttl {
    vertical-align: top;
    text-align: left;
    font-size: 1.7rem;
    padding-top: 9em;
    /*font-size: 1.25rem;*/
    display: inline-block;
    width: 49%;
  }
}
/*.page-about .ttl h1 {
  margin-top: 0;
  font-weight: normal;
  font-size: 15px;
  font-size: 0.9375rem;
}*/

/*@media screen and (min-width: 768px) {
  .page-about .ttl h1 {
    margin-bottom: 2em;
    font-size: 20px;
    font-size: 1.25rem;
  }
}*/

.page-about .read {
  margin: 0;
  text-align: left;
  text-shadow: 0px 2px 20px #112b43;
  font-size: 3.33vw;
  line-height: 2.8em;
  padding-bottom: 7.5em;
}

@media screen and (min-width: 768px) {
  .page-about .read {
    font-size: 16px;
    line-height: 2.5em;
    padding-bottom: 0;
    /*padding-top: 1em;*/
    display: inline-block;
    width: 50%;
  }
}
.page-about .read p {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .tought .tought-wrap {
    margin: 70px auto;
  }
  .page-about .read p {
    font-size: 14px;
    font-size: 0.875rem; /*margin-bottom: 3em;*/
  }
  .tought .tought-wrap p {
    line-height: 2.3em;
    text-align: left;
    margin: 0 0 20px 0;
    font-size: 3.4vw;
  }
  .tought .tought-wrap .logo {
    text-align: center;
    margin-bottom: 60px;
  }
}

.tought .tought-wrap {
  margin: 15vh auto;
}
.tought .tought-wrap .logo {
  text-align: center;
  margin-bottom: 11vh;
}
.tought .tought-wrap .logo img {
  width: 70%;
  max-width: 260px;
  height: auto;
}
.tought .tought-wrap p {
  line-height: 2.3em;
  text-align: left;
  margin: 0 0 4.5vh 0;
  font-size: 3.4vw;
}
.tought .tought-wrap .tit {
  font-size: 7.5vw;
  line-height: initial;
}

@media screen and (min-width: 768px) {
  .tought .tought-wrap {
    width: 890px;
    margin: 142px auto;
  }
  .tought .tought-wrap .logo,
  .tought .tought-wrap .text {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
  }
  .tought .tought-wrap .logo img {
    width: auto;
  }
  .tought .tought-wrap p {
    line-height: 2.3em;
    text-align: left;
    margin: 0 0 55px 0;
    font-size: 16px;
  }
  .tought .tought-wrap .tit {
    font-size: 2.1em;
    line-height: initial;
  }
}
.page-contact {
  margin-bottom: 2.5em;
}

@media screen and (min-width: 768px) {
  .page-contact {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-contact .page-contact-bg {
    padding: 6em 0;
    background: url("img/contact/bg-main.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-contact-wrap {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap {
    padding: 3em 5em;
  }
}

@media screen and (min-width: 768px) {
  .page-contact-wrap section {
    padding: 1.5em;
  }
}
.page-contact-wrap .brewery {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .brewery {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.page-contact-wrap .bakery {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .bakery {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.page-contact-wrap .other {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .other {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
}
.page-contact-wrap .links {
  width: 100%;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.page-contact-wrap .heading h1,
.page-contact-wrap .heading p {
  text-align: center;
  margin: 0;
}
.page-contact-wrap .heading h1 {
  font-size: 25px;
  font-size: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .heading h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-contact-wrap .heading p {
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .heading p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page-contact-wrap .heading p span {
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .heading p span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-contact-wrap th,
.page-contact-wrap td {
  padding: 0.5em 0.8em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap th,
  .page-contact-wrap td {
    padding: 0.9em;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-contact-wrap th {
  white-space: nowrap;
  width: 10%;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap th {
    padding-right: 3em;
  }
}
.page-contact-wrap caption {
  padding: 0.3em 0;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap caption {
    padding: 0.5em 0;
  }
}
.page-contact-wrap .brewery {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .brewery {
    margin-top: 0;
  }
}
.page-contact-wrap .brewery table caption {
  background-color: #006e3f;
  color: #fff;
}
.page-contact-wrap .brewery table th,
.page-contact-wrap .brewery table td {
  border: 1px solid #006e3f;
}
.page-contact-wrap .brewery table th {
  color: #006e3f;
  background-color: #f5f5f5;
}
.page-contact-wrap .brewery p.attention {
  margin-top: -1em;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .brewery p.attention {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .brewery .contact-box {
    position: absolute;
    width: 990px;
  }
}
.page-contact-wrap .bakery {
  position: relative;
  overflow: hidden;
  padding: 1em 0;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .bakery {
    margin-top: 9em;
    padding: 0 1.5em;
  }
}
.page-contact-wrap .bakery:before,
.page-contact-wrap .bakery:after {
  content: "";
  display: block;
  border-top: 1px solid #ddd;
  margin: 1em -500%;
  padding: 0 500%;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .bakery:before,
  .page-contact-wrap .bakery:after {
    margin: 1em 0;
    padding: 0;
  }
}
.page-contact-wrap .bakery:after {
  margin: 2em -500% 0;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .bakery:after {
    margin: 1em 0;
  }
}
.page-contact-wrap .bakery table caption {
  background-color: #543823;
  color: #fff;
}
.page-contact-wrap .bakery table th,
.page-contact-wrap .bakery table td {
  border: 1px solid #543823;
}
.page-contact-wrap .bakery table th {
  color: #543823;
  background-color: #f5f5f5;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .bakery .contact-box {
    margin-bottom: 3em;
  }
}
.page-contact-wrap .other {
  position: relative;
  overflow: hidden;
}
.page-contact-wrap .other:after {
  content: "";
  display: block;
  border-top: 1px solid #ddd;
  margin: 2em -500% 1em;
  padding: 0 500%;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .other:after {
    border: 0;
  }
}
.page-contact-wrap .other table caption {
  background-color: #004892;
  color: #fff;
}
.page-contact-wrap .other table th,
.page-contact-wrap .other table td {
  border: 1px solid #004892;
}
.page-contact-wrap .other table th {
  color: #004892;
  background-color: #f5f5f5;
}
.page-contact-wrap .links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.page-contact-wrap .links li {
  margin: 1em 0;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .page-contact-wrap .links li {
    width: 47.5%;
  }
}
.page-brewery .page-nav1 {
  background: url("img/brewery/cont-nav1-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-brewery .page-nav2 {
  background: url("img/brewery/cont-nav2-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-brewery .page-nav3 {
  background: url("img/brewery/cont-nav3-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-brewery .page-nav4 {
  background: url("img/brewery/cont-nav4-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-brewery .page-nav5 {
  background: url("img/brewery/cont-nav5-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-brewery .page-nav1 {
    background: url("img/brewery/cont-nav1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-brewery .page-nav2 {
    background: url("img/brewery/cont-nav2-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-brewery .page-nav3 {
    background: url("img/brewery/cont-nav3-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-brewery .page-nav4 {
    background: url("img/brewery/cont-nav4-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-brewery .page-nav5 {
    background: url("img/brewery/cont-nav5-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-brewery section {
  border-top: 1px solid #ddd;
  padding: 1em 0 3em;
}

@media screen and (min-width: 768px) {
  .page-brewery section {
    padding: 3em 0 6em;
  }
}

@media screen and (min-width: 768px) {
  .page-brewery section p {
    text-align: center;
  }
}
.page-brewery section p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -0.8em;
}

@media screen and (min-width: 768px) {
  .page-brewery section p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-brewery #sec4 p.attention {
    text-align: justify;
    width: 620px;
    margin: -0.8em auto 1.5em;
  }
  .page-brewery .attention-section .text-cont {
    width: 700px;
  }
}
.page-brewery .summary-section h2 {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.page-brewery .summary-section p {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .beer-brand {
    width: 50%;
  }
}
.page-restaurant .page-nav1 {
  background: url("img/restaurant/cont-nav5-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-restaurant .page-nav2 {
  background: url("img/restaurant/cont-nav2-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-restaurant .page-nav3 {
  background: url("img/restaurant/cont-nav3-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-restaurant .page-nav4 {
  background: url("img/restaurant/cont-nav4-sp.jpg") no-repeat center center;
  background-size: cover;
}
p.yoyaku {
  font-size: 15px;
  padding: 0 20px;
}

@media screen and (min-width: 768px) {
  .page-restaurant .page-nav1 {
    background: url("img/restaurant/cont-nav5-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-restaurant .page-nav2 {
    background: url("img/restaurant/cont-nav2-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-restaurant .page-nav3 {
    background: url("img/restaurant/cont-nav3-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-restaurant .page-nav4 {
    background: url("img/restaurant/cont-nav4-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  p.yoyaku {
    font-size: 20px;
    text-align: center;
  }
}
.page-restaurant section {
  border-top: 1px solid #ddd;
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-restaurant section {
    padding: 3em 0 6em;
  }
}

@media screen and (min-width: 768px) {
  .page-restaurant section p {
    text-align: center;
  }
}
.page-restaurant section p.attention {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-restaurant section p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-restaurant .attention-section .text-cont {
    width: 630px;
  }
}
.page-restaurant .lunch-section,
.page-restaurant .dinner-section {
  padding-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .page-restaurant .lunch-section,
  .page-restaurant .dinner-section {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 768px) {
  .page-restaurant .lunch-section .link-full,
  .page-restaurant .dinner-section .link-full {
    margin-top: 1em;
  }
}
.page-restaurant .lunch-section .boxlink-sp-bk-pc-white span.attention.green,
.page-restaurant .dinner-section .boxlink-sp-bk-pc-white span.attention.green {
  color: #006e3f;
}
.page-restaurant .lunch-section .boxlink-sp-bk-pc-white span.green,
.page-restaurant .dinner-section .boxlink-sp-bk-pc-white span.green {
  display: inline;
  padding-right: 0.3em;
}
.page-restaurant .lunch-section p.green,
.page-restaurant .dinner-section p.green {
  color: #006e3f;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-restaurant .lunch-section p.green,
  .page-restaurant .dinner-section p.green {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-restaurant .lunch-section .row .sm-2 .boxlink-sp-bk-pc-white {
  position: relative;
  height: 5.5em;
}
.page-restaurant .lunch-section .row .sm-2 .boxlink-sp-bk-pc-white:after {
  top: 2.1em;
}
.page-restaurant
  .lunch-section
  .row
  .sm-2
  .boxlink-sp-bk-pc-white
  span.link-wrap {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-restaurant .lunch-section .row .sm-2 .boxlink-sp-bk-pc-white.row-2 span {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .page-restaurant .lunch-section .row .md-4 {
    width: 23.5%;
  }
  .page-restaurant .lunch-section .row .boxlink-sp-bk-pc-white {
    height: 3em;
    padding: 0.8em;
    font-size: 16px;
    font-size: 1rem;
  }
  .page-restaurant .lunch-section .row .boxlink-sp-bk-pc-white:after {
    right: 10px;
    top: 19px;
  }
  .page-restaurant .lunch-section .row .boxlink-sp-bk-pc-white span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .page-restaurant .lunch-section .row .boxlink-sp-bk-pc-white span {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-restaurant .tea-time-section .link-centerd {
  margin-top: 1em;
}
.page-restaurant .dinner-section .row .sm-2 .boxlink-sp-bk-pc-white {
  position: relative;
  height: 5.5em;
}
.page-restaurant .dinner-section .row .sm-2 .boxlink-sp-bk-pc-white:after {
  top: 2.1em;
}
.page-restaurant
  .dinner-section
  .row
  .sm-2
  .boxlink-sp-bk-pc-white
  span.link-wrap {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-restaurant .dinner-section .row .sm-2 .boxlink-sp-bk-pc-white.row-2 span {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .page-restaurant .dinner-section .row .boxlink-sp-bk-pc-white {
    height: 3em;
    padding: 0.8em;
    font-size: 16px;
    font-size: 1rem;
  }
  .page-restaurant .dinner-section .row .boxlink-sp-bk-pc-white:after {
    right: 10px;
    top: 19px;
  }
  .page-restaurant .dinner-section .row .boxlink-sp-bk-pc-white span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .page-restaurant .dinner-section .row .boxlink-sp-bk-pc-white span {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .page-restaurant .dinner-section .link-centerd {
    margin-top: 1em;
  }
}
.page-restaurant .restaurant-floor-section .row {
  margin-top: -1em;
}
.page-restaurant .restaurant-floor-section .sm-1 {
  border-bottom: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-restaurant .restaurant-floor-section .sm-1 {
    border: 0;
  }
}
.page-restaurant .restaurant-floor-section h3 {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-restaurant .restaurant-floor-section h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page-restaurant .restaurant-floor-section .text-cont p {
  text-align: center;
  margin-top: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-restaurant .restaurant-floor-section .link-centerd {
    margin-top: 2em;
  }
}
.page-restaurant .floor-map-section {
  border-top: 0;
  margin-top: -2em;
}

@media screen and (min-width: 768px) {
  .page-restaurant .floor-map-section {
    margin-top: -6em;
  }
}
.page-bakery .summary-cont {
  position: relative;
  padding: 3em 0;
  background: url("img/bakery/bg-summary-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont {
    background: url("img/bakery/bg-summary-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: sp=ace-between;
    -ms-flex-pack: sp=ace-between;
    justify-content: sp=ace-between;
  }
}
.page-bakery .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont .md-3 {
    display: block;
    width: 32%;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
  }
  /*.page-bakery .summary-cont .md-3:nth-of-type(2) p, .page-bakery .summary-cont .md-3:nth-of-type(3) p {
    line-height: 2.5;
  }*/
}
.page-bakery .summary-cont h2 {
  position: relative;
  display: table-cell;
  font-size: 14px;
  font-size: 0.875rem;
  width: 36vw;
  vertical-align: middle;
  /*white-space: nowrap;*/
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(245, 245, 245, 0.9);
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont h2 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-bakery .summary-cont h2:before {
    content: "【";
  }
  .page-bakery .summary-cont h2:after {
    content: "】";
  }
}
.page-bakery .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: auto;
  background-color: rgba(255, 255, 255, 0.9);
}
.page-bakery .sec-1 h2.centered-headding {
  letter-spacing: -1px;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: center;
  }
}
.page-bakery .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-bakery .summary-cont .text-cont .attention {
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont .text-cont .attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-bakery .summary-cont p.attention {
  color: #222;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-bakery .summary-cont .wrap > p.attention {
  position: absolute;
  bottom: -7em;
  margin-right: 15px;
  color: #bd0b29;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont .wrap > p.attention {
    margin-right: 0;
    text-align: justify;
    line-height: 2;
    bottom: -8em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.page-bakery .summary-cont span.attention {
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-bakery .summary-cont span.attention {
    position: absolute;
    right: 2.5em;
    bottom: 0;
  }
}
.page-bakery section {
  border-top: 1px solid #ddd;
  padding-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .page-bakery section {
    padding: 3em 0 6em;
  }
}
.page-bakery section p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -0.8em;
}

@media screen and (min-width: 768px) {
  .page-bakery section p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-1 p,
  .page-bakery .sec-2 p,
  .page-bakery .sec-3 p {
    text-align: center;
  }
}
.page-bakery .sec-1 {
  margin-top: 3em;
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-1 {
    margin-top: 5em;
  }
}
.page-bakery .sec-3 .link-centerd {
  margin-top: 1em;
  margin-bottom: 1.5em;
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-3 .link-centerd {
    margin-bottom: 3em;
  }
}
.page-bakery .sec-4 {
  border: 0;
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-4 row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.page-bakery .sec-4 article {
  border: 1px solid #543823;
  padding: 14px;
  margin-bottom: 1em;
}
.page-bakery .sec-4 article p {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-4 article {
    width: 48%;
    padding: 40px;
  }
}
.page-bakery .sec-4 h2 {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-4 h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.page-bakery .sec-4 p {
  margin-bottom: 0;
}
.page-bakery .sec-4 span.attention {
  color: #bd0b29;
}
.page-bakery .sec-4 p.attention {
  color: #bd0b29;
  margin-top: 1em;
}
.page-bakery .sec-5 {
  padding-top: 3em;
}
.page-bakery .sec-5 p {
  margin-top: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-bakery .sec-5 p {
    margin-top: 0.5em;
  }
}
.page-bakery .attention-section {
  padding-top: 2em;
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-bakery .attention-section,
  .page-ecobakery .attention-section {
    padding-bottom: 6em;
  }
  .page-bakery .attention-section .text-cont {
    width: 310px;
  }
}
.page-bakery .attention-section p.tel:after {
  top: 30px;
}
.page-bakery .attention-section p.attention {
  margin-top: 0.2em !important;
}

@media screen and (min-width: 768px) {
  .page-bakery .attention-section p.attention {
    margin-bottom: 1em !important;
  }
}
.page-hall section {
  padding-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .page-hall section {
    padding: 3em 0 6em;
  }
}
.page-hall .sec-1 {
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-1 p {
    text-align: center;
    margin-bottom: 2em;
  }
}
.page-hall .row .sm-2 {
  margin-bottom: 0.5em;
}
.page-hall .row .sm-2:nth-of-type(3) {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-hall .row .sm-2:nth-of-type(3) {
    margin: 0 0 0.5em;
  }
}
.page-hall .summary-cont {
  padding: 0 0 3em;
  background: url("img/hall/bg-1-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont {
    padding: 1em 0 2em;
    background: url("img/hall/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-hall .summary-cont .heading-combo,
.page-hall .summary-cont p.attention {
  color: #fff;
}
.page-hall .summary-cont .heading-combo h2 {
  font-size: 28px;
  font-size: 1.75rem;
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: sp=ace-between;
    -ms-flex-pack: sp=ace-between;
    justify-content: sp=ace-between;
  }
}
.page-hall .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont .md-3 {
    display: block;
    width: 32%;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
  }
}
.page-hall .summary-cont h3 {
  display: table-cell;
  font-size: 12px;
  font-size: 0.75rem;
  width: 38vw;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(245, 245, 245, 0.9);
}

@media screen and (min-width: 350px) {
  .page-hall .summary-cont h3 {
    display: table-cell;
    font-size: 14px;
    font-size: 0.875rem;
    width: 38vw;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #222;
    padding: 1em;
    background-color: rgba(245, 245, 245, 0.9);
  }
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont h3 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-hall .summary-cont h3:before {
    content: "【";
  }
  .page-hall .summary-cont h3:after {
    content: "】";
  }
}
.page-hall .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: auto;
  background-color: rgba(255, 255, 255, 0.9);
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: center;
    line-height: 1.5;
  }
}
.page-hall .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-hall .summary-cont p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-hall .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-hall .sec-2 {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 .wrap {
    padding: 0 6em;
  }
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 .sec-2-1,
  .page-hall .sec-2 .sec-2-2 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 .sec-2-3 {
    padding-bottom: 3em;
  }
}
.page-hall .sec-2 h2 {
  text-align: center;
  color: #004892;
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-hall .sec-2 th,
.page-hall .sec-2 td {
  border: 1px solid #004892;
  padding: 5px 10px;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 th,
  .page-hall .sec-2 td {
    padding: 10px;
  }
}
.page-hall .sec-2 th {
  font-size: 14px;
  font-size: 0.875rem;
  width: 40%;
  color: #004892;
  vertical-align: middle;
  background-color: #f6f6f6;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 th {
    font-size: 16px;
    font-size: 1rem;
    width: 30%;
  }
}
.page-hall .sec-2 td,
.page-hall .sec-2 p,
.page-hall .sec-2 li {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-2 td,
  .page-hall .sec-2 p,
  .page-hall .sec-2 li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-hall .sec-2 p {
  margin: 0 0 0.5em;
}
.page-hall .sec-2 ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page-hall .sec-2 li {
  position: relative;
  padding-left: 1.25em;
}
.page-hall .sec-2 li span {
  position: absolute;
  top: 0;
  left: 0;
}
.page-hall .sec-3 {
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-hall .sec-3 {
    padding-bottom: 5em;
  }
}
.page-rekkasui .summary-cont {
  padding: 1em 0;
  background: url("img/rekkasui/bg-1-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .summary-cont {
    background: url("img/rekkasui/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
    padding: 3em 0;
  }
}
.page-rekkasui .summary-cont .wrap {
  padding: 1rem 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.page-rekkasui .summary-cont h2 {
  text-align: center;
  margin: 0;
  font-size: 19px;
  font-size: 1.1875rem;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .summary-cont h2 {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0;
  }
}
.page-rekkasui .summary-cont p {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .summary-cont p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-rekkasui .summary-cont .time {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .summary-cont .time {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-rekkasui .sec-1 {
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-1 {
    padding-bottom: 5em;
  }
}
.page-rekkasui .sec-1 .row {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-1 .row {
    margin-top: 1.5em;
  }
}
.page-rekkasui .sec-1 .row .sm-1 {
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-1 .row .sm-1 {
    margin-bottom: 0;
  }
}
.page-rekkasui .sec-1 p {
  margin-top: -1em;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-1 p {
    margin-top: -2em;
    text-align: center;
  }
}
.page-rekkasui .sec-2 {
  border-top: 1px solid #ddd;
  padding-bottom: 2em;
}
.page-rekkasui .sec-2 .text-cont {
  margin-top: 3em;
}
.page-rekkasui .sec-2 .text-cont p {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-2 .text-cont {
    width: 760px;
    margin: auto;
  }
  .page-rekkasui .sec-2 .text-cont p {
    text-align: justify;
  }
}
.page-rekkasui .sec-2 p {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 3.3vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-2 p {
    margin: 1em 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-rekkasui .sec-3 {
  padding: 3em 0;
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-rekkasui .sec-3 {
    border: 0;
    padding: 3em 0 6em;
  }
}

.page-bakery .sec-4 p {
  margin: 0 auto;
  width: 95%;
}
.page-bakery .sec-4 img {
  margin: 0 auto 30px;
  display: block;
}
@media screen and (min-width: 768px) {
  .page-bakery .sec-4 article {
    width: 80%;
    padding: 40px;
    margin: 0 auto;
  }
  .page-bakery .sec-4 ul.attention {
    width: 30%;
  }
  .page-bakery .sec-4 h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

/* .page-softcream .hero-heading {
  padding: .5em 1em;
} */

/* @media screen and (min-width: 768px) {
  .page-softcream .hero-heading {
    padding: 1.5em 1em;
  }
} */

.page-softcream .hero-heading h1 {
  line-height: 1.166;
}

@media screen and (min-width: 768px) {
  .page-softcream .hero-heading h1 {
    line-height: 1.333;
  }
}
.page-softcream .sec-1 {
  border-top: 1px solid #ddd;
}
.page-softcream .sec-1 h2.centered-headding {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-1 h2.centered-headding {
    margin-top: 3em;
  }
}
.page-softcream .sec-1 picture img {
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-1 p {
    text-align: center;
  }
}
.page-softcream .sec-2 {
  margin: 3em 0;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 {
    padding-bottom: 3em;
  }
}
.page-softcream .sec-2 .wrap {
  position: relative;
  border: 1px solid #006e3f;
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 .wrap {
    padding: 40px;
  }
}
.page-softcream .sec-2 h2.centered-headding {
  color: #006e3f;
  margin-top: 0;
}
.page-softcream .sec-2 h2.centered-headding span.label {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 h2.centered-headding {
    position: absolute;
    top: 40px;
    left: 48%;
  }
}
.page-softcream .sec-2 p {
  margin: 0.5em 0;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 p {
    margin: 1em 0;
  }
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 .text-cont {
    position: absolute;
    left: 48%;
    top: 160px;
    width: 50%;
    margin: 0 40px 0 0;
  }
  .page-softcream .sec-2 .wrap img {
    width: 45%;
  }
}
.page-softcream .sec-2 .price {
  text-align: right;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 .price {
    position: absolute;
    top: 100px;
    right: 40px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-softcream .sec-2 .attention {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-2 .attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-softcream .sec-3 {
  padding: 3em 0;
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-softcream .sec-3 {
    padding: 6em 0;
  }
}
.page-museum .hero .read {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-museum .hero .read {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-museum .summary-cont {
  position: relative;
  padding: 0 0 3em;
  background: url("img/museum/bg-1-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont {
    padding: 1em 0 2em;
    background: url("img/museum/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-museum .summary-cont .heading-combo {
  color: #fff;
}
.page-museum .summary-cont .heading-combo h2 {
  font-size: 28px;
  font-size: 1.75rem;
}
.page-museum .summary-cont p.read {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont p.read {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: sp=ace-between;
    -ms-flex-pack: sp=ace-between;
    justify-content: sp=ace-between;
  }
}
.page-museum .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont .md-2 {
    display: block;
    width: 580px;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
  }
}
.page-museum .summary-cont h3 {
  display: table-cell;
  font-size: 14px;
  font-size: 0.875rem;
  width: 38vw;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(245, 245, 245, 0.9);
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont h3 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-museum .summary-cont h3:before {
    content: "【";
  }
  .page-museum .summary-cont h3:after {
    content: "】";
  }
}
.page-museum .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: 54vw;
  background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    width: auto;
    text-align: center;
    line-height: 1.5;
  }
}
.page-museum .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-museum .summary-cont p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-museum .summary-cont p.attention span {
  color: #bd0b29;
}
.page-museum .summary-cont .wrap > p.attention {
  position: absolute;
  bottom: -6em;
  margin-right: 15px;
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont .wrap > p.attention {
    margin-right: 0;
    text-align: justify;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.page-museum .summary-cont span.attention {
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-museum .summary-cont span.attention {
    position: absolute;
    right: 3.5em;
    bottom: 0;
  }
}
.page-beachpark .summary-cont {
  position: relative;
  padding: 0 0 3em;
  background: url("img/beachpark/bg-1-sp.png") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont {
    padding: 1em 0 2em;
    margin: 100px 0 0 0;
    background: url("img/beachpark/bg-1-pc.png") no-repeat center center;
    background-size: cover;
  }
}
.page-beachpark .summary-cont .heading-combo {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page-beachpark .summary-cont .heading-combo h2 {
    font-size: 28px;
    font-size: 1rem;
  }
}
.page-beachpark .summary-cont p.read {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont p.read {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: sp=ace-between;
    -ms-flex-pack: sp=ace-between;
    justify-content: sp=ace-between;
  }
}
.page-beachpark .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont .md-2 {
    display: block;
    max-width: 580px;
    width: 49%;
    padding: 25px;
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
  }
}
.page-beachpark .summary-cont h3 {
  display: table-cell;
  font-size: 14px;
  font-size: 0.875rem;
  width: 40vw;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(245, 245, 245, 0.9);
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont h3 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-beachpark .summary-cont h3:before {
    content: "【";
  }
  .page-beachpark .summary-cont h3:after {
    content: "】";
  }
}
.page-beachpark .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: 54vw;
  background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    width: auto;
    text-align: center;
    line-height: 1.5;
  }
}
.page-beachpark .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-beachpark .summary-cont p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-beachpark .summary-cont p.attention span {
  color: #bd0b29;
}
.page-beachpark .summary-cont .wrap > p.attention {
  position: absolute;
  bottom: -6em;
  margin-right: 15px;
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont .wrap > p.attention {
    margin-right: 0;
    text-align: justify;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.page-beachpark .summary-cont span.attention {
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-beachpark .summary-cont span.attention {
    position: absolute;
    right: 3.5em;
    bottom: 0;
  }
}
.page-museum .sec-2 {
  text-align: center;
  border-top: 1px solid #ddd;
  margin-top: 3em;
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 {
    margin-top: 5em;
  }
}
.page-museum .sec-2 .flow-1,
.page-museum .sec-2 .flow-2 {
  border: 1px solid #004892;
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-1,
  .page-museum .sec-2 .flow-2 {
    padding: 2em 0 4em 0;
  }
}
.page-museum .sec-2 .flow-1 h2,
.page-museum .sec-2 .flow-2 h2,
.page-museum .sec-2 .flow-3 h2 {
  color: #004892;
}
.page-museum .sec-2 .flow-1 h2 span,
.page-museum .sec-2 .flow-2 h2 span,
.page-museum .sec-2 .flow-3 h2 span {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: -0.3em;
}
.page-museum .sec-2 .flow-1 .attention,
.page-museum .sec-2 .flow-2 .attention {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-1 .attention,
  .page-museum .sec-2 .flow-2 .attention {
    width: 660px;
    margin: 1em auto 1.5em;
  }
}
.page-museum .sec-2 .flow-1 .link-centerd a,
.page-museum .sec-2 .flow-2 .link-centerd a {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-1 .link-centerd a,
  .page-museum .sec-2 .flow-2 .link-centerd a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-2 {
    margin-top: -1px;
    padding-bottom: 2em;
  }
}
.page-museum .sec-2 .flow-2 .text-cont span {
  color: #bd0b29;
}
.page-museum .sec-2 .flow-2 .row .sm-2 {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-2 .row {
    width: 1000px;
    margin: 0 auto;
  }
}
.page-museum .sec-2 .flow-2 .row p {
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-2 .row p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-museum .sec-2 .flow-2 .row {
    content: "<<";
  }
}
.page-museum .sec-2 .sp-cont {
  margin: 1em 0 0.5em;
}
.page-museum .sec-2 .sp-cont img {
  width: 50px;
  height: 20px;
}
.page-museum .sec-3 {
  border-top: 1px solid #ddd;
  margin-top: 4em;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-3 {
    margin-top: 6em;
  }
}
.page-beachpark .sec-1 {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  border-top: 1px solid #ddd;
}
.page-beachpark .sec-4 {
  border-top: 1px solid #ddd;
  margin-bottom: 6em;
  text-align: center;
}

.page-beachpark .sec-3 {
  /* text-align: center; */
  border-top: 1px solid #ddd;
  margin-top: 3em;
}
@media screen and (min-width: 768px) {
  .page-beachpark .sec-3 {
    text-align: center;
  }
}
.page-beachpark .sec-3 h2.centered-headding {
  margin-top: 2em;
}
.page-beachpark .sec-3 .ph {
  margin-bottom: 73px;
}

@media screen and (max-width: 767px) {
  .page-beachpark .sec-3 {
    margin-top: 0;
  }
  .page-beachpark .sec-3 .ph {
    margin-bottom: 35px;
  }
  .page-beachpark .sec-4 ul.text-box li {
    margin: 0 0 10px;
  }
  font-size: 0.82rem;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-3 p {
    text-align: center;
  }
}
.page-museum .sec-4 {
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-4 {
    margin-bottom: 6em;
  }
}
.page-museum .sec-4 h2 {
  color: #004892;
}
.page-museum .sec-4 .wrap {
  border: 1px solid #004892;
  text-align: center;
  padding: 15px;
  margin-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-4 .wrap {
    padding: 0;
    margin-top: 3em;
  }
}

@media screen and (min-width: 768px) {
  .page-museum .sec-4 .wrap .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 1000px;
    margin: 0 auto;
  }
}
.page-museum .sec-4 .wrap .sm-2 {
  margin-bottom: 0;
}
.page-museum .sm-2.md-3 img {
  margin: 6px 0;
}
.page-museum .sec-4 .wrap .sm-2:nth-of-type(3) {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-4 .wrap .sm-2:nth-of-type(3) {
    margin: 0;
  }
}
.page-museum .sec-5 {
  padding-bottom: 2em;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-5 {
    padding-bottom: 3em;
  }
}
.page-museum .sec-5 img {
  width: 90%;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-5 img {
    width: auto;
  }
}
.page-museum .sec-5 p {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-museum .sec-5 p {
    width: 590px;
    margin: 2em auto 1.5em;
  }
}
/*

.page-groundgolf .hero-heading {
  padding: .5em 1em;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .hero-heading {
    padding: 20px 40px;
    min-height: auto;
  }
  .page-groundgolf .hero-heading img{

  }
}*/

.page-groundgolf .hero-heading h1 {
  line-height: 1.166;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .hero-heading h1 {
    line-height: 1.333;
  }
}
/* @media screen and (min-width: 768px) {
  .page-groundgolf .hero-heading img {
    padding-right: 10px;
  }
} */

.page-groundgolf .sec-1 {
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-1 p {
    text-align: center;
  }
}
.page-groundgolf .sec-1 .row {
  margin-top: 2em;
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-1 .row {
    margin-top: 4em;
    margin-bottom: 0;
  }
}
.page-groundgolf .sec-1 .row p {
  margin-bottom: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-1 .row p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-groundgolf .sec-1 .row .sm-2:nth-of-type(3) {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-1 .row .sm-2:nth-of-type(3) {
    margin: 0;
  }
}
.page-groundgolf .summary-cont {
  position: relative;
  padding: 0 0 3em;
  background: url("img/groundgolf/bg-1-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont {
    padding: 1em 0 3em;
    background: url("img/groundgolf/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-groundgolf .summary-cont .heading-combo,
.page-groundgolf .summary-cont p.attention {
  color: #fff;
}
.page-groundgolf .summary-cont .heading-combo h2 {
  font-size: 28px;
  font-size: 1.75rem;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.page-groundgolf .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont .md-3 {
    display: block;
    width: 380px;
    padding: 1em;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 0.7);
  }
}
.page-groundgolf .summary-cont h3 {
  position: relative;
  display: table-cell;
  font-size: 14px;
  font-size: 0.875rem;
  width: 38vw;
  vertical-align: middle;
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(221, 221, 221, 0.9);
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont .md-3 .tax {
    display: inline;
    font-size: 16px;
    padding: 0 0 0 10px;
  }
  .page-groundgolf .summary-cont .md-3 .pd-top {
    padding: 10px 0 0;
  }
  .page-groundgolf .summary-cont .md-3 .counter {
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont h3 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-groundgolf .summary-cont h3:before {
    content: "【";
  }
  .page-groundgolf .summary-cont h3:after {
    content: "】";
  }
}
.page-groundgolf .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: auto;
  background-color: rgba(221, 221, 221, 0.7);
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: center;
    line-height: 1.5;
  }
}
.page-groundgolf .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .page-groundgolf .summary-cont .text-cont p.mini {
    font-size: 1.2rem;
  }
}
.page-groundgolf .summary-cont p.attention {
  color: #222;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.75rem;
  }
}
.page-groundgolf .summary-cont .wrap > p.attention {
  position: absolute;
  bottom: -10em;
  margin-right: 15px;
  color: #222;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont .wrap > p.attention {
    width: 750px;
    margin-left: 240px;
    text-align: left;
    color: #222;
  }
}
.page-groundgolf .summary-cont span.attention {
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .summary-cont span.attention {
    position: absolute;
    right: 3.5em;
    bottom: 0;
  }
}
.page-groundgolf .sec-3 {
  margin-top: 3em;
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-3 {
    margin-top: 5em;
    padding-bottom: 6em;
  }
}
.page-groundgolf .sec-3 .wrap {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-3 .wrap {
    margin: 0 auto;
  }
}
.page-groundgolf .sec-3 h2.centered-headding {
  margin-bottom: 0;
}
.page-groundgolf .sec-3 p {
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-3 p {
    margin-left: 7.7em;
    margin-top: 1.5em;
  }
}
.page-groundgolf .sec-3 p span {
  display: block;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .sec-3 p span {
    display: inline;
    padding-right: 3em;
  }
}
.page-groundgolf .attention-section {
  border-top: 1px solid #ddd;
  padding-top: 1.5em;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .attention-section {
    padding-top: 3em;
    padding-bottom: 6em;
  }
}
.page-groundgolf .attention-section h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .attention-section h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-groundgolf .attention-section .text-cont p {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .attention-section .text-cont {
    width: 820px;
  }
}

@media screen and (min-width: 768px) {
  .page-groundgolf .attention-section .text-cont p {
    font-size: 14ptpx;
    font-size: 0.875ptrem;
  }
}
.page-groundgolf .attention-section p.attention {
  margin-bottom: 1em;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-groundgolf .attention-section p.attention {
    text-align: justify;
    font-size: 14ptpx;
    font-size: 0.875ptrem;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-groundgolf .attention-section p.attention:nth-of-type(2) {
    margin-top: 1em !important;
  }
}
.page-shrine section {
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-1 {
    padding-bottom: 3em;
  }
}
.page-shrine .sec-1 h2.centered-headding {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-1 h2.centered-headding {
    margin-top: 3em;
  }
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-1 p {
    text-align: center;
  }
}
.page-shrine .sec-2 {
  padding-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-2 p {
    text-align: center;
  }
}
.page-shrine .sec-2 .row p {
  margin-bottom: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-2 .row p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-shrine .sec-2 .row .sm-2:nth-of-type(3) {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-2 .row .sm-2:nth-of-type(3) {
    margin: 0;
  }
}
.page-shrine .sec-3 {
  padding: 3em 0;
}

@media screen and (min-width: 768px) {
  .page-shrine .sec-3 {
    padding: 6em 0;
  }
}
.page-kichisuke .hero-heading h1 {
  line-height: 1.166;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .hero-heading h1 {
    line-height: 1.333;
  }
}

@media screen and (min-width: 768px) {
  .page-groundgolf .hero-heading h2 span {
    font-size: 1.1rem;
  }
}
.page-kichisuke .read {
  text-align: center;
}
.page-kichisuke .sec-1 {
  border-top: 1px solid #ddd;
}
.page-kichisuke .sec-1 .centered-headding {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .sec-1 .centered-headding {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .page-kichisuke .sec-1 p {
    text-align: center;
  }
}
.page-kichisuke .sec-1 .row {
  padding-top: 1.5em;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .sec-1 .row {
    padding-top: 3em;
  }
}
.page-kichisuke .row p {
  margin-bottom: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .row p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-kichisuke .row .sm-2:nth-of-type(5) {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .row .sm-2:nth-of-type(5) {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-kichisuke .row .sm-2:nth-of-type(4) {
    margin-left: 16.5%;
  }
  .page-kichisuke .row .sm-2:nth-of-type(5) {
    margin-right: 16.5%;
  }
}
.page-kichisuke .sec-2 {
  padding-bottom: 3em;
}
.page-kichisuke .sec-2 p.attention {
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .sec-2 p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-kichisuke .sec-3 {
  border-top: 1px solid #ddd;
  padding: 3em 0;
}
.page-kichisuke .sec-3 h2 {
  text-align: center;
}
.page-kichisuke .sec-3 li {
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-kichisuke .sec-3 {
    padding: 6em 0;
  }
}
.page-gallery .gallery-cont {
  padding-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .page-gallery .gallery-cont {
    padding-bottom: 100px;
  }
}
.page-gallery .gallery {
  margin-bottom: -5px;
}

@media screen and (min-width: 768px) {
  .page-gallery .gallery {
    margin-bottom: -10px;
  }
}
.page-gallery .link-centerd {
  margin-top: 1.5em;
}
.page-gallery #loading-img {
  padding-top: 2em;
}
.page-access .hero p.read {
  text-align: center;
}
.page-access .sec-1 {
  border-top: 1px solid #ddd;
}
.page-access .sec-1 .heding {
  text-align: center;
  color: #006e3f;
}
.page-access .sec-1 .heding h2 {
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .page-access .sec-1 .heding h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-access .sec-1 .link-centerd {
  margin: 2em 0;
}

@media screen and (min-width: 768px) {
  .page-access p.map-center {
    width: 850px;
    margin: 0 auto;
  }
}
.page-access .sec-1 .map {
  padding-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-1 .map {
    text-align: center;
    margin-top: 6em;
    padding-bottom: 10em;
  }
}
.page-access .sec-1 .map p {
  text-align: justify;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-access .sec-1 .map p {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-access #parking h2.centered-headding {
  margin: 0 0 50px;
  font-size: 1.5rem;
}
.page-access .sec-2 {
  padding: 2em 0;
  text-align: center;
  color: #fff;
  background: url("img/access/bg-1-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-access .sec-2 {
    padding: 6em 0;
    background: url("img/access/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-access .sec-2 h2 {
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .page-access .sec-2 h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-access .attention-section .text-cont {
    width: 740px;
  }
}
.page-access .sec-2 .sec-2-1,
.page-access .sec-2 .sec-2-2 {
  margin-bottom: 4em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-2 .sec-2-1,
  .page-access .sec-2 .sec-2-2 {
    margin-bottom: 6em;
  }
}
.page-access .sec-2 .sec-2-1 h2 figure {
  width: 28px;
  height: 25px;
  margin: 0 auto 0.5em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-2 .sec-2-1 h2 figure {
    width: 56px;
    height: 50px;
  }
}
.page-access .sec-2 .sec-2-2 h2 figure {
  width: 74px;
  height: 35px;
  margin: 0 auto 0.5em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-2 .sec-2-2 h2 figure {
    width: 148px;
    height: 69px;
  }
}
.page-access .sec-2 .sec-2-3 h2 figure {
  width: 30px;
  height: 30px;
  margin: 0 auto 0.5em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-2 .sec-2-3 h2 figure {
    width: 60px;
    height: 60px;
  }
}
.page-access .sec-3 {
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-3 p {
    text-align: center;
  }
}
.page-access .sec-3 .row {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-access .sec-3 .row {
    margin-top: 3em;
  }
}
.page-access .sec-3 .row p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-access .sec-3 .row p {
    margin-top: 0.5em;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-access .attention-section {
  padding: 2em 0 3em;
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-access .attention-section {
    padding: 4em 0 6em;
  }
}
.page-access .attention-section h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-access .attention-section h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-access .attention-section .text-cont p {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-access .attention-section .text-cont p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-access .attention-section p.attention {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-access .attention-section p.attention {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-tour .tour-outer {
    padding: 2em 0 3em;
    background: url("img/tour/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-tour .wrap {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-tour .wrap {
    background-color: #fff;
    padding: 80px 100px;
  }
  .page-tour .wrap span.dskt-cont {
    display: inline !important;
  }
  .page-access .wrap span.dskt-cont {
    display: inline !important;
  }
}
.page-tour h1 {
  text-align: center;
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-tour h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-tour .sec-1 {
  margin-top: 1em;
  background-color: #f5f5f5;
  padding: 1px 15px;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-1 {
    margin-top: 2em;
    padding: 10px 30px;
  }
}
.page-tour .sec-1 .attention {
  font-size: 14px;
  font-size: 0.875rem;
}
.page-tour .sec-1 .p-3 {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-1 .p-3 {
    text-align: initial;
    margin-bottom: 15px;
  }
  span.label.brown {
    margin-bottom: 15px;
  }
}
.page-tour .sec-2,
.page-tour .sec-3,
.page-tour .sec-4,
.page-tour .sec-5,
.page-tour .sec-6,
.page-tour .sec-7,
.page-tour .sec-8 {
  margin: 3em 0;
  padding-top: 2em;
  border-top: 1px solid #ddd;
}
.page-access .sec-7 {
  max-width: 1000px;
  width: 70%;
  margin: 3em auto;
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-2,
  .page-tour .sec-3,
  .page-tour .sec-4,
  .page-tour .sec-5,
  .page-tour .sec-6,
  .page-tour .sec-7,
  .page-tour .sec-8 {
    margin: 6em 0;
    padding-top: 4em;
  }
  .page-access .sec-7 {
    /* margin: 3em 19em; */
    padding-top: 2em;
  }
}
.page-tour .sec-2 h2,
.page-tour .sec-3 h2,
.page-tour .sec-4 h2,
.page-tour .sec-5 h2,
.page-tour .sec-6 h2,
.page-tour .sec-7 h2,
.page-tour .sec-8 h2 {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
.page-access .sec-7 h2 {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-2 h2,
  .page-tour .sec-3 h2,
  .page-tour .sec-4 h2,
  .page-tour .sec-5 h2,
  .page-tour .sec-6 h2,
  .page-tour .sec-7 h2,
  .page-tour .sec-8 h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .page-access .sec-7 h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.page-tour .sec-2 {
  border: none;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-2 {
    border-top: 1px solid #ddd;
  }
  .page-tour .sec-2 p {
    text-align: center;
  }
  .page-tour .sec-2 p span.label {
    margin: 0 0 10px;
  }
}
.page-tour .sec-3 .labels {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-3 p {
    text-align: center;
  }
}
.page-tour .sec-3 .link-centerd {
  margin-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-3 .map {
    text-align: center;
    margin-bottom: 20px;
  }
  .page-tour .sec-3 .link-centerd {
    margin-bottom: 3em;
  }
}
.page-tour .sec-3 .icons {
  margin: 1em 15px;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-3 .icons {
    margin: 2em 0;
  }
}
.page-tour .sec-3 .list {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-3 .list {
    text-align: justify;
    width: 870px;
    margin: 0 auto;
  }
}
.page-tour .sec-3 .row {
  margin: 2em auto 0;
  width: 60%;
}
.page-tour .sec-3 .row .md-3 {
  width: 48%;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-3 .row {
    margin-top: 4em;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.page-tour .sec-3 .row .sm-2:nth-of-type(3) {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-3 .row .sm-2:nth-of-type(3) {
    margin: 0;
  }
}
.page-tour .sec-4 .labels {
  text-align: center;
}
.page-tour .sec-4 .labels .label {
  margin-bottom: 0.3em;
}
.page-tour .sec-4 .read {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-4 .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.page-tour .sec-4 .row p {
  text-align: center;
}
.page-tour .sec-4 .row .sm-2 {
  margin-bottom: 0;
}
.page-tour .sec-4 .links-wrap {
  margin-top: 1.5em;
}
.page-tour .sec-4 .links-wrap div {
  margin-bottom: 0.5em;
}
.page-factory .links-wrap div {
  margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-4 .links-wrap div {
    margin-bottom: 2em;
    width: 92%;
  }
  .page-tour .sec-4 .links-wrap div a {
    line-height: 1;
  }
  .page-tour .sec-4 .links-wrap div a .mini {
    font-size: 12px;
  }
}
.page-tour .sec-4 .map {
  margin-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-4 .map {
    margin-top: 4em;
  }
}
.page-tour .sec-4 .map h3 {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-4 .map h3 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-tour .sec-5 .labels {
  text-align: center;
}
.page-tour .sec-5 .labels em {
  font-style: normal;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-5 .labels em {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-tour .sec-5 .flow {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-5 .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.page-tour .sec-5 .row p {
  text-align: center;
}
.page-tour .sec-5 .row .sm-2 {
  margin-bottom: 0;
}
.page-tour .sec-5 .attention {
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-5 .attention {
    text-align: center;
  }
}
.page-tour .sec-6 .row p {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-6 .row p {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .page-tour .sec-6 .row p.center {
    margin: 0 auto 20px;
  }
}

@media screen and (min-width: 768px) {
  .page-tour .sec-6 > p {
    text-align: center;
  }
}
.page-tour .sec-7 .row .sm-2,
.page-access .sec-7 .row .sm-2 {
  text-align: center;
  background-color: #eee;
  margin-bottom: 1em;
}
.page-tour .sec-7 .row .sm-2 p,
.page-access .sec-7 .row .sm-2 p {
  margin: 1em 0;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-7 .row .sm-2,
  .page-access .sec-7 .row .sm-2 {
    width: 18%;
  }
}

@media screen and (min-width: 768px) {
  .page-tour .sec-8 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-tour .sec-8 .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .page-tour .sec-8 .row .contact-box {
    width: 480px;
  }
}
.page-tour .sec-8 .row .sm-1 {
  text-align: center;
}
.page-tour .sec-8 .fax {
  margin-bottom: 1em;
}
.page-tour .sec-8 .fax img {
  width: 29px;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-8 .fax img {
    width: 38px;
  }
}
.page-tour .sec-8 .fax .pdf {
  position: relative;
  padding: 0.3em;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  background-color: #006e3f;
  display: block;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .page-tour .sec-8 .fax .pdf {
    font-size: 14px;
    font-size: 0.875rem;
    width: 300px;
    margin: 0 auto;
  }
}
.page-tour .sec-8 .fax .pdf:after {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 8px;
  height: 9px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LDYuOTIuNzMsMTQsMCwxMy4yOSw2LjUzLDYuOTQuMTEuNjkuODIsMCw3LjI0LDYuMjVsMCwwWiIvPjwvZz48L2c+PC9zdmc+");
}
.page-factory .summary-cont {
  position: relative;
  padding: 0 0 3em;
  background: url("img/factory/bg-1-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont {
    padding: 1em 0 2em;
    background: url("img/factory/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-factory .summary-cont .heading-combo {
  color: #fff;
}
.page-factory .summary-cont .heading-combo h2 {
  font-size: 28px;
  font-size: 1.75rem;
}
.page-factory .summary-cont p.read {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont p.read {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.page-factory .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont .md-3 {
    display: block;
    width: 32%;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
  }
  .page-factory .summary-cont .md-3:nth-of-type(6) span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-factory .summary-cont .md-3 span {
  color: #bd0b29;
}
.page-factory .summary-cont h3 {
  display: table-cell;
  font-size: 14px;
  font-size: 0.875rem;
  width: 38vw;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(245, 245, 245, 0.9);
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont h3 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-factory .summary-cont h3:before {
    content: "【";
  }
  .page-factory .summary-cont h3:after {
    content: "】";
  }
}
.page-factory .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: auto;
  background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: center;
    line-height: 1.5;
  }
}
.page-factory .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-factory .summary-cont p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-factory .summary-cont p.attention span {
  color: #bd0b29;
}
.page-factory .summary-cont .wrap {
  position: relative;
}
.page-factory .summary-cont .wrap > p.attention {
  position: absolute;
  bottom: -27em;
  margin-right: 15px;
  color: #bd0b29;
  line-height: 1.5;
}
.page-factory .summary-cont .wrap > p.attention a {
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont .wrap > p.attention {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: 0;
    bottom: -16em;
    text-align: justify;
  }
}
.page-factory .summary-cont span.attention {
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-factory .summary-cont span.attention {
    position: absolute;
    right: 3.5em;
    bottom: 0;
  }
}
.page-ecofactory .summary-cont {
  position: relative;
  padding: 0 0 3em;
  background: url("img/ecofactory/bg-1-sp.png") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont {
    padding: 1em 0 2em;
    background: url("img/ecofactory/bg-1-pc.png") no-repeat center center;
    background-size: cover;
  }
}
.page-ecofactory .summary-cont .heading-combo {
  color: #000;
}
.page-ecofactory .summary-cont .heading-combo h2 {
  font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
  .page-ecofactory .summary-cont .heading-combo h2 {
    width: 93%;
    font-size: 1.4rem;
    margin: 0 auto;
  }
}
.page-ecofactory .summary-cont p.read {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont p.read {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.page-ecofactory .summary-cont .md-3 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont .md-3 {
    display: block;
    width: 32%;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
  }
  .page-ecofactory .summary-cont .md-3:nth-of-type(6) span {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .page-ecofactory .summary-cont .md-3 span {
    font-size: 1.3rem;
  }
}
.page-ecofactory .summary-cont h3 {
  display: table-cell;
  font-size: 14px;
  font-size: 0.875rem;
  width: 38vw;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #222;
  padding: 1em;
  background-color: rgba(245, 245, 245, 0.9);
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont h3 {
    display: block;
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-ecofactory .summary-cont h3:before {
    content: "【";
  }
  .page-ecofactory .summary-cont h3:after {
    content: "】";
  }
}
.page-ecofactory .summary-cont .text-cont {
  padding: 1em;
  display: table-cell;
  border: 1px solid #222;
  width: auto;
  background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont .text-cont {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: center;
    line-height: 1.5;
  }
}
.page-ecofactory .summary-cont .text-cont p {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont .text-cont p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-ecofactory .summary-cont p.attention {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont p.attention {
    text-align: center;
    line-height: 1.83;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-ecofactory .summary-cont p.attention span {
  color: #bd0b29;
}
.page-ecofactory .summary-cont .wrap {
  position: relative;
}
.page-ecofactory .summary-cont .wrap > p.attention {
  position: absolute;
  bottom: -27em;
  margin-right: 15px;
  color: #bd0b29;
  line-height: 1.5;
}
.page-ecofactory .summary-cont .wrap > p.attention a {
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont .wrap > p.attention {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: 0;
    bottom: -16em;
    text-align: justify;
  }
}
.page-ecofactory .summary-cont span.attention {
  padding-left: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont span.attention {
    position: absolute;
    right: 3.5em;
    bottom: 0;
  }
}
.page-factory .sec-2,
.page-ecofactory .sec-2 {
  text-align: center;
  border-top: 1px solid #ddd;
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2,
  .page-ecofactory .sec-2 {
    margin-top: 5em;
    padding-top: 2em;
  }
}
.page-factory .sec-2 .flow-box,
.page-ecofactory .sec-2 .flow-box {
  border: 1px solid #006e3f;
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-box,
  .page-ecofactory .sec-2 .flow-box {
    padding: 2em 0 4em 0;
  }
}
.page-factory .sec-2 .flow-box h2,
.page-ecofactory .sec-2 .flow-box h2 {
  color: #006e3f;
}
.page-factory .sec-2 .flow-box h2 span,
.page-ecofactory .sec-2 .flow-box h2 span {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: -0.3em;
}

@media screen and (max-width: 767px) {
  .page-factory .sec-2 .flow-3.flow-box h2 span {
    font-size: 1rem;
  }
}
.page-factory .sec-2 .flow-box .attention,
.page-ecofactory .sec-2 .flow-box .attention {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-box .attention,
  .page-ecofactory .sec-2 .flow-box .attention {
    text-align: justify;
    display: inline-block;
  }
  .page-factory .sec-2 .doted-box .attention,
  .page-ecofactory .sec-2 .doted-box .attention {
    width: 340px;
    margin: 0;
  }
}
.page-factory .sec-2 .flow-box .link-centerd a,
.page-ecofactory .sec-2 .flow-box .link-centerd a {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-box .link-centerd a,
  .page-ecofactory .sec-2 .flow-box .link-centerd a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 767px) {
  .page-ecofactory .sec-2 .flow-box.flow-3 h2 span {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-2,
  .page-factory .sec-2 .flow-3,
  .page-factory .sec-2 .flow-5,
  .page-ecofactory .sec-2 .flow-2,
  .page-ecofactory .sec-2 .flow-3,
  .page-ecofactory .sec-2 .flow-5 {
    margin-top: -1px;
    padding-bottom: 2em;
  }
}
.page-factory .sec-2 .flow-2 .text-cont span,
.page-factory .sec-2 .flow-3 .text-cont span,
.page-factory .sec-2 .flow-5 .text-cont span,
.page-ecofactory .sec-2 .flow-2 .text-cont span,
.page-ecofactory .sec-2 .flow-3 .text-cont span,
.page-ecofactory .sec-2 .flow-5 .text-cont span {
  color: #bd0b29;
}
.page-factory .sec-2 .flow-2 .row .sm-2,
.page-factory .sec-2 .flow-3 .row .sm-2,
.page-factory .sec-2 .flow-5 .row .sm-2,
.page-ecofactory .sec-2 .flow-2 .row .sm-2,
.page-ecofactory .sec-2 .flow-3 .row .sm-2,
.page-ecofactory .sec-2 .flow-5 .row .sm-2 {
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-2 .row,
  .page-factory .sec-2 .flow-3 .row,
  .page-factory .sec-2 .flow-5 .row,
  .page-ecofactory .sec-2 .flow-2 .row,
  .page-ecofactory .sec-2 .flow-3 .row,
  .page-ecofactory .sec-2 .flow-5 .row {
    width: 1000px;
    margin: 0 auto;
  }
}
.page-ecofactory .sec-2 .flow-2 .row p,
.page-factory .sec-2 .flow-2 .row p,
.page-factory .sec-2 .flow-3 .row p,
.page-factory .sec-2 .flow-5 .row p,
.page-ecofactory .sec-2 .flow-2 .row p,
.page-ecofactory .sec-2 .flow-3 .row p,
.page-ecofactory .sec-2 .flow-5 .row p {
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .sec-2 .flow-2 .row p,
  .page-factory .sec-2 .flow-2 .row p,
  .page-factory .sec-2 .flow-3 .row p,
  .page-factory .sec-2 .flow-5 .row p,
  .page-ecofactory.sec-2 .flow-2 .row p,
  .page-ecofactory .sec-2 .flow-3 .row p,
  .page-ecofactory .sec-2 .flow-5 .row p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-2 .row .floar p:after,
  .page-factory .sec-2 .flow-3 .row .floar p:after,
  .page-factory .sec-2 .flow-5 .row {
    content: "<<";
  }
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .flow-4,
  .page-ecofactory .sec-2 .flow-4 {
    margin-top: -1px;
  }
}
.page-factory .sec-2 .flow-3 .flow-txt span,
.page-ecofactory .sec-2 .flow-3 .flow-txt span {
  color: #aaa;
}
.page-factory .sec-2 .flow-3 .flow-txt .dskt-cont,
.page-ecofactory .sec-2 .flow-3 .flow-txt .dskt-cont {
  font-size: 18px;
  font-size: 1.125rem;
}
.page-factory .sec-2 .flow-3 .detail-link span,
.page-ecofactory .sec-2 .flow-3 .detail-link span {
  color: #006e3f;
}
.page-factory .sec-2 .flow-3 .detail-link a,
.page-ecofactory .sec-2 .flow-3 .detail-link a {
  color: #006e3f;
}
.page-factory .sec-2 .doted-box,
.page-ecofactory .sec-2 .doted-box {
  margin: 2em 0 0;
  padding: 0 15px;
  position: relative;
  border: 2px dotted #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .doted-box,
  .page-ecofactory .sec-2 .doted-box {
    width: 1000px;
    margin: 2em auto 0;
  }
}
.page-factory .sec-2 .doted-box h3,
.page-ecofactory .sec-2 .doted-box h3 {
  position: absolute;
  color: #bd0b29;
  background-color: #fff;
  top: -1em;
  margin: 0;
  padding: 0 1em;
  font-size: 14px;
  font-size: 0.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .doted-box h3,
  .page-ecofactory .sec-2 .doted-box h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page-factory .sec-2 .doted-box p,
.page-ecofactory .sec-2 .doted-box p {
  margin: 1em 0;
}
.page-factory .sec-2 .doted-box p strong,
.page-ecofactory .sec-2 .doted-box p strong {
  color: #bd0b29;
  font-weight: normal;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-2 .doted-box p strong,
  .page-ecofactory .sec-2 .doted-box p strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-factory .sec-2 .flow-5 .doted-box,
.page-ecofactory .sec-2 .flow-5 .doted-box {
  padding-bottom: 1.5em;
}
.page-factory .sec-2 .sp-cont,
.page-ecofactory .sec-2 .sp-cont {
  margin: 1em 0 0.5em;
}
.page-factory .sec-2 .sp-cont img,
.page-ecofactory .sec-2 .sp-cont img {
  width: 50px;
  height: 20px;
}
.page-factory .sec-3,
.page-ecofactory.sec-3 {
  border-top: 1px solid #ddd;
  margin-top: 3em;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .page-ecofactory .sec-3 {
    margin-top: 6em;
  }
}
.page-factory .sec-3 .map,
.page-ecofactory .sec-3 .map {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 .map,
  .page-ecofactory .sec-3 .map {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.page-factory .sec-3 .icons,
.page-ecofactory .sec-3 .icons {
  margin: 2em 0 1em;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}
.page-factory .sec-3 #matter,
.page-tour .sec-3 #matter,
.page-ecotour .sec-3 #matter {
  width: 90%;
  margin: 0 auto 20px auto;
}
.page-factory .sec-3 #matter .left,
.page-tour .sec-3 #matter .left,
.page-ecofactory .sec-3 #matter .left {
  float: left;
  width: 15%;
  margin-right: 4%;
}
.page-factory .sec-3 #matter .left img,
.page-tour .sec-3 #matter .left img,
.page-ecofactory .sec-3 #matter .left img {
  width: 100%;
}
.page-factory .sec-3 #matter .right,
.page-tour .sec-3 #matter .right,
.page-ecofactory .sec-3 #matter .right {
  font-size: 0.875rem;
  float: right;
  width: 80%;
}
.page-factory .sec-3 div#matter:nth-of-type(14),
.page-tour .sec-3 div#matter:nth-of-type(14),
.page-ecofactory .sec-3 div#matter:nth-of-type(14) {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 #matter .left,
  .page-tour .sec-3 #matter .left,
  .page-ecofactory .sec-3 #matter .left {
    float: left;
    width: 11%;
    margin-right: 4%;
  }
  .page-factory .sec-3 #matter .right,
  .page-tour .sec-3 #matter .right,
  .page-ecofactory .sec-3 #matter .right {
    float: right;
    width: 85%;
  }
  .page-factory .sec-3 #matter,
  .page-ecofactory .sec-3 #matter {
    width: 60%;
    margin: 0 auto 10px;
  }
  .page-tour .sec-3 #matter {
    width: 60%;
    margin: 0 auto 10px;
  }
  .page-factory .sec-3 div#matter .right,
  .page-tour .sec-3 div#matter .right,
  .page-ecofactory .sec-3 div#matter .right {
    padding-top: 35px;
  }
  .page-factory .sec-3 div#matter:nth-of-type(3) .right,
  .page-factory .sec-3 div#matter:nth-of-type(4) .right,
  .page-factory .sec-3 div#matter:nth-of-type(8) .right,
  .page-factory .sec-3 div#matter:nth-of-type(9) .right,
  .page-ecofactory .sec-3 div#matter:nth-of-type(3) .right,
  .page-ecofactory .sec-3 div#matter:nth-of-type(4) .right,
  .page-ecofactory .sec-3 div#matter:nth-of-type(8) .right,
  .page-ecofactory .sec-3 div#matter:nth-of-type(9) .right {
    padding-top: 0;
  }
  .page-tour .sec-3 div#matter:nth-of-type(3) .right,
  .page-tour .sec-3 div#matter:nth-of-type(4) .right,
  .page-tour .sec-3 div#matter:nth-of-type(8) .right,
  .page-tour .sec-3 div#matter:nth-of-type(9) .right {
    padding-top: 0;
  }
  .page-factory .sec-3 .icons,
  .page-ecofactory .sec-3 .icons {
    margin-right: auto;
    margin-left: auto;
  }
}
.page-factory .sec-3 .row .sm-2,
.page-ecofactory .sec-3 .row .sm-2 {
  text-align: left;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 .row .sm-2,
  .page-ecofactory .sec-3 .row .sm-2 {
    width: 33%;
    text-align: center;
  }
}
.page-factory .attention-section,
.page-ecofactory .attention-section {
  border-top: 1px solid #ddd;
  margin-top: 2em;
  padding: 3em 0;
}

@media screen and (min-width: 768px) {
  .page-factory .attention-section {
    margin-top: 6em;
    padding: 6em 0;
    text-align: center;
  }
  .page-ecofactory .attention-section {
    padding: 6em 0;
    text-align: center;
  }
}
.page-factory .attention-section .text-cont,
.page-ecofactory .attention-section .text-cont {
  margin-top: 1em;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-factory .attention-section .text-cont,
  .page-ecofactory .attention-section .text-cont {
    width: 720px;
    margin: 2em auto 3em;
    text-align: justify;
  }
}

@media screen and (min-width: 768px) {
  .page-enjoy .enjoy-outer {
    padding: 2em 0 3em;
    background: url("img/enjoy/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-enjoy .wrap {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-enjoy .wrap {
    background-color: #fff;
    padding: 80px 100px;
  }
  .page-enjoy .wrap span.dskt-cont {
    display: inline !important;
  }
}
.page-enjoy h1 {
  text-align: center;
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-enjoy h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .page-enjoy .flow {
    background: url("img/enjoy/bg-2-pc.png") top left repeat-y;
  }
}
.page-enjoy .ttl {
  position: relative;
  text-align: center;
  margin: 1em 0;
}

@media screen and (min-width: 768px) {
  .page-enjoy .ttl {
    padding-top: 3em;
    margin: 2em 0;
  }
}
.page-enjoy .time {
  display: inline-block;
  color: #fff;
  background-color: #006e3f;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .page-enjoy .time {
    width: 100px;
    height: 100px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 100px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.page-enjoy h2 {
  margin: 1em 0;
  font-size: 15px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-enjoy h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-enjoy h2 a {
  color: #006e3f;
}
.page-enjoy .ph {
  margin-bottom: 2em;
}
.page-enjoy .sec-1 {
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-map .map-outer {
    padding: 2em 0 3em;
    background: url("img/map/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-map .wrap {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-map .wrap {
    background-color: #fff;
    padding: 30px 100px;
    text-align: center;
  }
  .page-map .wrap span.dskt-cont {
    display: inline !important;
  }
  .floor-map-section .wrap {
    padding: 100px 100px 80px;
  }
}
.page-map h1 {
  text-align: center;
  margin: 0;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-map h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-map .map-key .green-txt,
.page-map .map-key a {
  color: #006e3f;
}
.page-map .map-key .map-label {
  display: inline-block;
  color: #fff;
  text-align: center;
  width: 2em;
  height: 2em;
  line-height: 2em;
  margin-bottom: 1rem;
  margin-right: 0.5em;
}
.page-map .map-key .map-label.brown {
  background-color: #543823;
}
.page-map .map-key .map-label.brown2 {
  background-color: #7e6b5a;
}
.page-map .map-key .map-label.green {
  background-color: #006e3f;
}
.page-map .map-key p span#red {
  display: block;
  color: #bd0b29;
}

@media screen and (min-width: 768px) {
  .page-map .map-key .map-label {
    width: 3em;
    height: 3em;
    line-height: 3em;
  }
}

@media screen and (min-width: 768px) {
  .page-map .map-key p {
    display: inline-block;
    margin-right: 9px;
    vertical-align: text-top;
  }
  .page-map .map-key img.map-tw {
    display: inline-block;
    height: 36px;
    margin-top: -10px;
    padding: 14px 10px 0;
  }
  .page-map .map-key img.map-s {
    display: inline-block;
    height: 26px;
    padding: 14px 10px 0;
  }
}
.page-map .link-block {
  margin-bottom: 1em;
}
.page-map .link-centerd {
  margin-bottom: 1em;
}
.page-map .link-centerd .boxlink-sp-bk-pc-white {
  background-color: #006e3f;
}

@media screen and (min-width: 768px) {
  .page-faq .faq-outer {
    padding: 2em 0 3em;
    background: url("img/faq/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-faq .wrap {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-faq .wrap {
    background-color: #fff;
    padding: 80px 100px;
  }
  .page-faq .wrap span.dskt-cont {
    display: inline !important;
  }
}
.page-faq h1 {
  text-align: center;
  margin: 0;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-faq h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-faq .category-nemu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.page-faq .category-nemu ul li {
  width: 45%;
  margin: 0.5em;
  font-size: 13px;
}

@media screen and (min-width: 768px) {
  .page-faq .category-nemu ul li {
    width: 31%;
  }
}
.page-faq .category-nemu a {
  line-height: 1.3;
  display: block;
  border: 1px solid #006e3f;
  color: #006e3f;
  text-decoration: none;
  padding: 1em;
}
.page-faq .category-nemu a:hover {
  color: #fff;
  background-color: #006e3f;
}
.page-faq .faq-cat {
  margin: 2em 0;
}
.page-faq .faq-cat h2 {
  color: #006e3f;
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 1px solid #006e3f;
}

@media screen and (min-width: 768px) {
  .page-faq .faq-cat h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-faq .faq-cat dl {
  border-bottom: 1px dotted #222;
  padding-bottom: 1em;
}
.page-faq .faq-cat dt {
  position: relative;
  font-weight: normal;
  color: #006e3f;
  margin-left: 2em;
  margin-right: 2em;
  font-size: 15px;
}
.page-faq .faq-cat dt:before {
  position: absolute;
  top: 0;
  left: -2em;
  content: "Q.";
}
.page-faq .faq-cat dt:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -25px;
  content: "";
  width: 15px;
  height: 9px;
  background: url("img/arrow-down-bk.png") no-repeat 0 0;
  background-size: cover;
}
.page-faq .faq-cat dt.open:after {
  background: url("img/arrow-up-bk.png") no-repeat 0 0;
  background-size: cover;
}
.page-faq .faq-cat dd {
  display: none;
  position: relative;
  margin-top: 1em;
  margin-left: 2em;
}
.page-faq .faq-cat dd:before {
  position: absolute;
  top: 0;
  left: -2em;
  content: "A.";
}
.page-faq .faq-cat dd p {
  margin-bottom: 0.8em;
}
.page-event section {
  border-top: 1px solid #ddd;
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-event section {
    padding-top: 4em;
  }
}
.page-event section p {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-event section p {
    text-align: center;
  }
}
.page-event section p.read {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-event section p.read {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-event section h2 {
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
}

@media screen and (min-width: 768px) {
  .page-event section h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-event section h2 span {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .page-event section h2 span {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-event section h2 strong {
  font-weight: normal;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .page-event section h2 strong {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.page-event section h2 strong.c1 {
  color: #ff0066;
}
.page-event section h2 strong.c2 {
  color: #ff7800;
}
.page-event section h2 strong.c3 {
  color: #6ba534;
}
.page-event section h2 strong.c4 {
  color: #c38b00;
}
.page-event section p.distance {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-event section p.distance {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-event section .link-centerd {
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .page-event section .link-centerd {
    margin-bottom: 6em;
  }
}
.page-event section p.txt {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-event section p.txt {
    margin-top: 2em;
  }
}
.page-event section .ph {
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (min-width: 768px) {
  .page-event section .ph {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-news .news-outer {
    padding: 2em 0 3em;
    background: url("img/news/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-news .news-outer .wrap {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-news .news-outer .wrap {
    background-color: transparent;
    padding: 80px 100px 0;
  }
  .page-news .news-outer .wrap span.dskt-cont {
    display: inline !important;
  }
}

@media screen and (min-width: 768px) {
  .page-news .heading-combo {
    color: #fff;
  }
}
.page-news .cat-nav {
  margin-bottom: 2em;
}
.page-news .cat-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-news .cat-nav li {
  margin: 0 0.2em 0.5em;
}

@media screen and (min-width: 768px) {
  .page-news .cat-nav li {
    margin: 0 0.5em;
  }
}
.page-news .cat-nav .cat-icon {
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-news .cat-nav .cat-icon {
    font-size: 16px;
    font-size: 1rem;
    padding: 4px 20px;
  }
}
.page-news .news-view .row {
  border-top: 1px solid #ddd;
}

@media screen and (min-width: 768px) {
  .page-news .news-view .row {
    border: 0;
    width: 1230px;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.page-news .news-view .sm-1 {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 1em 0;
}

@media screen and (min-width: 768px) {
  .page-news .news-view .sm-1 {
    position: relative;
    width: 220px;
    padding: 20px;
    margin: 13px;
  }
}
.page-news .news-view .sm-1 a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .page-news .news-view .ph {
    border: 1px solid #dcdcdc;
    position: relative;
    width: 182px;
    height: 182px;
    margin-bottom: 0.8em;
  }
}
.page-news .news-view figure {
  margin: 0;
  float: left;
  width: 90px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-news .news-view figure {
    float: none;
    width: 100px;
  }
}
.page-news .news-view figure img {
  max-width: 60px;
  max-height: 60px;
}

@media screen and (min-width: 768px) {
  .page-news .news-view figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 180px;
    max-height: 180px;
  }
}
.page-news .news-view .text-cont {
  margin-left: 80px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .page-news .news-view .text-cont {
    margin: 0;
    padding: 0;
  }
}
.page-news .news-view .cat-update {
  color: #222;
  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;
}
.page-news .news-view .icon {
  float: left;
}
.page-news .news-view .update {
  float: right;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: 0.3em;
}
.page-news .news-view .update-cont p {
  margin: 0.3em 0 0;
  color: #222;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .page-news .news-view .update-cont p {
    margin-bottom: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .page-news .news-view .dskt-cont.cat-update {
    position: absolute;
    width: 180px;
    bottom: 15px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.all {
    color: #999;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.rekkasui {
    color: #004892;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.hours {
    color: #ec74a9;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.restaurant {
    color: #006e3f;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.bakerynews {
    color: #cea33e;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.event {
    color: #e87800;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.beer {
    color: #044e87;
  }
  .page-news .news-view .dskt-cont.cat-update .cat-color.others {
    color: #888;
  }
}
.page-news .news-view #more_disp .wrap {
  margin-bottom: 3em;
  padding-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-news .news-view #more_disp .wrap {
    padding-top: 2em;
  }
  .page-news .news-view #more_disp .wrap .link-centerd a {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
  }
  .page-news .news-view #more_disp .wrap .link-centerd a:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4wMyAxMC4wMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMTwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS44LDkuOSwxOC45Mi42OWEuNC40LDAsMCwwLDAtLjU2LjQuNCwwLDAsMC0uNTUsMEw5LjUyLDkuMDUuNjguMTJhLjM5LjM5LDAsMCwwLS41NiwwLC40LjQsMCwwLDAsMCwuNTZoMEw5LjI0LDkuOUEuMzkuMzksMCwwLDAsOS44LDkuOVoiLz48L2c+PC9nPjwvc3ZnPg==");
  }
}
.page-news .pagenav {
  margin-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-news .pagenav {
    margin-bottom: 3em;
  }
}
.page-news .pagenav > div {
  width: 48%;
}
.page-news .pagenav > div.previous {
  float: left;
}
.page-news .pagenav > div.next {
  float: right;
}
.page-news .pagenav a {
  position: relative;
  display: block;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #404040;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-news .pagenav a:link,
.page-news .pagenav a:visited,
.page-news .pagenav a:hover,
.page-news .pagenav a:active {
  color: #fff;
}
.page-news .pagenav a:after {
  position: absolute;
  right: 10px;
  top: 13px;
  width: 8px;
  height: 14px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LDYuOTIuNzMsMTQsMCwxMy4yOSw2LjUzLDYuOTQuMTEuNjkuODIsMCw3LjI0LDYuMjVsMCwwWiIvPjwvZz48L2c+PC9zdmc+");
}

@media screen and (min-width: 768px) {
  .page-news .pagenav a:after {
    width: 10px;
    height: 19px;
  }
}

@media screen and (min-width: 768px) {
  .page-news .pagenav a {
    overflow: hidden;
    padding: 0.5em;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    position: relative;
    z-index: 2;
  }
  .page-news .pagenav a:after {
    position: absolute;
    right: 1em;
    top: 0.6em;
    display: inline-block;
    width: 10px;
    height: 19px;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wMiAxOS4wMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMTwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS45LDkuMjMuNjkuMTFhLjQuNCwwLDAsMC0uNTYsMCwuNC40LDAsMCwwLDAsLjU1TDksOS41MS4xMiwxOC4zNWEuMzkuMzksMCwwLDAsMCwuNTYuNC40LDAsMCwwLC41NiwwaDBMOS45LDkuNzlBLjM5LjM5LDAsMCwwLDkuOSw5LjIzWiIvPjwvZz48L2c+PC9zdmc+");
  }
  .page-news .pagenav a:link,
  .page-news .pagenav a:visited {
    color: #fff;
  }
  .page-news .pagenav a:hover {
    color: #fff;
  }
  .page-news .pagenav a:hover:before {
    background-color: #222;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .page-news .pagenav a:active {
    color: #fff;
  }
  .page-news .pagenav a:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.page-news .pagenav .previous a:after {
  left: 1.1em !important;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48ZyBpZD0i44Os44Kk44Ok44O8XzItMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTItMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0uNzYsNi4yNWgwTDcuMTgsMGwuNzEuNjlMMS40Nyw2Ljk0LDgsMTMuMjksNy4yNywxNCwwLDYuOTJaIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}

@media screen and (min-width: 768px) {
  .page-news .pagenav .previous a:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wMiAxOS4wMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMTwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PGcgaWQ9IuODrOOCpOODpOODvF8yLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEtMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjExLDkuMjRhLjM5LjM5LDAsMCwwLDAsLjU1bDkuMjIsOS4xMmgwYS40LjQsMCwwLDAsLjU2LDBoMGEuMzkuMzksMCwwLDAsMC0uNTVMMSw5LjUxLDkuODkuNjZhLjQuNCwwLDAsMCwwLS41NS40LjQsMCwwLDAtLjU2LDBMLjEyLDkuMjNaIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==");
  }
}

@media screen and (min-width: 768px) {
  .page-news .pagenav {
    width: 900px;
    margin: 0 auto;
  }
}
.page-news .news-single-wrap {
  background-color: #fff !important;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-news .news-single-wrap {
    margin: 4em auto;
    padding-bottom: 4em !important;
  }
}
.page-news .news-single-wrap .title h1 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-news .news-single-wrap .title h1 {
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center;
  }
}
.page-news .news-single-wrap .cat-update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
.page-news .cat-update a {
  color: #fff;
  text-decoration: none;
}
.page-shop .read a {
  color: #006e3f;
}
.page-shop .ranking {
  border-top: 1px solid #ddd;
  padding-top: 1em;
}
.page-shop .ranking h2 {
  text-align: center;
  color: #006e3f;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .page-shop .ranking h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .page-shop .hero-heading h2,
  .hero-restaurant .hero-heading h2,
  .hero-softcream .hero-heading h2,
  .hero-shrine .hero-heading h2 {
    padding-top: 0;
  }
}
.page-shop .ranking .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-shop .ranking .sm-2 {
  position: relative;
}
.page-shop .ranking .sm-2:nth-of-type(1) {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .page-shop .ranking .sm-2 {
    width: 220px;
  }
  .page-shop .ranking .sm-2:nth-of-type(1) {
    width: 220px;
  }
}
.page-shop .ranking .sm-2 a {
  text-decoration: none;
}
.page-shop .ranking .sm-2 a:hover {
  text-decoration: underline;
}
.page-shop .ranking .label {
  position: absolute;
  z-index: 99;
  top: 10px;
  left: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #006e3f;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: -80px;
  font-size: 25px;
  font-size: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .page-shop .ranking .label {
    font-size: 30px;
    font-size: 1.875rem;
    margin-left: -100px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.page-shop .ranking .ph {
  text-align: center;
  position: relative;
  margin: 0 auto;
  width: 150px;
  height: 150px;
}

@media screen and (min-width: 350px) {
  .page-shop .ranking .ph {
    width: 173px;
    height: 173px;
  }
}

@media screen and (min-width: 768px) {
  .page-shop .ranking .ph {
    width: 220px;
    height: 220px;
  }
}
.page-shop .ranking img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 150px;
  max-height: 150px;
}

@media screen and (min-width: 350px) {
  .page-shop .ranking img {
    max-width: 173px;
    max-height: 173px;
  }
}

@media screen and (min-width: 768px) {
  .page-shop .ranking img {
    max-width: 220px;
    max-height: 220px;
  }
}
.page-shop .ranking p {
  text-align: center;
}
.page-shop .page-nav1 {
  background: url("img/shop/nav-1-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-shop .page-nav2 {
  background: url("img/shop/nav-2-sp.jpg") no-repeat center center;
  background-size: cover;
}
.page-shop .page-nav3 {
  background: url("img/shop/nav-3-sp.jpg") no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .page-shop .page-nav1 {
    background: url("img/shop/nav-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-shop .page-nav2 {
    background: url("img/shop/nav-2-pc.jpg") no-repeat center center;
    background-size: cover;
  }
  .page-shop .page-nav3 {
    background: url("img/shop/nav-3-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-shop .page-nav a {
  font-size: 25px;
  font-size: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .page-shop .page-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}
.page-shop section h2 {
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .page-shop section h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-shop section h3 {
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .page-shop section h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.page-shop section .row .boxlink-sp-bk-pc-white {
  position: relative;
  width: 100%;
  line-height: 1.3;
  padding: 1em 0.5em;
  height: 4em;
  font-size: 0.9em;
}

@media screen and (max-width: 350px) {
  .page-shop section .row .boxlink-sp-bk-pc-white {
    font-size: 2.8vw;
  }
}
.page-shop section .row .boxlink-sp-bk-pc-white:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .page-shop section .row .boxlink-sp-bk-pc-white {
    height: 3em;
    padding: 0.8em;
  }
}
.page-shop section .row .boxlink-sp-bk-pc-white span {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-shop .sec-1 {
  padding-top: 1em;
}
.page-shop .sec-1 .row {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.page-shop .sec-1 .row > div {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-shop .sec-1 .row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -12px;
    margin-right: -12px;
    width: 1224px;
  }
  .page-shop .sec-1 .row > div {
    width: 384px;
    margin: 0 10px 2em;
  }
  .page-shop .sec-1 .catgory.beer .row > div {
    width: 184px;
  }
}

@media screen and (min-width: 768px) {
  .page-shop .sec-1 {
    padding-top: 3em;
  }
}
.page-shop .sec-1 .shochu {
  padding-bottom: 2em;
}
.page-shop .sec-1 .shochu p {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-shop .sec-1 .shochu p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-shop .sec-2 {
  border-top: 1px solid #ddd;
  padding-top: 1em;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-shop .sec-2 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
.page-shop .sec-2 .row {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.page-shop .sec-2 .row > div {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-shop .sec-2 .row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
  }
  .page-shop .sec-2 .row > div {
    width: 370px;
    margin: 0 15px 2em;
  }
}
.page-shop .sec-2 p.attention {
  width: 100%;
  text-align: center;
  color: #bd0b29;
}
.page-shop .sec-3 {
  border-top: 1px solid #ddd;
  padding-top: 1em;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-shop .sec-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
.page-shop .sec-3 .row {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.page-shop .sec-3 .row > div {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-shop .sec-3 .row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    width: 1230px;
  }
  .page-shop .sec-3 .row > div.md-3 {
    width: 380px;
    margin: 0 15px 2em;
  }
  .page-shop .sec-3 .row > div.md-2 {
    width: 580px;
    margin: 0 15px 2em;
  }
  .page-shop .sec-3 .row > div.md-2:first-child {
    margin-right: 20px;
  }
  .page-shop .sec-3 .row > div.md-2:nth-of-type(2) {
    margin-left: 20px;
  }
}
.page-shop section.attention {
  border-top: 1px solid #ddd;
  padding-top: 1em;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .page-shop section.attention {
    padding-top: 3em;
  }
}
.page-shop section.attention h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-shop section.attention h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-shop section.attention .txt-cont {
  text-align: center;
}
.page-shop section.attention .txt-cont a {
  color: #006e3f;
}
.page-shop section.attention .txt-cont p {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .page-shop section.attention .txt-cont {
    width: 800px;
    margin: 2em auto 0;
  }
  .page-shop section.attention .txt-cont p {
    text-align: justify;
  }
}
.page-shop .attention-box {
  border-top: 1px solid #ddd;
  padding: 3em 0;
}

@media screen and (min-width: 768px) {
  .page-shop .attention-box {
    border: none;
    padding-top: 0;
    padding-bottom: 6em;
  }
}
.single-shop-main .heading h1 {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .single-shop-main .heading h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.single-shop-main #shop-slider {
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-height: 0;
  opacity: 0;
  margin: 0 0 4em 0;
  padding: 0;
}
.single-shop-main #shop-slider.slick-initialized {
  opacity: 1;
  max-height: 800px;
}

@media screen and (min-width: 768px) {
  .single-shop-main #shop-slider {
    margin: 0 0 6em 0;
  }
}
.single-shop-main #shop-slider .slick-prev {
  left: 50%;
  margin-left: -575px;
  top: auto;
  bottom: -50px;
  z-index: 999;
}
.single-shop-main #shop-slider .slick-next {
  right: 50%;
  margin-right: -585px;
  top: auto;
  bottom: -50px;
  z-index: 999;
}
.single-shop-main #shop-slider .slick-prev:before,
.single-shop-main #shop-slider .slick-next:before {
  display: block;
  content: "";
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 19px;
}
.single-shop-main #shop-slider .slick-prev:before {
  display: block;
  content: "";
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 19px;
  background: url("img/arrow-left-bk.svg") no-repeat left top;
}
.single-shop-main #shop-slider .slick-next:before {
  background: url("img/arrow-right-bk.svg") no-repeat left top;
}
.single-shop-main #shop-slider .slick-dots {
  bottom: -40px;
}
.single-shop-main #shop-slider .slick-dots li {
  margin: 0;
}
.single-shop-main #shop-slider .slick-dots li button {
  color: #fff;
}
.single-shop-main #shop-slider .slick-dots li.slick-active button:before {
  color: #222;
  opacity: 1;
}
.single-shop-main #shop-slider .slick-dots li button:before {
  color: #ddd;
  opacity: 1;
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 768px) {
  .single-shop-main #shop-slider .slick-dots li button:before {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.single-shop-main #shop-slider li img {
  max-width: 275px;
}

@media screen and (min-width: 768px) {
  .single-shop-main #shop-slider li img {
    max-width: 1000px;
  }
}
.single-shop-main .shop-single-cont {
  padding-bottom: 1em;
}
.single-shop-main .shop-single-cont .mini {
  font-size: 80%;
  color: #888;
}

@media screen and (min-width: 768px) {
  .single-shop-main .shop-single-cont {
    padding-bottom: 2em;
  }
  .single-shop-main .shop-single-cont .wrap {
    margin: 0 auto;
    width: 990px;
  }
}
.single-shop-main .shop-single-cont table {
  margin-top: 20px;
}
.single-shop-main .shop-single-cont table th,
.single-shop-main .shop-single-cont table td {
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 0.3em;
  word-break: break-word;
}

@media screen and (min-width: 768px) {
  .single-shop-main .shop-single-cont table th,
  .single-shop-main .shop-single-cont table td {
    padding: 0.5em 1em;
  }
}
.single-shop-main .shop-single-cont table th {
  vertical-align: middle;
  background-color: #f5f5f5;
  white-space: nowrap;
}
.single-shop-main .contact-cont {
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .single-shop-main .contact-cont {
    padding-bottom: 6em;
  }
}
.page-print .wrap-print {
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .page-print .wrap-print {
    width: 90%;
    margin: 0 auto;
  }
}
.page-print .heading {
  position: relative;
  text-align: center;
}
.page-print .heading h1 {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .page-print .heading h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-print .heading .print-btn {
  display: none;
}

@media screen and (min-width: 768px) {
  .page-print .heading .print-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    border: 1px solid #222;
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 10px 15px;
  }
  .page-print .heading .print-btn:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("img/icon-print.png") no-repeat 0 0;
  }
}
.page-shochu_list .heading h1 {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .heading h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .page-shochu_list .shochu_bloc {
    margin: 0 auto 50px;
    text-align: center;
    border-bottom: 1px dotted #ddd;
  }
}
.page-shochu_list .shochu_bloc {
  margin: 0 auto 50px;
  padding: 0 0 40px;
  text-align: center;
  border-bottom: 1px dotted #ddd;
}
.page-shochu_list .page-nav-p {
  margin-top: 2em;
}
.page-shochu_list .page-nav-p .sp-cont {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .page-nav-p ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-shochu_list .page-nav-p li:after {
    display: inline-block;
    content: "／";
    margin-left: 1em;
  }
  .page-shochu_list .page-nav-p li:last-child:after {
    content: "";
  }
}
.page-shochu_list .page-nav-p p.attention {
  text-align: center;
  color: #bd0b29;
  margin-top: 2em;
}
.page-shochu_list h2 {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .row .sm-center {
    width: auto;
  }
  .page-shochu_list .row .md-4 {
    width: 23%;
  }
  .page-shochu_list .row .md-3 {
    width: 33%;
  }
  .page-shochu_list .row .md-3 img {
    width: 70%;
  }
}
.page-shochu_list .ph {
  text-align: center;
  margin: 0 auto;
}
.page-shochu_list .ph img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .ph {
    text-align: center;
    margin: 0 auto;
  }
  .page-shochu_list .ph img {
    width: 100%;
    height: 100%;
  }
}
.page-shochu_list .name {
  text-align: center;
  margin-bottom: 0.5em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .name {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-shochu_list .name span {
  color: #bd0b29;
}
.page-shochu_list .desc {
  text-align: center;
  margin-top: 0.5em;
}
.page-shochu_list .desc span {
  color: #bd0b29;
}
.page-shochu_list .desc span.green {
  color: #006e3f;
}
.page-shochu_list .desc span.brown {
  color: #fff;
  font-size: 12px;
}
.page-shochu_list .sec-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-shochu_list .sec-row .row {
  width: auto;
}
.page-shochu_list .sec-row .sec-n-2 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .sec-row .sec-n-2 {
    width: 48%;
  }
  .page-shochu_list .sec-row .sec-n-2 .md-4 {
    width: 48%;
  }
}
.page-shochu_list .sec-row .sec-n-1 {
  width: 48%;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .sec-row .sec-n-1 {
    width: 23%;
  }
}
.page-shochu_list .sec-row .sec-n-1 .md-4 {
  width: 100%;
}
.page-shochu_list .sec-8 p {
  text-align: center;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 768px) {
  .page-shochu_list .sec-8 p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-shochu_list .sec-8 p.attention {
  color: #bd0b29;
}
.page-shochu_list .sec-8 .row {
  margin-top: 2em;
}
.page-room h2 {
  text-align: center;
  font-size: 25px;
  font-size: 1.5625rem;
}

@media screen and (min-width: 768px) {
  .page-room h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page-room .labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  font-size: 0.75rem;
}
.page-room .labels .label {
  text-align: center;
  width: 49%;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
  .page-room .labels {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .page-room .labels .label {
    width: auto;
    margin-right: 0.5em;
    margin-left: 0.5em;
  }
}
.page-room .img-block {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-room .img-block {
    margin-left: 40px;
    margin-right: 40px;
  }
  .page-room .img-block .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .page-room .img-block .row .md-3 {
    width: 32.5%;
  }
}
.page-room table th,
.page-room table td {
  border: 1px solid #ccc;
  padding: 0.3em 0.5em;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .page-room table th,
  .page-room table td {
    padding: 0.5em 1em;
  }
}
.page-room table th {
  background-color: #f5f5f5;
  vertical-align: middle;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .page-room table th {
    border-left: 0;
  }
}
.page-room table td {
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .page-room table td {
    border-right: 0;
  }
}
.page-room span.green:not(.label) {
  color: #006e3f;
}
.page-room span.green:not(.label) a {
  color: #006e3f;
}
.page-room span.red:not(.label) {
  color: #bd0b29;
}
.page-room ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.page-room ul.menu a {
  color: #006e3f;
}

@media screen and (min-width: 768px) {
  .page-room ul.menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .page-room ul.menu li:after {
    display: inline-block;
    content: "／";
    margin-left: 1em;
    margin-right: 0.5em;
  }
  .page-room ul.menu li:last-child:after {
    content: "";
  }
}
.page-room .sec-1 .label:nth-of-type(3),
.page-room .sec-3 .label:nth-of-type(3) {
  letter-spacing: -3px;
}

@media screen and (min-width: 768px) {
  .page-room .sec-1 .label:nth-of-type(3),
  .page-room .sec-3 .label:nth-of-type(3) {
    letter-spacing: normal;
  }
}
.page-room section {
  padding-bottom: 1em;
  margin-top: 1em;
}
.page-room section:after {
  display: block;
  height: 1px;
  content: "";
  border-bottom: 1px solid #ddd;
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (min-width: 768px) {
  .page-room section {
    border: 1px solid #555;
    margin-top: 3em;
  }
  .page-room section:after {
    border: 0;
  }
}
.page-room .sec-7 {
  margin-top: 2em;
}

@media screen and (min-width: 768px) {
  .page-room .sec-7 {
    margin-top: 3em;
  }
}
.page-room .sec-7 .table-img {
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (min-width: 768px) {
  .page-room .sec-7 .table-img {
    margin-right: 0;
    margin-left: 0;
  }
}
.page-room .sec-7 .img-block-bihin p {
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
}
.page-room .sec-7 .img-block-bihin p.desc {
  font-size: 12px;
  font-size: 0.75rem;
}
.page-room .sec-7 .img-block-bihin .row {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .page-room .sec-7 .img-block-bihin .row {
    margin-top: 3em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .page-room .sec-7 .img-block-bihin .row .md-6 {
    width: 16%;
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 768px) {
  .page-404 .enjoy-outer-404 {
    padding: 2em 0 3em;
    background: url("img/enjoy/bg-1-pc.jpg") no-repeat center center;
    background-size: cover;
  }
}
.page-404 .wrap {
  text-align: center;
  padding: 2em 0;
}

@media screen and (min-width: 768px) {
  .page-404 .wrap {
    background-color: #fff;
    padding: 80px 100px;
  }
}
.page-404 h1 {
  text-align: center;
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .page-404 h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.wp-article-table {
  margin: 20px 0;
}
.wp-article-table td,
.wp-article-table th {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 11px;
}
.wp-article-table td {
  border: 1px solid #ddd;
  padding: 10px;
  width: 30%;
}
.wp-article-table#td5 td {
  width: 20%;
}
.wp-article-table#td6 .natsu {
  text-align: center !important;
}
.wp-article-table#td6 td {
  width: 16%;
  vertical-align: middle;
  text-align: center;
}
.wp-article-table#td6 td:nth-of-type(1) {
  text-align: left;
}
.blog_table {
  width: 100%;
}
.blog_table td,
.blog_table th {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 12px;
  word-break: break-word;
}
.blog_table .bg {
  background: #eee;
}

/*--------------------------------------------------------------
# text-box,attention
--------------------------------------------------------------*/

@media screen and (min-width: 768px) {
  ul.text-box {
    margin: 20px auto;
    padding: 0 0 0 30px;
  }
  .page-factory .sec-3 ul.text-box,
  .page-factory .sec-3 ul.text-box {
    width: 830px;
    margin-top: 50px;
  }
  .page-brewery ul.text-box {
    width: 720px;
  }
  .page-bakery ul.text-box {
    width: 340px;
  }
  .page-restaurant ul.text-box {
    width: 830px;
  }
  .page-museum ul.text-box {
    width: 660px;
  }
  .page-rekkasui ul.text-box {
    width: 760px;
  }
  .page-groundgolf ul.text-box {
    width: 820px;
  }
  .page-shop ul.text-box {
    width: 680px;
  }
  .page-access ul.text-box {
    width: 780px;
  }
  .page-beachpark ul.text-box {
    width: 690px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-ecofactory ul.text-box {
  width: 90%;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 60px auto 50px;
  /* padding: 0 10px 0 290px; */
  text-align: left;
}
.page-beachpark ul.text-box li {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-ecofactory ul.text-box li {
    margin-bottom: 5px;
  }
}
ul.text-box {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 30px auto 50px;
  padding: 0 10px 0 20px;
}
ul.text-box li {
  margin: 0 0 15px;
}
ul.text-box li.none {
  list-style: none;
}

@media screen and (min-width: 768px) {
  .page-ecofactory ul.text-box {
    width: 720px;
    margin: 60px auto 50px;
  }
  .page-ecofactory ul.attention {
    width: 751px;
    line-height: 25px;
    margin: 40px auto;
  }
  .attention-section ul.attention {
    margin: 20px auto;
    padding: 0;
  }
  .page-factory .attention-section ul.attention {
    width: 740px;
  }
}
.attention-section ul.attention {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 30px auto;
  padding: 0;
}
.attention-section ul.attention li {
  margin: 0 0 15px;
}

@media screen and (min-width: 768px) {
  ul.attention {
    margin: 20px auto;
    padding: 0;
  }
  .page-factory ul.attention,
  .page-ecofactory ul.attention {
    width: 706px;
    margin: 30px auto 50px;
  }
  .page-beachpark ul.attention {
    font-size: 13px;
    width: 500px;
    margin: 40px auto 50px;
  }
  .page-factory .sec-2 ul.attention {
    width: 680px;
    margin: 20px auto;
  }
  .page-brewery #sec4 ul.attention {
    width: 530px;
    margin: 20px auto 30px;
  }
  .page-brewery #sec5 ul.attention {
    width: 480px;
  }
  .page-bakery ul.red {
    width: 410px;
    margin: 30px auto 50px;
  }
  .page-bakery .sec-1 ul.attention {
    width: 480px;
  }
  .page-bakery .sec-2 ul.attention {
    width: 300px;
  }
  .page-bakery .sec-3 ul.attention {
    width: 380px;
  }
  .page-museum ul.attention {
    width: 550px;
    margin: 30px auto 50px;
  }
  .page-groundgolf ul.attention {
    width: 670px;
    margin: 30px auto 50px;
  }
  .page-groundgolf ul.attention .red {
    color: #bd0b29;
  }
  .page-access .sec-1 ul.attention {
    width: 730px;
  }
}
.page-groundgolf ul.attention .red {
  color: #bd0b29;
}
ul.attention {
  list-style: none;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 20px auto;
  padding: 0;
}
ul.attention li {
  display: flex;
}
ul.attention li .attention-left,
ul.attention li .attention-right {
  display: block;
}
ul.attention li.black {
  color: #333;
}
ul.red {
  color: #bd0b29;
}
@media screen and (min-width: 768px) {
  .br_pc {
    display: block;
  }
  .br_sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .br_pc {
    display: none;
  }
  .br_sp {
    display: block;
  }
}
.page-factory ul.red,
.page-bakery ul.red,
.page-museum ul.red,
.page-groundgolf ul.attention,
.page-ecofactory ul.red,
.page-beachpark ul.red {
  padding: 0 10px;
}
.page-factory ul.attention a,
.page-ecofactory ul.attention a,
.page-beachpark ul.attention a {
  color: #bd0b29;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}

/* banner */

@media screen and (min-width: 769px) {
  .pickup__wrap {
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    opacity: 0;
    box-shadow: 0px 0px 9px -1px rgba(112, 112, 112, 0.51);
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: opacity 400ms,
      -webkit-transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
    transition: opacity 400ms,
      -webkit-transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
    transition: opacity 400ms,
      transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
    transition: opacity 400ms,
      transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms,
      -webkit-transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
    z-index: 1;
  }
  .pickup__wrap ul {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 0 0 -4px 0;
  }
  .pickup__wrap ul li img {
    width: 100%;
    height: auto;
  }
  .pickup__wrap ul li.box2 {
    width: calc(100% / 2);
    margin: -1px;
  }
  .pickup__wrap ul li.box2:nth-child(2) {
    margin-left: 30px;
  }
  .pickup__wrap ul#center li.box2:nth-child(2) {
    margin-left: 30px;
  }
  .pickup__wrap ul li.box3 {
    width: calc(100% / 3);
    margin: 30px 0 0 30px;
  }
  .pickup__wrap ul li.box4 {
    width: calc(100% / 4);
    margin: 30px 30px 0 0;
  }
  .pickup__wrap ul li.box4 img {
    width: 100%;
    height: auto;
  }
  .pickup__wrap ul li.box3:first-child,
  .pickup__wrap ul li.box4:first-child {
    margin-left: 0;
  }
  .pickup__wrap ul#center li.box2 {
    margin: 30px 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .pickup__wrap ul {
    margin: 0;
  }
  .pickup__wrap ul li {
    margin-bottom: 5px;
  }
  .pickup__wrap ul#center li.box3:nth-child(2),
  .pickup__wrap ul#center li.box3:last-child {
    width: 48.5%;
    margin: 0 3% 4px 0;
    float: left;
  }
  .pickup__wrap ul li.box4 {
    width: calc(96.4% / 2);
    margin: 0 10px 4px 0;
    float: left;
  }
  .pickup__wrap ul#center li.box3:last-child,
  .pickup__wrap ul li.box4:nth-child(2n) {
    margin-right: 0;
  }
}
.pickup__wrap {
  background: #fff;
  padding: 30px;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  opacity: 0;
  box-shadow: 0px 0px 9px -1px rgba(112, 112, 112, 0.51);
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: opacity 400ms,
    -webkit-transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  transition: opacity 400ms,
    -webkit-transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  transition: opacity 400ms,
    transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  transition: opacity 400ms,
    transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms,
    -webkit-transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .pickup__wrap {
    padding: 10px;
  }
}
.pickup__wrap ul {
  width: 100%;
  padding: 0;
  list-style: none;
  margin: 0 0 -4px 0;
}
.pickup__wrap ul li.box4:last-child {
  margin-right: 0;
}
.pickup__wrap ul li.box4:nth-child(3),
.pickup__wrap ul li.box4:last-child {
  margin-bottom: 0;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.page-ecofactory .yoyaku span {
  color: #bd0b29;
}