@charset "UTF-8";
/*!
Theme Name: kirishima-fg3
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:2020_11 改修

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 1em 0.5em 0;
  }
  .schedule02 .boxlink-textwhite-tr:after {
    position: absolute;
    right: 10px;
    top: 13px !important;
    width: 8px;
    height: 14px;
    content: url('data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOXB4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgZD0iTTkuODY4LDkuMjAyIEwwLjY1NiwwLjA4NCBDMC40OTcsLTAuMDY3IDAuMjQ0LC0wLjA2MyAwLjA5MSwwLjA5MiBDLTAuMDU2LDAuMjQ3IC0wLjA1NiwwLjQ4OCAwLjA5MSwwLjY0MyBMOS4wMTksOS40ODAgTDAuMDkxLDE4LjMxOCBDLTAuMDY4LDE4LjQ3MCAtMC4wNzMsMTguNzI0IDAuMDg0LDE4Ljg3OCBDMC4yMzYsMTkuMDM3IDAuNDkyLDE5LjA0MSAwLjY0OSwxOC44ODYgQzAuNjUyLDE4Ljg4MiAwLjY1NiwxOC44NzggMC42NTYsMTguODc4IEw5Ljg2OCw5Ljc2MCBDMTAuMDI0LDkuNjA2IDEwLjAyNCw5LjM1NiA5Ljg2OCw5LjIwMiBaIi8+DQo8L3N2Zz4=');
  }
}
.boxlink-textwhite-tr:after {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 8px;
  height: 14px;
  content: url('data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxOXB4Ij4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogICAgICAgICAgZD0iTTkuODY4LDkuMjAyIEwwLjY1NiwwLjA4NCBDMC40OTcsLTAuMDY3IDAuMjQ0LC0wLjA2MyAwLjA5MSwwLjA5MiBDLTAuMDU2LDAuMjQ3IC0wLjA1NiwwLjQ4OCAwLjA5MSwwLjY0MyBMOS4wMTksOS40ODAgTDAuMDkxLDE4LjMxOCBDLTAuMDY4LDE4LjQ3MCAtMC4wNzMsMTguNzI0IDAuMDg0LDE4Ljg3OCBDMC4yMzYsMTkuMDM3IDAuNDkyLDE5LjA0MSAwLjY0OSwxOC44ODYgQzAuNjUyLDE4Ljg4MiAwLjY1NiwxOC44NzggMC42NTYsMTguODc4IEw5Ljg2OCw5Ljc2MCBDMTAuMDI0LDkuNjA2IDEwLjAyNCw5LjM1NiA5Ljg2OCw5LjIwMiBaIi8+DQo8L3N2Zz4=');
}
.schedule02 .boxlink-textwhite-tr:after {
  position: absolute;
  top: 21px;
}

@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.bakerynews {
  background-color: #cea33e;
}
.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;
    line-height: 2.5rem;
  }
}
#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%;
}

@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 15px 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: 85px;
}
/* .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: 1050px;
    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.1em 4em 0.1em 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(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: 140px;
  padding: 13px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
}
#page-top2 {
  position: fixed;
  bottom: 40px;
  right: 10px;
  font-size: 0.55rem;
  z-index: 10000;
}
#page-top2 a {
  background-color: #aa2121;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  width: 102px;
  /* text-align: center; */
  padding: 10px;
  font-size: 1.4em;
  display: block;
  border-radius: 5px;
  position: relative;
}
#page-top2 a::after{
  position: absolute;
    right: 10px;
    top: 12px;
    width: 9px;
    height: 14px;
    content: url(img/arrow-right-wt2.png);
}

#page-top2 a:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  #page-top {
    display: none;
  }
  #page-top2 {
    font-size: 77%;
    bottom: 70px;
    right: 20px;
  }
  #page-top2 a {
    width: 140px;
  }
}
.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;
  }
}
.footer-nav .group {
  width: 90%;
}
.footer-nav div:nth-child(2) dl {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .footer-nav .group {
    width: 33%;
  }
  .footer-nav .group:nth-child(3) dl {
    margin-top: 20px;
  }
  .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 ul ul {
  margin-left: 15px;
}
.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: 75px;
    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;
}
.pause2 {
  color: #bd0b29;
  text-align: center;
}
.pause2 a {
  color: #bd0b29;
}
.pause3 {
  padding: 0.5em 0.5em;
  margin: 1em 1em;
  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 .point {
    font-size: 12px;
  }
  .pause2 {
    color: #bd0b29;
    text-align: center;
  }
  .pause3 {
    padding: 0.5% 2%;
    margin: 2% auto;
    width: 70%;
  }
}
.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,
  .hero-beachpark .hero-heading h2 {
    padding: 0;
    line-height: 1.2em;
  }
  .hero-bakery .hero-heading,
  .hero-hall .hero-heading,
  .hero-museum .hero-heading,
  .hero-brewery .hero-heading,
  .page-kichisuke .hero-heading {
    padding: 10px 15px;
  }
  .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;
  }
	.page-restaurant .link-full{
		margin-bottom: 7px;
	}
}

@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 {
    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');
}

@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-beachpark .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-brewery .page-nav ul li.sm-2 {
  width: calc(100% / 3);
}

.page-nav ul li.sm-1 {
  width: 100%;
}
.page-nav ul li.sm-2 {
  width: 50%;
}
.page-nav ul li.sm-3 {
  width: 50%;
}
.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) {
  max-width: 460px;
  margin: 0 auto;
  width: auto;
}
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap {
  width: 100%; /*	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(4) {
  width: 75%;
  float: left;
}
.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(6),
.look-enjoy-wrap article:nth-of-type(7) {
  width: 25%;
  float: left;
}
.page-front .look-enjoy .dskt-cont .look-enjoy-wrap article:nth-of-type(8) {
  width: 50%;
  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;
}
.googleCalendar {
  width: 100%;
  margin: 0 auto;
}
.googleCalendar iframe {
  height: 600px;
}
@media screen and (min-width: 768px) {
  .page-contact {
    margin-bottom: 0;
  }

  .googleCalendar {
    width: 70%;
  }
  .googleCalendar iframe {
    width: 100%;
  }
}

@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;
}
.page-contact-wrap .heding {
  width: 100%;
}

@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%;
}
.page-contact-wrap .brewery h2 {
  text-align: center;
}

@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: 20%;
}

@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 h1 {
  text-align: center;
}
.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;
}
.page-contact-wrap .brewery table th .pc,
.page-contact-wrap .brewery table td .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .page-contact-wrap .brewery p.attention {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .page-contact-wrap .brewery table th .sp,
  .page-contact-wrap .brewery table td .sp {
    display: none;
  }
}

@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;
}
.page-restaurant .page-nav5 {
  background: url('img/restaurant/cont-nav1-sp.jpg') no-repeat center center;
  background-size: cover;
}
.page-restaurant .res-new{
  background: url('img/restaurant/cont-nav6-sp.jpg') no-repeat center center!important;
  background-size: cover!important;
}
li.page-nav3.sm-2.md-5.res-new.md-5-sample{
  background: url('img/restaurant/cont-nav7-sp.jpg') no-repeat center center!important;
  background-size: cover!important;
}
p.yoyaku {
  font-size: 15px;
  padding: 0 20px;
}
.page-restaurant .attentionTxt p{
	margin-top: -15px;
    color: #c00;
}
@media screen and (max-width: 896px){
	.page-restaurant .attentionTxt p{
		text-align: center;
	}
}

@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;
  }
  .page-restaurant .page-nav5 {
    background: url('img/restaurant/cont-nav1-pc.jpg') no-repeat center center;
    background-size: cover;
  }
	.page-restaurant res-new{
    background: url('img/restaurant/cont-nav6-pc.jpg') no-repeat center center!important;
    background-size: cover!important;
  }
  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;
}

.page-restaurant .restaurant-top {
  text-align: center;
}

@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;
}

.page-restaurant .lunch-section .row .sm-2,
.page-restaurant .opening-hour-block .row .sm-2,
.page-restaurant .dinner-section .row .sm-2 {
  margin-bottom: 3%;
}

@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: 1.4em 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: 80%;
    padding: 40px;
    margin: 0 auto;
  }
  .page-bakery .sec-4 ul.attention {
    width: 30%;
  }
}
.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: 0 auto;
  width: 95%;
}
.page-bakery .sec-4 img {
  margin: 0 auto 30px;
  display: block;
}
.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;
  }
}

@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-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 {
  text-align: center;
  padding-top: 3em;
}
.page-softcream .sec-1 {
  border-top: 1px solid #ddd;
}
.page-softcream .sec-1 h2.centered-headding,
.page-softcream .sec-3 h2.centered-headding {
  margin-top: 1em;
}

.page-softcream .sec-1 .row {
  justify-content: space-around;
}

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .page-softcream .sec-6 {
    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;
  }
}

@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 h2.centered-headding {
  margin-top: 1.5em;
}

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

.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 {
  margin-top: 3em;
}

@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: 0 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: 1.5em 1em;
  display: table-cell;
  border: 1px solid #222;
  width: auto;
  background-color: rgba(221, 221, 221, 0.7);
}
.page-groundgolf .summary-cont .text-cont .kyugyo {
  display: none;
}

@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 .kyugyo {
    display: block;
  }
}
.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;
}

.page-groundgolf .contact-box.blue {
  margin-top: 3em;
}
@media screen and (min-width: 768px) {
  .page-groundgolf .contact-box.blue {
    margin-top: 1.5em;
  }
}

@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: none;
 padding: 3em 0;
}
.page-access .sec-1 .heding {
  text-align: center;
  color: #006e3f;
}
.page-access .sec-1 .heding h2 {
  font-size: 25px;
  font-size: 1.5625rem;
 margin: 0 0 1em;
}

@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: 80px 0;
}

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

@media screen and (min-width: 768px) {
  .page-access .sec-3 .row {
    margin-top: 3em;
    justify-content: space-between;
  }
  .page-access .sec-3 .row::after {
    display: block;
    content: '';
    width: 33%;
  }
}
.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: 3em;
  }
  .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 .text-cont p.s_time {
    font-size: 1.55rem;
  }
}
.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-2 {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .page-ecofactory .summary-cont .md-2 {
    display: block;
    width: 580px;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
  }
  .page-ecofactory .summary-cont .md-2:nth-of-type(6) span {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .page-ecofactory .summary-cont .md-2 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-2 h2 {
  color: #006e3f;
}
.page-factory .sec-2 .flow-box h2 span,
.page-ecofactory .sec-2 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-2 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: 90%;
    max-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 .line,
.page-ecofactory .sec-2 .doted-box p .line {
  font-size: 12px;
}

.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;
}

.page-ecofactory .sec-3 {
  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-ecofactory .sec-4 {
    text-align: center;
  }
}
.page-factory .sec-3 .map {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 .map {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.page-factory .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 {
  float: left;
  width: 15%;
  margin-right: 4%;
}
.page-factory .sec-3 #matter .left img,
.page-tour .sec-3 #matter .left img {
  width: 100%;
}
.page-factory .sec-3 #matter .right,
.page-tour .sec-3 #matter .right {
  font-size: 0.875rem;
  float: right;
  width: 80%;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 #matter .left,
  .page-tour .sec-3 #matter .left {
    float: left;
    width: 11%;
    margin-right: 4%;
  }
  .page-factory .sec-3 #matter .right,
  .page-tour .sec-3 #matter .right {
    float: right;
    width: 85%;
  }
  .page-factory .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 {
    padding-top: 30px;
  }
  .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 {
    margin-right: auto;
    margin-left: auto;
  }
}

.page-factory .sec-3 .row .sm-2 {
  text-align: left;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .page-factory .sec-3 .row {
    margin-top: 3em;
  }
  .page-factory .sec-3 .row .sm-2 {
    width: 33%;
    text-align: center;
  }
  .page-ecofactory .sec-3 .row .sm-2.md-3 {
    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;
  }
}

/*enjoy*/
.page-enjoy {
  position: relative;
}
.page-enjoy li {
  list-style: none;
}
.page-enjoy section {
  text-align: center;
}
.hero-enjoy {
  padding: 0 0 50px 0;
  background-image: url(img/enjoy/hero-enjoy-sp.jpg);
}
@media screen and (min-width: 768px) {
  .hero-enjoy {
    background-image: url(img/enjoy/hero-enjoy-pc.jpg);
  }
}
.page-enjoy #enjoynav {
  border-top: 1px solid #dddddd;
}
.page-enjoy ul {
  margin: 0;
  padding: 0;
}
.page-enjoy .wrap2 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.page-enjoy .sidebar {
  max-width: 1090px;
  width: 90%;
  position: inherit;
  margin: 50px auto 0;
}

.page-enjoy .sidebar li a {
  width: 200px;
  height: 200px;
  padding: 10px 30px;
  margin: 0 5px;
  border: 1px solid #432a1b;
  -webkit-border-radius: 100px; /* width,heightの半分 */
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 30px;
  display: block;
  float: left;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
}
.page-enjoy .sidebar li p {
  font-size: 18px;
  margin: 30px 0 10px;
}
.page-enjoy .sidebar li p:nth-of-type(2) {
  margin: 0 0 10px;
}
.page-enjoy .sidebar li p:nth-of-type(2) img {
  width: auto;
}
.page-enjoy .sidebar li:first-child img {
  width: 93px;
}
.page-enjoy .sidebar li:nth-child(2) img {
  width: 97px;
}
.page-enjoy .sidebar li:nth-child(3) img {
  width: 123px;
}
.page-enjoy .sidebar li:nth-child(4) img {
  width: 130px;
}
.page-enjoy .sidebar li:nth-child(5) img {
  width: 120px;
}
.page-enjoy .sidebar li:last-child a {
  -webkit-border-radius: 20px; /* width,heightの半分 */
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.page-enjoy .sidebar li:first-child a {
  color: #432a1b;
}
.page-enjoy .sidebar li:nth-child(2) a {
  color: #00267f;
  border: 1px solid #00267f;
}
.page-enjoy .sidebar li:nth-child(3) a {
  color: #005726;
  border: 1px solid #005726;
}
.page-enjoy .sidebar li:nth-child(4) a {
  color: #ac6d02;
  border: 1px solid #ac6d02;
}
.page-enjoy .sidebar li:nth-child(5) a {
  color: #888888;
  border: 1px solid #888888;
}

.page-enjoy .sidebarsp li a.now {
  transition: all 300ms 0s ease;
  height: 80px;
  padding: 17px 0 0 0;
}

.page-enjoy .sidebarsp li:first-child a.now {
  background: #fff;
  border: 1px solid #432a1b;
  color: #432a1b;
}
.page-enjoy .sidebarsp li:nth-child(2) a.now {
  background: #fff;
  color: #00267f;
  border: 1px solid #00267f;
}
.page-enjoy .sidebarsp li:nth-child(3) a.now {
  background: #fff;
  color: #005726;
  border: 1px solid #005726;
}
.page-enjoy .sidebarsp li:nth-child(4) a.now {
  background: #fff;
  color: #ac6d02;
  border: 1px solid #ac6d02;
}
.page-enjoy .sidebarsp li:nth-child(5) a.now {
  background: #fff;
  color: #888888;
  border: 1px solid #888888;
}

.page-enjoy .content {
  margin-top: 0px;
}
.page-enjoy #to_section1 ul,
.page-enjoy #to_section2 ul,
.page-enjoy #to_section3 ul,
.page-enjoy #to_section4 ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.page-enjoy .place {
  position: absolute !important;
  width: 20px !important;
  left: 7px;
  bottom: 0;
  margin: 0;
}
.page-enjoy #to_section1 li {
  position: relative;
  float: left;
  margin-right: 0.625%;
  margin-bottom: 0.63%;
}
.page-enjoy #to_section2 li,
.page-enjoy #to_section4 li {
  position: relative;
  float: left;
  margin-right: 0.625%;
  margin-bottom: 10px;
}
.page-enjoy #to_section3 li {
  position: relative;
  float: left;
  margin-right: 0.625%;
  margin-bottom: 2.5%;
}
.page-enjoy #to_section1 li img,
.page-enjoy #to_section1 .photo2 p img,
.page-enjoy #to_section2 li img,
.page-enjoy #to_section2 .photo2 p img,
.page-enjoy #to_section3 li img,
.page-enjoy #to_section3 .photo2 p img,
.page-enjoy #to_section4 li img,
.page-enjoy #to_section4 .photo2 p img {
  cursor: pointer;
  width: 100%;
  height: auto;
}
.page-enjoy #to_section1 li:first-child,
.page-enjoy #to_section1 li:nth-child(8),
.page-enjoy #to_section1 li:nth-child(10),
.page-enjoy #to_section2 li:nth-child(8),
.page-enjoy #to_section2 li:nth-child(10),
.page-enjoy #to_section4 li:nth-child(8),
.page-enjoy #to_section4 li:nth-child(10) {
  width: 32.5%;
  margin-left: 0;
}
.page-enjoy #to_section2 li:nth-child(3),
.page-enjoy #to_section4 li:nth-child(3) {
  width: 32.5%;
  margin-right: 0.625%;
}
.page-enjoy #to_section2 li:nth-child(4),
.page-enjoy #to_section4 li:nth-child(4) {
  width: 33.125%;
}
.page-enjoy #to_section2 .photo3 li:nth-child(4) {
  width: 32.5%;
  margin-right: 0.625%;
}
.page-enjoy #to_section2 .photo3 li:nth-child(6),
.page-enjoy #to_section4 .photo3 li:nth-child(6) {
  width: 66.25%;
  margin-right: 0.625%;
}
.page-enjoy #to_section2 .photo3 li:nth-child(7),
.page-enjoy #to_section4 .photo3 li:nth-child(7) {
  width: 33.125%;
  margin-right: 0;
}
.page-enjoy #to_section1 li:nth-child(2),
.page-enjoy #to_section1 li:nth-child(3),
.page-enjoy #to_section2 li:nth-child(2),
.page-enjoy #to_section2 .photo3 li:nth-child(3),
.page-enjoy #to_section2 .photo3 li:nth-child(5) {
  width: 33.125%;
}
.page-enjoy #to_section1 li:nth-child(3),
.page-enjoy #to_section1 li:nth-child(7),
.page-enjoy #to_section2 li:nth-child(4),
.page-enjoy #to_section2 .photo3 li:nth-child(2),
.page-enjoy #to_section2 .photo3 li:nth-child(5),
.page-enjoy #to_section4 .photo3 li:nth-child(2),
.page-enjoy #to_section4 .photo3 li:nth-child(5) {
  margin-right: 0;
}
.page-enjoy #to_section1 li:nth-child(4) {
  margin-right: 0;
  width: 66.875%;
}
.page-enjoy #to_section1 li:nth-child(5),
.page-enjoy #to_section1 li:nth-child(6),
.page-enjoy #to_section1 li:nth-child(7),
.page-enjoy #to_section2 li:nth-child(5),
.page-enjoy #to_section2 li:nth-child(6),
.page-enjoy #to_section2 li:nth-child(7),
.page-enjoy #to_section4 li:nth-child(5),
.page-enjoy #to_section4 li:nth-child(6),
.page-enjoy #to_section4 li:nth-child(7) {
  width: 21.875%;
}
.page-enjoy #to_section1 .photo2 ul {
  width: 65.625%;
  float: left;
}
.page-enjoy #to_section1 .photo2 li:first-child {
  width: 49.52%;
  margin-right: 0.95%;
  margin-bottom: 0.95%;
}
.page-enjoy #to_section1 .photo2 li:nth-child(2) {
  width: 49.52%;
  margin-right: 0;
}
.page-enjoy #to_section1 .photo2 p {
  position: relative;
  width: 33.75%;
  float: right;
  margin: 0;
}
.page-enjoy #to_section1 .photo3 ul:nth-of-type(1) {
  float: left;
  width: 33.75%;
}
.page-enjoy #to_section1 .photo3 ul:nth-of-type(1) li {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 1.85%;
}
.page-enjoy #to_section1 .photo3 ul:nth-of-type(2) {
  float: right;
  width: 65.625%;
}
.page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:first-child {
  width: 100%;
  margin-bottom: 0.952%;
}
.page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:nth-child(2) {
  width: 49.52%;
  margin-right: 0.952%;
}
.page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:nth-child(3) {
  width: 49.52%;
  margin-right: 0;
}
.page-enjoy #to_section2 .photo3 li:first-child,
.page-enjoy #to_section2 .photo3 li:nth-child(2),
.page-enjoy #to_section4 .photo3 li:first-child,
.page-enjoy #to_section4 .photo3 li:nth-child(2) {
  width: 49.6875%;
}
.page-enjoy #to_section2 li:first-child,
.page-enjoy #to_section4 li:first-child {
  width: 100%;
}
.page-enjoy #to_section2 li:nth-child(2),
.page-enjoy #to_section4 li:nth-child(2) {
  width: 33.125%;
}
.page-enjoy #to_section2 .photo2,
.page-enjoy #to_section4 .photo2 {
  margin-bottom: 0.63%;
}
.page-enjoy #to_section2 .photo2 ul,
.page-enjoy #to_section4 .photo2 ul {
  width: 59.375%;
  float: left;
}

.page-enjoy #to_section2 .photo2 li:nth-child(2),
.page-enjoy #to_section4 .photo2 li:nth-child(2) {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 0;
}
.page-enjoy #to_section2 .photo2 li:nth-child(3),
.page-enjoy #to_section4 .photo2 li:nth-child(3) {
  width: 49.5%;
  margin-right: 0;
  margin-bottom: 0;
}
.page-enjoy #to_section1 .photo2 li:nth-child(3),
.page-enjoy #to_section2 .photo2 li:first-child,
.page-enjoy #to_section4 .photo2 li:first-child {
  width: 100%;
}
.page-enjoy #to_section2 .photo2 p,
.page-enjoy #to_section4 .photo2 p {
  position: relative;
  width: 40%;
  float: right;
  margin: 0;
}

.page-enjoy #to_section3 .photo1 ul {
  float: left;
  padding: 0;
  margin: 0;
  width: 29.375%;
}
.page-enjoy #to_section3 .photo1 li {
  float: none;
}
.page-enjoy #to_section3 .photo1 p {
  position: relative;
  width: 70%;
  float: right;
  margin: 0;
}
.page-enjoy #to_section3 .photo2 p {
  position: relative;
  width: 40%;
  float: left;
  margin: 0;
}
.page-enjoy #to_section3 .photo2 ul {
  float: right;
  padding: 0;
  margin: 0;
  width: 59.375%;
}
.page-enjoy #to_section3 .photo2 ul li:first-child {
  width: 100%;
  margin-bottom: 0;
}
.page-enjoy #to_section3 .photo2 ul li:nth-child(2),
.page-enjoy #to_section3 .photo2 ul li:nth-child(3) {
  width: 49.4%;
  margin: 1.2% 1.2% 0 0;
}
.page-enjoy #to_section3 .photo2 ul li:nth-child(3),
.page-enjoy #to_section3 .photo3 ul li:nth-child(3) {
  margin-right: 0;
}
.page-enjoy #to_section3 .photo3 ul {
  width: 66.25%;
  float: left;
  margin-top: 0.9%;
}
.page-enjoy #to_section3 .photo3 ul li {
  margin-bottom: 1%;
}
.page-enjoy #to_section3 .photo3 ul li:first-child {
  width: 50%;
  margin-right: 1%;
}
.page-enjoy #to_section3 .photo3 ul li:nth-child(2) {
  width: 49%;
}
.page-enjoy #to_section3 .photo3 p {
  position: relative;
  width: 33.125%;
  float: right;
}
.page-enjoy #to_section3 .photo3 ul li:nth-child(2) {
  margin-right: 0;
}
.page-enjoy #to_section4 .photo4 p {
  position: relative;
  float: left;
  width: 32.5%;
  margin: 0;
}
.page-enjoy #to_section4 .photo4 ul {
  float: right;
  width: 66.875%;
}
.page-enjoy #to_section4 .photo3 li:nth-child(3) {
  width: 32.5%;
}
.page-enjoy #to_section4 .photo3 li:nth-child(4) {
  width: 33.125%;
}
.page-enjoy #to_section4 .photo3 li:nth-child(5) {
  width: 33.125%;
  margin-right: 0;
}
.page-enjoy #to_section4 .photo4 li:nth-child(2),
.page-enjoy #to_section4 .photo4 li:nth-child(3),
.page-enjoy #to_section4 .photo4 li:nth-child(4) {
  width: 32.71%;
  margin-right: 0.93%;
  margin-bottom: 0;
}
.page-enjoy #to_section4 .photo1 li:nth-child(4),
.page-enjoy #to_section4 .photo4 li:nth-child(4) {
  margin-right: 0;
}
.page-enjoy #to_section1 ul.facility,
.page-enjoy #to_section2 ul.facility,
.page-enjoy #to_section3 ul.facility,
.page-enjoy #to_section4 ul.facility {
  max-width: 980px;
  width: 100%;
  margin: 70px auto 0;
  line-height: 1.5em;
  display: flex;
}
.page-enjoy #to_section2 ul.facility,
.page-enjoy #to_section3 ul.facility {
  max-width: 1180px;
}
.page-enjoy #to_section4 ul.facility {
  max-width: 890px;
}
.page-enjoy #to_section1 ul.facility li,
.page-enjoy #to_section2 ul.facility li,
.page-enjoy #to_section3 ul.facility li,
.page-enjoy #to_section4 ul.facility li {
  width: 18.37%;
  text-align: center;
  margin-right: 1.6%;
  color: #531a1a;
}
.page-enjoy #to_section2 ul.facility li {
  width: 15.33%;
  color: #00267f;
}
.page-enjoy #to_section3 ul.facility li {
  width: 15.33%;
  color: #005726;
}
.page-enjoy #to_section4 ul.facility li {
  width: 18.6%;
  color: #ac6d02;
}
.page-enjoy #to_section1 ul.facility li p,
.page-enjoy #to_section2 ul.facility li p,
.page-enjoy #to_section3 ul.facility li p,
.page-enjoy #to_section4 ul.facility li p,
.page-enjoy #to_section1 ul.facility li:last-child,
.page-enjoy #to_section2 ul.facility li:last-child,
.page-enjoy #to_section3 ul.facility li:last-child,
.page-enjoy #to_section4 ul.facility li:last-child {
  margin: 0;
}
.page-enjoy ul.facility .no,
.page-enjoy #to_section2 ul.facility .no,
.page-enjoy #to_section3 ul.facility .no,
.page-enjoy #to_section4 ul.facility .no {
  width: 30px;
  height: 30px;
  fill: #531a1a;
}
ul.facility li:last-child {
  margin-right: 0 !important;
}
.page-enjoy #to_section2 ul.facility .no {
  fill: #00267f;
}
.page-enjoy #to_section3 ul.facility .no {
  fill: #005726;
}
.page-enjoy #to_section4 ul.facility .no {
  fill: #ac6d02;
}
.page-enjoy .facility img {
  cursor: auto !important;
}

_:-ms-lang(x)::-ms-backdrop,
.page-enjoy #to_section1 ul.facility li:nth-child(4),
.page-enjoy #to_section1 ul.facility li:nth-child(5),
.page-enjoy #to_section3 ul.facility li:nth-child(6),
.page-enjoy #to_section4 ul.facility li:nth-child(6) {
  margin-top: 0;
}
_:-ms-lang(x)::backdrop,
.page-enjoy #to_section1 ul.facility li:nth-child(4),
.page-enjoy #to_section1 ul.facility li:nth-child(5),
.page-enjoy #to_section3 ul.facility li:nth-child(6),
.page-enjoy #to_section4 ul.facility li:nth-child(6) {
  margin-top: 0;
}

.page-enjoy #to_section1 ul.facility li:nth-child(4) .no,
.page-enjoy #to_section2 ul.facility li:nth-child(4) .no,
.page-enjoy
  #to_section3
  ul.facility
  li:nth-child(4)
  .no
  .page-enjoy
  #to_section4
  ul.facility
  li:nth-child(4)
  .no {
  width: 27px;
}
.page-enjoy ul.facility li a {
  text-decoration: none;
  display: block;
  color: #531a1a;
  border: 1px solid #531a1a;
  -webkit-border-radius: 30px; /* width,heightの半分 */
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  line-height: 1.6em;
  padding: 6px 0;
  margin: 20px 0;
}
.page-enjoy #to_section1 ul.facility li a {
  background: url(img/enjoy/arrow_right1.png) no-repeat 93%;
}
.page-enjoy #to_section2 ul.facility li a {
  background: url(img/enjoy/arrow_right2.png) no-repeat 93%;
}
.page-enjoy #to_section3 ul.facility li a {
  background: url(img/enjoy/arrow_right3.png) no-repeat 93%;
}
.page-enjoy #to_section4 ul.facility li a {
  background: url(img/enjoy/arrow_right4.png) no-repeat 93%;
}
.page-enjoy #to_section2 ul.facility li a {
  color: #00267f;
  border: 1px solid #00267f;
}
.page-enjoy #to_section3 ul.facility li a {
  color: #005726;
  border: 1px solid #005726;
}
.page-enjoy #to_section4 ul.facility li a {
  color: #ac6d02;
  border: 1px solid #ac6d02;
}
.page-enjoy #to_section1 ul.facility li:nth-child(4) a,
.page-enjoy #to_section1 ul.facility li:nth-child(5) a,
.page-enjoy #to_section2 ul.facility li:nth-child(4) a,
.page-enjoy #to_section2 ul.facility li:nth-child(6) a,
.page-enjoy #to_section3 ul.facility li:nth-child(2) a,
.page-enjoy #to_section3 ul.facility li:nth-child(6) a,
.page-enjoy #to_section4 ul.facility li:nth-child(4) a,
.page-enjoy #to_section4 ul.facility li:nth-child(5) a,
.page-enjoy #to_section4 ul.facility li:nth-child(6) a {
  padding: 15px 0;
}

ul.facility li .txt {
  line-height: 1.5em;
  color: #555555;
  text-align: left;
}
ul.facility li .txt span {
  display: block;
  color: #d60000;
  text-align: center;
}
.page-enjoy #to_section5 {
  margin: 100px 0 60px;
}

@media screen and (max-width: 767px) {
  .page-enjoy ul {
    margin: 0;
    padding: 0;
  }
  .page-enjoy .wrap2 {
    width: 100%;
    margin: 0 auto;
  }
  .page-enjoy .wrap2 h2 {
    padding: 8em 0 1em 0 !important;
    margin: 0 auto 2em;
  }
  .page-enjoy .wrap2 #to_section1 h2 {
    width: 112px;
  }
  .page-enjoy .wrap2 #to_section2 h2 {
    width: 118px;
  }
  .page-enjoy .wrap2 #to_section3 h2 {
    width: 170px;
  }
  .page-enjoy .wrap2 #to_section4 h2 {
    width: 153px;
  }
  .page-enjoy #to_section2 .photo2 ul {
    margin: 0 0 2% 0;
  }

  .page-enjoy .sidebar {
    max-width: auto;
    width: 90%;
    position: inherit;
    margin: 1.5em auto 0;
  }

  .page-enjoy .sidebar li a,
  .page-enjoy .sidebar li:nth-child(2) a,
  .page-enjoy .sidebar li:nth-child(3) a,
  .page-enjoy .sidebar li:nth-child(4) a {
    border: none;
    padding: 0;
    width: 47%;
    height: auto;
  }
  .page-enjoy .sidebar li:nth-child(2n) a {
    margin-right: 0;
  }
  .page-enjoy .sidebar li:first-child img,
  .page-enjoy .sidebar li:nth-child(2) img,
  .page-enjoy .sidebar li:nth-child(3) img,
  .page-enjoy .sidebar li:nth-child(4) img,
  .page-enjoy .sidebar li:nth-child(5) img {
    width: 100%;
    height: auto;
  }
  .page-enjoy .sidebar li:last-child a {
    border: none;
    padding: 0;
    width: 100%;
  }

  /*  SP sidebar_sp  */
  .page-enjoy .sidebarsp {
    position: fixed;
    z-index: 10;
    width: 100%;
    margin: 0 auto;
  }
  .page-enjoy .sidebarsp li a {
    width: 15%;
    height: auto;
    padding: 0;
    margin: 0 2px;

    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    font-size: 30px;
    text-align: center;
    display: block;
    float: left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    text-align: center;
  }
  .page-enjoy .sidebarsp li a span {
    display: block;
  }
  .page-enjoy .sidebarsp li:first-child a {
    background: #432a1b;
    /*        border: 1px solid #AC6D02;*/
    color: #fff;
  }
  .page-enjoy .sidebarsp li:nth-child(2) a {
    background: #00267f;
    color: #fff;
  }
  .page-enjoy .sidebarsp li:nth-child(3) a {
    background: #005726;
    color: #fff;
  }
  .page-enjoy .sidebarsp li:nth-child(4) a {
    background: #ac6d02;
    color: #fff;
  }
  .page-enjoy .sidebarsp li:nth-child(5) a {
    background: #888888;
    color: #fff;
  }
  .page-enjoy .sidebarsp li:last-child a {
    -webkit-border-radius: 0 0 10px 10px; /* width,heightの半分 */
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }

  .page-enjoy .sidebarsp li img:after {
    content: url(img/enjoy/arrow_down.svg);
    display: block; /*前後に改行を入れる*/
  }

  .page-enjoy .content {
    margin-top: 0px;
  }
  .page-enjoy #to_section1 ul,
  .page-enjoy #to_section2 ul,
  .page-enjoy #to_section3 ul,
  .page-enjoy #to_section4 ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .page-enjoy #to_section1 li {
    margin-right: 1.88%;
    margin-bottom: 2%;
  }

  .page-enjoy #to_section2 li,
  .page-enjoy #to_section4 li {
    /* float: left; */
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .page-enjoy #to_section1 li:first-child,
  .page-enjoy #to_section1 li:nth-child(4) {
    /*        float: none;*/
    width: 100%;
    height: auto;
  }
  .page-enjoy #to_section1 li img,
  .page-enjoy #to_section1 .photo2 p img,
  .page-enjoy #to_section2 li img,
  .page-enjoy #to_section2 .photo2 p img,
  .page-enjoy #to_section3 li img,
  .page-enjoy #to_section3 .photo2 p img,
  .page-enjoy #to_section4 li img,
  .page-enjoy #to_section4 .photo2 p img {
    width: 100%;
    height: auto;
  }

  .page-enjoy #to_section1 li:nth-child(8),
  .page-enjoy #to_section1 li:nth-child(10),
  .page-enjoy #to_section2 li:nth-child(8),
  .page-enjoy #to_section2 li:nth-child(10),
  .page-enjoy #to_section4 li:nth-child(8),
  .page-enjoy #to_section4 li:nth-child(10) {
    width: 32.5%;
    margin-left: 0;
  }

  .page-enjoy #to_section2 li:nth-child(4),
  .page-enjoy #to_section4 li:nth-child(4) {
    width: 33.125%;
  }
  .page-enjoy #to_section2 .photo3 li:nth-child(4) {
    margin-right: 2%;
  }
  .page-enjoy #to_section4 .photo3 li:nth-child(6) {
    width: 66.25%;
    margin-right: 0.625%;
  }
  .page-enjoy #to_section4 .photo3 li:nth-child(7) {
    width: 33.125%;
    margin-right: 0;
  }
  .page-enjoy #to_section1 li:nth-child(2),
  .page-enjoy #to_section1 li:nth-child(3) {
    width: 49%;
  }
  .page-enjoy #to_section2 .photo3 li:nth-child(3),
  .page-enjoy #to_section2 .photo3 li:nth-child(4),
  .page-enjoy #to_section2 .photo3 li:nth-child(5),
  .page-enjoy #to_section4 .photo3 li:nth-child(3),
  .page-enjoy #to_section4 .photo3 li:nth-child(4),
  .page-enjoy #to_section4 .photo3 li:nth-child(5),
  .page-enjoy #to_section4 .photo4 li:nth-child(2),
  .page-enjoy #to_section4 .photo4 li:nth-child(3),
  .page-enjoy #to_section4 .photo4 li:nth-child(4) {
    width: 32%;
    float: left;
  }
  .page-enjoy #to_section1 li:nth-child(3),
  .page-enjoy #to_section1 li:nth-child(7),
  .page-enjoy #to_section2 .photo3 li:nth-child(2),
  .page-enjoy #to_section2 .photo3 li:nth-child(5),
  .page-enjoy #to_section4 .photo3 li:nth-child(2),
  .page-enjoy #to_section4 .photo3 li:nth-child(5),
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(1) li:last-child,
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:nth-child(3),
  .page-enjoy #to_section2 li:nth-child(2),
  .page-enjoy #to_section2 .photo2 li:nth-child(3),
  .page-enjoy #to_section4 .photo3 li:nth-child(5),
  .page-enjoy #to_section4 .photo4 li:nth-child(4) {
    margin-right: 0;
  }

  .page-enjoy #to_section1 li:nth-child(5),
  .page-enjoy #to_section1 li:nth-child(6),
  .page-enjoy #to_section1 li:nth-child(7),
  .page-enjoy #to_section2 li:nth-child(5),
  .page-enjoy #to_section2 li:nth-child(6),
  .page-enjoy #to_section2 li:nth-child(7),
  .page-enjoy #to_section4 li:nth-child(5),
  .page-enjoy #to_section4 li:nth-child(6),
  .page-enjoy #to_section4 li:nth-child(7) {
    width: 32%;
  }

  .page-enjoy #to_section1 .photo2 p,
  .page-enjoy #to_section2 .photo2 p,
  .page-enjoy #to_section2 .photo3 li:first-child,
  .page-enjoy #to_section2 .photo3 li:nth-child(2),
  .page-enjoy #to_section3 .photo1 ul,
  .page-enjoy #to_section3 .photo1 p,
  .page-enjoy #to_section3 .photo2 ul,
  .page-enjoy #to_section3 .photo2 p,
  .page-enjoy #to_section3 .photo3 p,
  .page-enjoy #to_section4 li:nth-child(2),
  .page-enjoy #to_section4 .photo2 ul,
  .page-enjoy #to_section4 .photo2 p,
  .page-enjoy #to_section4 .photo3 li:first-child,
  .page-enjoy #to_section4 .photo3 li:nth-child(2),
  .page-enjoy #to_section4 .photo4 p,
  .page-enjoy #to_section4 li:first-child {
    width: 100%;
    float: none;
    margin: 0 0 2% 0;
  }
  .page-enjoy #to_section1 .photo2 li:first-child {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .page-enjoy #to_section1 .photo2 li:nth-child(2) {
    width: 49%;
    margin-right: 0;
  }
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(1) li,
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:nth-child(2),
  .page-enjoy #to_section2 li:nth-child(3),
  .page-enjoy #to_section2 .photo2 li:nth-child(2),
  .page-enjoy #to_section2 .photo3 li:nth-child(6),
  .page-enjoy #to_section3 .photo2 ul li:nth-child(2),
  .page-enjoy #to_section3 .photo2 ul li:nth-child(3),
  .page-enjoy #to_section3 .photo3 ul li:first-child,
  .page-enjoy #to_section3 .photo3 ul li:nth-child(2),
  .page-enjoy #to_section4 li:nth-child(3),
  .page-enjoy #to_section4 .photo2 li:nth-child(2) {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:nth-child(3),
  .page-enjoy #to_section2 .photo2 li:nth-child(3),
  .page-enjoy #to_section2 li:nth-child(4),
  .page-enjoy #to_section2 .photo3 li:nth-child(7),
  .page-enjoy #to_section4 li:nth-child(4),
  .page-enjoy #to_section4 .photo2 li:nth-child(3) {
    width: 49%;
  }
  .page-enjoy #to_section1 .photo2 ul,
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(1),
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(2),
  .page-enjoy #to_section2 .photo2 ul {
    float: none;
    width: 100%;
  }
  .page-enjoy #to_section1 .photo3 ul:nth-of-type(2) li:first-child {
    width: 100%;
    margin-bottom: 2%;
  }
  .page-enjoy #to_section2 li:first-child,
  .page-enjoy #to_section2 li:nth-child(2) {
    width: 100%;
  }

  .page-enjoy #to_section2 .photo2,
  .page-enjoy #to_section4 .photo2 {
    margin-bottom: 0.63%;
  }

  .page-enjoy #to_section1 .photo2 li:nth-child(3),
  .page-enjoy #to_section2 .photo2 li:first-child,
  .page-enjoy #to_section4 .photo2 li:first-child,
  .page-enjoy #to_section3 .photo3 ul,
  .page-enjoy #to_section4 .photo4 ul {
    width: 100%;
  }
  /* 
  .page-enjoy #to_section1 .photo2 li:nth-child(3) {
    margin-bottom: 0.7%;
  } */

  .page-enjoy #to_section3 li {
    float: left;
    margin-right: 0.625%;
    margin-bottom: 2.5%;
  }

  .page-enjoy #to_section3 .photo1 li {
    float: none;
    margin: 0 0 2% 0;
  }

  .page-enjoy #to_section3 .photo2 ul li:first-child {
    width: 100%;
    margin-bottom: 2%;
  }

  .page-enjoy #to_section3 .photo2 ul li:nth-child(3),
  .page-enjoy #to_section3 .photo3 ul li:nth-child(3),
  .page-enjoy #to_section3 .photo3 ul li:nth-child(2) {
    margin-right: 0;
  }
  .page-enjoy #to_section3 .photo3 ul {
    float: none;
  }
  .page-enjoy #to_section3 .photo3 ul li {
    margin-bottom: 2%;
  }

  .page-enjoy #to_section4 .photo4 li:nth-child(2),
  .page-enjoy #to_section4 .photo4 li:nth-child(3) {
    margin-right: 2%;
  }

  .page-enjoy #to_section1 ul.facility,
  .page-enjoy #to_section2 ul.facility,
  .page-enjoy #to_section3 ul.facility,
  .page-enjoy #to_section4 ul.facility {
    flex-wrap: wrap;
    width: 92%;
    margin: 70px auto 0;
    line-height: 1.5em;
  }
  .page-enjoy #to_section2 ul.facility,
  .page-enjoy #to_section3 ul.facility,
  .page-enjoy #to_section4 ul.facility {
    max-width: auto;
  }
  .page-enjoy #to_section1 ul.facility li,
  .page-enjoy #to_section2 ul.facility li,
  .page-enjoy #to_section3 ul.facility li,
  .page-enjoy #to_section4 ul.facility li {
    line-height: 1em;
    width: 48%;
    float: left;
    text-align: center;
    margin-right: 4%;
    margin-bottom: 15%;
    color: #531a1a;
  }
  .page-enjoy #to_section1 ul.facility li:nth-child(2n),
  .page-enjoy #to_section2 ul.facility li:nth-child(2n),
  .page-enjoy #to_section3 ul.facility li:nth-child(2n),
  .page-enjoy #to_section4 ul.facility li:nth-child(2n) {
    margin-right: 0;
  }
  .page-enjoy #to_section2 ul.facility li {
    width: 48%;
    color: #00267f;
  }
  .page-enjoy #to_section3 ul.facility li {
    width: 48%;
    color: #005726;
  }
  .page-enjoy #to_section4 ul.facility li {
    width: 48%;
    color: #ac6d02;
  }
  .page-enjoy #to_section1 ul.facility li p,
  .page-enjoy #to_section2 ul.facility li p,
  .page-enjoy #to_section3 ul.facility li p,
  .page-enjoy #to_section4 ul.facility li p,
  .page-enjoy #to_section1 ul.facility li:last-child,
  .page-enjoy #to_section2 ul.facility li:last-child,
  .page-enjoy #to_section3 ul.facility li:last-child,
  .page-enjoy #to_section4 ul.facility li:last-child {
    margin: 0;
  }
  .page-enjoy ul.facility .no,
  .page-enjoy #to_section2 ul.facility .no,
  .page-enjoy #to_section3 ul.facility .no,
  .page-enjoy #to_section4 ul.facility .no {
    width: 30px;
    height: auto;
    fill: #531a1a;
  }
  .page-enjoy #to_section2 ul.facility .no {
    fill: #00267f;
  }
  .page-enjoy #to_section3 ul.facility .no {
    fill: #005726;
  }
  .page-enjoy #to_section4 ul.facility .no {
    fill: #ac6d02;
  }
  .page-enjoy #to_section1 ul.facility li:nth-child(4),
  .page-enjoy #to_section1 ul.facility li:nth-child(5) {
    margin-top: -8px;
  }
  .page-enjoy #to_section1 ul.facility li:nth-child(4) .no,
  .page-enjoy #to_section2 ul.facility li:nth-child(4) .no,
  .page-enjoy
    #to_section3
    ul.facility
    li:nth-child(4)
    .no
    .page-enjoy
    #to_section4
    ul.facility
    li:nth-child(4)
    .no {
    width: 27px;
  }
  .page-enjoy ul.facility li img {
    margin-top: 10px;
  }
  .page-enjoy ul.facility li a {
    position: relative;
    text-decoration: none;
    display: block;
    color: #531a1a;
    border: 1px solid #531a1a;
    -webkit-border-radius: 30px; /* width,heightの半分 */
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    line-height: 1.2em;
    padding: 6px 0;
    margin: 10px 0;
  }

  .page-enjoy #to_section2 ul.facility li a {
    color: #00267f;
    border: 1px solid #00267f;
  }
  .page-enjoy #to_section3 ul.facility li a {
    color: #005726;
    border: 1px solid #005726;
  }
  .page-enjoy #to_section4 ul.facility li a {
    color: #ac6d02;
    border: 1px solid #ac6d02;
  }
  .page-enjoy #to_section1 ul.facility li:nth-child(4) a,
  .page-enjoy #to_section1 ul.facility li:nth-child(5) a,
  .page-enjoy #to_section2 ul.facility li:nth-child(4) a,
  .page-enjoy #to_section2 ul.facility li:nth-child(6) a,
  .page-enjoy #to_section3 ul.facility li:nth-child(2) a,
  .page-enjoy #to_section3 ul.facility li:nth-child(6) a,
  .page-enjoy #to_section4 ul.facility li:nth-child(4) a,
  .page-enjoy #to_section4 ul.facility li:nth-child(5) a,
  .page-enjoy #to_section4 ul.facility li:nth-child(6) a {
    padding: 15px 0;
  }
  .page-enjoy #to_section1 ul.facility li:nth-child(5) {
    /* float: none; */
    margin: 0 auto !important;
  }
  ul.facility li .txt {
    color: #555555;
    text-align: left;
  }
  ul.facility li .txt span {
    display: block;
    color: #d60000;
    text-align: center;
  }
  ul.facility li p {
    margin: 0;
  }
  .page-enjoy .link-centerd a {
    font-size: 12px;
    height: 45px;
    line-height: 1.4em;
    position: relative;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #222222;
    border: 1px solid #222222;
    border-radius: 30px;
    width: 84%;
    margin: 0 auto 4%;
    padding: 1%;
  }
  .page-enjoy .link-centerd:nth-of-type(5) a,
  .page-enjoy .link-centerd:nth-of-type(7) a,
  .page-enjoy .link-centerd:nth-of-type(9) a,
  .page-enjoy .link-centerd:nth-of-type(10) a,
  .page-enjoy .link-centerd:nth-of-type(12) a {
    padding: 13px 0 0 0;
  }
  .page-enjoy .link-centerd a p {
    margin: 0;
    top: 10px;
    width: 20px;
    position: absolute;
    left: 7%;
  }

  .page-enjoy #to_section5 {
    padding: 90px 0 0 0;
  }
}

/*モーダル*/

.modal_box {
  position: fixed;
  z-index: 7777;
  display: none;
  width: 80%;
  max-width: 330px;
  margin: 12% 0 0 0;
  padding: 40px;
  border-radius: 10px;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
}

.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal_box .name {
  margin: 0 0 30px;
  font-size: 19px;
}
.modal_box .one a {
  padding-top: 15px;
}
.modal_box .txt {
  line-height: 1.5em;
  color: #555555;
  text-align: left;
}
.modal_box .txt span {
  display: block;
  color: #d60000;
  text-align: center;
}
.modal_box a {
  height: 50px;
  background: url(img/enjoy/arrow_right.png) no-repeat 95%;
  text-decoration: none;
  display: block;
  color: #222;
  border: 1px solid #222;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  line-height: 1.6em;
  padding: 6px 0;
  margin: 20px 0;
}

@media screen and (max-width: 769px) {
  .modal_bg {
    z-index: 1000;
  }
  .modal_box {
    margin: 18% 0 0 0;
    padding: 5vh 7vw;
  }
  .modal_box .name {
    font-size: 5vw;
  }
}

.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 .wrap2 h2 {
  padding: 70px 0 1em 0;
  font-size: 15px;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .page-enjoy h2 {
    margin: 1em 0;
    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,
  .page-reservation .outer {
    padding: 2em 0 3em;
    background: url('img/map/bg-1-pc.jpg') no-repeat center center;
    background-size: cover;
  }
}
.page-map .wrap,
.page-reservation .wrap {
  padding-top: 2em;
}
@media screen and (min-width: 768px) {
  .page-map .wrap,
  .page-reservation .wrap {
    background-color: #fff;
    padding: 30px 100px;
    text-align: center;
  }
  .page-map .wrap span.dskt-cont,
  .page-reservation .wrap span.dskt-cont {
    display: inline !important;
  }
  .floor-map-section .wrap {
    padding: 100px 100px 80px;
  }
}
.page-map h1,
.page-reservation 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,
  .page-reservation 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: 48%;
  margin: 2px;
  font-size: 13px;
}

@media screen and (min-width: 768px) {
  .page-faq .category-nemu ul li {
    width: 32.5%;
  }
  .page-faq .category-nemu ul:after {
    content: '';
    display: block;
    width: 32.5%; /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
    margin: 2px;
  }
}
.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;
  }
}
@media screen and (max-width: 768px) {
  .page-news .news-single-wrap .content .waku {
    width: 100% !important;
    padding: 0px 20px !important;
  }
}
.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: 3em;
}
.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;
  margin-top: 0;
}
@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 {
  border-top: 1px solid #ddd;
  padding-top: 1em;
  text-align: center;
}
.page-shop .sec-1 .row {
  padding-top: 1.5em;
}
.page-shop .sec-1 .row .sm-2 {
  margin-bottom: 3%;
}
.page-shop .sec-1 .row > div {
  text-align: center;
}
.page-shop .sec-1 .row p {
  text-align: center;
  width: 100%;
}
.page-shop .sec-1 .row .sm-2:nth-child(3) {
  margin: 0 auto;
}
.page-shop .sec-1 .centered-headding {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 3em;
}
@media screen and (min-width: 768px) {
  .page-shop .sec-1 .centered-headding {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .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 {
    padding-top: 3em;
  }
  .page-shop .sec-1 .row > div {
    width: 384px;
    margin: 0 12px 0;
  }
  .page-shop .sec-1 .catgory.beer .row > div {
    width: 184px;
  }
}
@media screen and (min-width: 768px) {
  .page-shop .sec-1 {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
.page-shop .sec-1 .shochu {
  padding: 2em 0;
}
.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;
}

.single-shop-main .shop-single-cont .bikou {
  color: #bd0b29;
}
@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;
}
.page-room .sec-7 .img-block-bihin .row:after {
  content: '';
  display: block;
  width: 16%;
  height: 0;
}
@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;
}
.wp-article-table#td7 td {
  width: 16%;
  vertical-align: middle;
  text-align: center;
}
.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;
}
.page-beachpark .link-centerd {
  margin-bottom: 50px;
}
.page-beachpark .link-centerd span {
  color: #bd0b29;
}
@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 #sec3 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 ul#bottom {
    display: flex;
    flex-wrap: wrap;
  }
  .pickup__wrap ul#bottom li.box3:first-child {
    width: 100%;
  }
  .pickup__wrap ul li.box3:nth-child(2){
    width: 49%;
  }
  .pickup__wrap ul#bottom li.box3:last-child {
    width: 49%;
    margin: 0 0 0 2%;
  }
}
.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;
}
@media screen and (min-width: 768px) {
 .ad259 .centered-headding{
  position: unset!important;
  text-align: left;
 }
 .ad259 .text-cont{
  position: unset!important;
  width: 100%!important;
  margin: 0!important;
 }
 .ad5192{
  padding: 40px 40px 70px 40px!important;
 }
}
/*	---------2024.06.05--------- */
	.c-btn {
		display: flex;
		align-items: center;
		line-height: 1.2;
		text-decoration: none;
		user-select: none;
	}
	
	.c-btn--pageTop {
		position: fixed;
		right: 20px;
		bottom: 20px;
		background-color: #fff;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		box-shadow: 2.828px 2.828px 16px 0px rgba(0, 0, 0, .1);
		z-index: 10000;
	}
	.c-icon {
		position: relative;
		display: inline-block;
		background: 50% 50% no-repeat;
		background-size: 100% auto;
		vertical-align: middle;
		line-height: 1;
	}
	.c-icon--circle-arrow-top::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
		border-top: 1px solid #332f2e;
		border-right: 1px solid #332f2e;
		margin-top: 2px;
		width: 12px;
		height: 12px;
	}
	.c-icon--circle-arrow-top {
		background-color: #fff;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		box-shadow: 2.828px 2.828px 16px 0px rgba(0, 0, 0, .1);
		z-index: 10000;
	}
@media screen and (max-width: 768px){
	.c-btn--pageTop{
		width: 40px;
    	height: 40px;
		right: 10px;
    	bottom: 10px;
		display: block;
	}
	.c-icon--circle-arrow-top{
		width: 40px;
    	height: 40px;
	}
	.c-icon--circle-arrow-top::after{
		width: 10px;
    	height: 10px;
	}
	#page-top2 a{
		font-size: 1.7em;
        width: 130px;
        padding: 13px;
	}
	#page-top2{
		bottom: 45px;
	}
}

.news-pdf {
	text-align: center;
	margin-top: 50px!important;
}
.disabled-link {
  pointer-events: none;  /* クリック無効化 */
  cursor: default;       /* マウスカーソルを通常に */
  color: inherit;        /* デザインに合わせて調整可 */
}

.page-access .access-area{
 display: flex;
 gap: 30px;
}
.page-access .access-area .ksgf-gmap{
 width: 800px;
}
.page-access .access-area .txt-box{
 width: 400px;
}
.page-access .access-area .txt-box .txt p{
 margin: 0 0 5px;
 font-size: 13px;
 line-height: 1.5;
}
.page-access .access-area .txt-box .txt p a:hover{
 color: #006e3f;
}
.page-access .access-area .txt-box .txt p:nth-child(1){
 margin: 0 0 10px;
 font-size: 18px;
 line-height: 1.2;
}
.page-access .access-area .txt-box .txt p:nth-child(2){
 margin: 0 0 10px;
 font-size: 15px;
}
.page-access .access-area .txt-box .txt p:last-child{
 margin: 0;
}
.page-access .link-centerd .boxlink-sp-bk-pc-white{
 width: 100%;
 max-width: 580px;
}
.page-access .tel-txt{
 text-align: center;
 margin: 30px 0;
}
.page-access .tel-txt p:first-child{
 margin: 0;
}
.page-access .tel-txt p:last-child{
 font-size: 19px;
 margin: 5px 0 0;
}
.page-access .tel-txt p:last-child a{
 text-decoration: none;
}
.page-access .link{
 margin: 20px 0 0;
}
.page-access .sec-1 .link-centerd{
 margin: 0;
}
.page-access .sec-1 .link-centerd + .link-centerd{
 margin: 20px 0 0;
 padding: 20px 0 0;
 border-top: solid 1px #ddd;
}
.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;
}
.page-access .sec-2{
 background: none;
 color: #006E3E;
 padding: 50px 0;
}
.page-access .sec-2 .wrap{
 border-top: solid 1px;
 border-bottom: solid 1px;
}
.page-access .sec-2 .wrap details{
 cursor: pointer;
}
.page-access .sec-2 .wrap details:not(:first-child){
 border-top: dotted 1px;
}
.page-access .sec-2 .sec-2-1,
.page-access .sec-2 .sec-2-2{
 margin-bottom: 0;
}
.page-access .sec-2 details summary{
 padding: 25px;
 position: relative;
}
.page-access .sec-2 details picture{
 display: block;
 padding: 0 0 25px;
 border-bottom: dotted 1px;
}
.page-access .sec-2 .wrap details:last-child summary{
 border-bottom: none;
}
.page-access .sec-2 details summary h2{
 display: flex;
 gap: 20px;
 align-items: center;
 margin: 0;
 line-height: 1;
}
.page-access .sec-2 .sec-2-1 h2 figure,
.page-access .sec-2 .sec-2-2 h2 figure,
.page-access .sec-2 .sec-2-3 h2 figure{
 margin: 0;
 width: 40px;
 height: auto;
}
.page-access .sec-4{
 display: grid;
 gap: 50px;
 padding: 0 0 80px;
 text-align: center;
}
.page-access .sec-4 > div{
 display: grid;
 gap: 20px;
}
.page-access .sec-4 .link-centerd p{
 font-size: 19px;
 letter-spacing: 0.05em;
 line-height: 1;
 margin-bottom: 1em;
}
.page-access .sec-4 .link-centerd p span{
 display: block;
 font-size: 13px;
 margin: 0 0 3px;
}
.page-access .sec-4 .link-centerd .boxlink-sp-bk-pc-white:after{
 top: 1.6em;
}
.page-access .sec-4 > div:last-child{
 display: block;
}
.page-access .sec-4 > div:last-child > p{
 width: fit-content;
 position: relative;
 margin: 0 auto 10px;
 color: #006E3E;
 font-size: 16px;
 letter-spacing: 0.05em;
 line-height: 1;
 padding: 0 22px;
}
.page-access .sec-4 > div:last-child > p:before,
.page-access .sec-4 > div:last-child > p:after{
 position: absolute;
 content: "";
 width: 1px;
 height: 12px;
 background: #006E3E;
 top: 0;
 bottom: 0;
}
.page-access .sec-4 > div:last-child > p:before{
 left: 0;
 transform: rotate(-45deg);
}
.page-access .sec-4 > div:last-child > p:after{
 right: 0;
 transform: rotate(45deg);
}
.pc{
 display: block;
}
.sp{
 display: none;
}
@media screen and (max-width: 768px) {
 .sp{
  display: block;
 }
 .pc{
  display: none;
 }
 .page-access .sec-1{
  padding: 3em 0 0;
 }
 .page-access .sec-1 .heding h2{
  margin: 0 0 0.6em;
  font-size: 1.4rem;
  line-height: 1.5;
 }
 .page-access .access-area{
  display: block;
 }
 .page-access .link{
  width: 89%;
 }
 .page-access .txt{
  margin: 1.1rem 0.5rem;
 }
 .page-access .sec-2 details picture{
  overflow: scroll;
 }
 .page-access .sec-2 details picture img{
  max-width: 800px;
 }
 .page-access .sec-4{
  margin: 0 20px;
 }
 .page-access .sec-4 .link-centerd p span{
  line-height: 1.6;
 }
 .page-access .sec-4 .link-centerd .boxlink-sp-bk-pc-white:after{
  top: 0;
  bottom: 0;
  margin: auto;
 }
 .page-access .sec-4 > div:last-child > p{
  width: 100%;
  font-size: 14px;
  line-height: 1.6;
  padding: 0;
  margin: 0 auto 10px;
  padding: 0 10px;
 }
}