@charset "UTF-8";

/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

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

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C""\201D""\2018""\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small,
.small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix,
.cf {
  zoom: 1;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.clearfix:after,
.cf:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic;
}


/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}

/* Portrait tablet to landscape */
@media (min-width: 769px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}

/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

/* !Base Fonts -------------------------------------------------------------- */
.fwN {
  font-weight: normal;
}

.fwB {
  font-weight: bold;
}

.fzSS {
  font-size: 78%;
}

/* base 16px -> 12px */
.fzS {
  font-size: 85%;
}

/* base 16px -> 14px */
.fzM {
  font-size: 100%;
}

.fzL {
  font-size: 115%;
}

/* base 16px -> 18px */
.fzLL {
  font-size: 130%;
}

/* base 16px -> 20px */
.fzLLL {
  font-size: 143%;
}

/* base 16px -> 22px */
sup {
  font-size: 78%;
  vertical-align: top;
}

sub {
  font-size: 78%;
  vertical-align: baseline;
}

/* !Inline Align ------------------------------------------------------------ */
.taL {
  text-align: left !important;
}

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.vaT {
  vertical-align: top !important;
}

.vaM {
  vertical-align: middle !important;
}

.vaB {
  vertical-align: bottom !important;
}

.blockC {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

* html .blockC {
  margin-right: 0;
  margin-left: 0;
}

.blockR {
  margin-left: auto;
  text-align: left;
}

* html .blockR {
  margin-left: 0;
}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960 {
  width: 960px;
}

.w800 {
  width: 800px;
}

.w640 {
  width: 640px;
}

.w480 {
  width: 480px;
}

.w320 {
  width: 320px;
}

.w160 {
  width: 160px;
}

.wHalf {
  width: 48%;
}

.wTri {
  width: 33%;
}

.wQuart {
  width: 24%;
}

.wFull {
  width: 99.9%;
}

.wMax {
  width: 100%;
}

.w03per {
  width: 3% !important;
}

.w05per {
  width: 5% !important;
}

.w10per {
  width: 10% !important;
}

.w13per {
  width: 13% !important;
}

.w15per {
  width: 15% !important;
}

.w20per {
  width: 20% !important;
}

.w23per {
  width: 23% !important;
}

.w25per {
  width: 25% !important;
}

.w30per {
  width: 30% !important;
}

.w33per {
  width: 33% !important;
}

.w35per {
  width: 35% !important;
}

.w40per {
  width: 40% !important;
}

.w43per {
  width: 43% !important;
}

.w45per {
  width: 45% !important;
}

.w50per {
  width: 50% !important;
}

.w53per {
  width: 53% !important;
}

.w55per {
  width: 55% !important;
}

.w60per {
  width: 60% !important;
}

.w63per {
  width: 63% !important;
}

.w65per {
  width: 65% !important;
}

.w70per {
  width: 70% !important;
}

.w73per {
  width: 73% !important;
}

.w75per {
  width: 75% !important;
}

.w80per {
  width: 80% !important;
}

.w83per {
  width: 83% !important;
}

.w85per {
  width: 85% !important;
}

.w90per {
  width: 90% !important;
}

.w93per {
  width: 93% !important;
}

.w95per {
  width: 95% !important;
}

/* !Floats ------------------------------------------------------------------ */
.flL {
  display: inline;
  float: left;
}

.flR {
  display: inline;
  float: right;
}

.flImgL {
  display: inline;
  float: left;
  margin-right: 10px;
}

.flImgR {
  display: inline;
  float: right;
  margin-left: 10px;
}

.ftBox {
  overflow: hidden;
  *zoom: 1;
}

/* SP */
@media screen and (max-width: 640px) {

  .flL,
  .flR {
    display: block;
    float: none;
  }

  .w03per,
  .w05per,
  .w10per,
  .w13per,
  .w15per,
  .w20per,
  .w23per,
  .w25per,
  .w30per,
  .w33per,
  .w35per,
  .w40per,
  .w43per,
  .w45per,
  .w50per,
  .w53per,
  .w55per,
  .w60per,
  .w63per,
  .w65per,
  .w70per,
  .w73per,
  .w75per,
  .w80per,
  .w83per,
  .w85per,
  .w90per,
  .w93per,
  .w95per {
    width: 100% !important;
  }
}

/* !Tools ------------------------------------------------------------------- */
.clear {
  clear: both;
}

.block {
  display: block;
}

.hide {
  display: none;
}

.bgN {
  background: none !important;
}

.tdU {
  text-decoration: underline;
}

.tdN {
  text-decoration: none;
}

.atode {
  border: 2px solid #96c;
  padding: 10px;
  text-align: center;
  background-color: #f9f;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  font-size: 30px;
  color: #fff;
}

/* !Margin ------------------------------------------------------------------ */
.mt00 {
  margin-top: 0 !important;
}

.mt05 {
  margin-top: 0.5% !important;
}

.mt10 {
  margin-top: 1% !important;
}

.mt15 {
  margin-top: 1.5% !important;
}

.mt20 {
  margin-top: 2% !important;
}

.mt25 {
  margin-top: 2.5% !important;
}

.mt30 {
  margin-top: 3% !important;
}

.mt35 {
  margin-top: 3.5% !important;
}

.mt40 {
  margin-top: 4% !important;
}

.mt45 {
  margin-top: 4.5% !important;
}

.mt50 {
  margin-top: 5% !important;
}

.mt55 {
  margin-top: 5.5% !important;
}

.mt60 {
  margin-top: 6% !important;
}

.mt65 {
  margin-top: 6.5% !important;
}

.mt70 {
  margin-top: 7% !important;
}

.mt75 {
  margin-top: 7.5% !important;
}

.mt80 {
  margin-top: 8% !important;
}

.mt85 {
  margin-top: 8.5% !important;
}

.mt90 {
  margin-top: 9% !important;
}

.mt95 {
  margin-top: 9.5% !important;
}

.mt100 {
  margin-top: 10% !important;
}

.mr00 {
  margin-right: 0 !important;
}

.mr05 {
  margin-right: 0.5% !important;
}

.mr10 {
  margin-right: 1% !important;
}

.mr15 {
  margin-right: 1.5% !important;
}

.mr20 {
  margin-right: 2% !important;
}

.mr25 {
  margin-right: 2.5% !important;
}

.mr30 {
  margin-right: 3% !important;
}

.mr35 {
  margin-right: 3.5% !important;
}

.mr40 {
  margin-right: 4% !important;
}

.mr45 {
  margin-right: 4.5% !important;
}

.mr50 {
  margin-right: 5% !important;
}

.mr55 {
  margin-right: 5.5% !important;
}

.mr60 {
  margin-right: 6% !important;
}

.mr65 {
  margin-right: 6.5% !important;
}

.mr70 {
  margin-right: 7% !important;
}

.mr75 {
  margin-right: 7.5% !important;
}

.mr80 {
  margin-right: 8% !important;
}

.mr85 {
  margin-right: 8.5% !important;
}

.mr90 {
  margin-right: 9% !important;
}

.mr95 {
  margin-right: 9.5% !important;
}

.mr100 {
  margin-right: 10% !important;
}

.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 0.5% !important;
}

.mb10 {
  margin-bottom: 1% !important;
}

.mb15 {
  margin-bottom: 1.5% !important;
}

.mb20 {
  margin-bottom: 2% !important;
}

.mb25 {
  margin-bottom: 2.5% !important;
}

.mb30 {
  margin-bottom: 3% !important;
}

.mb35 {
  margin-bottom: 3.5% !important;
}

.mb40 {
  margin-bottom: 4% !important;
}

.mb45 {
  margin-bottom: 4.5% !important;
}

.mb50 {
  margin-bottom: 5% !important;
}

.mb55 {
  margin-bottom: 5.5% !important;
}

.mb60 {
  margin-bottom: 6% !important;
}

.mb65 {
  margin-bottom: 6.5% !important;
}

.mb70 {
  margin-bottom: 7% !important;
}

.mb75 {
  margin-bottom: 7.5% !important;
}

.mb80 {
  margin-bottom: 8% !important;
}

.mb85 {
  margin-bottom: 8.5% !important;
}

.mb90 {
  margin-bottom: 9% !important;
}

.mb95 {
  margin-bottom: 9.5% !important;
}

.mb100 {
  margin-bottom: 10% !important;
}

.ml00 {
  margin-left: 0 !important;
}

.ml05 {
  margin-left: 0.5% !important;
}

.ml10 {
  margin-left: 1% !important;
}

.ml15 {
  margin-left: 1.5% !important;
}

.ml20 {
  margin-left: 2% !important;
}

.ml25 {
  margin-left: 2.5% !important;
}

.ml30 {
  margin-left: 3% !important;
}

.ml35 {
  margin-left: 3.5% !important;
}

.ml40 {
  margin-left: 4% !important;
}

.ml45 {
  margin-left: 4.5% !important;
}

.ml50 {
  margin-left: 5% !important;
}

.ml55 {
  margin-left: 5.5% !important;
}

.ml60 {
  margin-left: 6% !important;
}

.ml65 {
  margin-left: 6.5% !important;
}

.ml70 {
  margin-left: 7% !important;
}

.ml75 {
  margin-left: 7.5% !important;
}

.ml80 {
  margin-left: 8% !important;
}

.ml85 {
  margin-left: 8.5% !important;
}

.ml90 {
  margin-left: 9% !important;
}

.ml95 {
  margin-left: 9.5% !important;
}

.ml100 {
  margin-left: 10% !important;
}

/* !Padding  ---------------------------------------------------------------- */
.pt00 {
  padding-top: 0 !important;
}

.pt05 {
  padding-top: 0.5% !important;
}

.pt10 {
  padding-top: 1% !important;
}

.pt15 {
  padding-top: 1.5% !important;
}

.pt20 {
  padding-top: 2% !important;
}

.pt25 {
  padding-top: 2.5% !important;
}

.pt30 {
  padding-top: 3% !important;
}

.pt35 {
  padding-top: 3.5% !important;
}

.pt40 {
  padding-top: 4% !important;
}

.pt45 {
  padding-top: 4.5% !important;
}

.pt50 {
  padding-top: 5% !important;
}

.pt55 {
  padding-top: 5.5% !important;
}

.pt60 {
  padding-top: 6% !important;
}

.pt65 {
  padding-top: 6.5% !important;
}

.pt70 {
  padding-top: 7% !important;
}

.pt75 {
  padding-top: 7.5% !important;
}

.pt80 {
  padding-top: 8% !important;
}

.pt85 {
  padding-top: 8.5% !important;
}

.pt90 {
  padding-top: 9% !important;
}

.pt95 {
  padding-top: 9.5% !important;
}

.pt100 {
  padding-top: 10% !important;
}

.pr00 {
  padding-right: 0 !important;
}

.pr05 {
  padding-right: 0.5% !important;
}

.pr10 {
  padding-right: 1% !important;
}

.pr15 {
  padding-right: 1.5% !important;
}

.pr20 {
  padding-right: 2% !important;
}

.pr25 {
  padding-right: 2.5% !important;
}

.pr30 {
  padding-right: 3% !important;
}

.pr35 {
  padding-right: 3.5% !important;
}

.pr40 {
  padding-right: 4% !important;
}

.pr45 {
  padding-right: 4.5% !important;
}

.pr50 {
  padding-right: 5% !important;
}

.pr55 {
  padding-right: 5.5% !important;
}

.pr60 {
  padding-right: 6% !important;
}

.pr65 {
  padding-right: 6.5% !important;
}

.pr70 {
  padding-right: 7% !important;
}

.pr75 {
  padding-right: 7.5% !important;
}

.pr80 {
  padding-right: 8% !important;
}

.pr85 {
  padding-right: 8.5% !important;
}

.pr90 {
  padding-right: 9% !important;
}

.pr95 {
  padding-right: 9.5% !important;
}

.pr100 {
  padding-right: 10% !important;
}

.pb00 {
  padding-bottom: 0 !important;
}

.pb05 {
  padding-bottom: 0.5% !important;
}

.pb10 {
  padding-bottom: 1% !important;
}

.pb15 {
  padding-bottom: 1.5% !important;
}

.pb20 {
  padding-bottom: 2% !important;
}

.pb25 {
  padding-bottom: 2.5% !important;
}

.pb30 {
  padding-bottom: 3% !important;
}

.pb35 {
  padding-bottom: 3.5% !important;
}

.pb40 {
  padding-bottom: 4% !important;
}

.pb45 {
  padding-bottom: 4.5% !important;
}

.pb50 {
  padding-bottom: 5% !important;
}

.pb55 {
  padding-bottom: 5.5% !important;
}

.pb60 {
  padding-bottom: 6% !important;
}

.pb65 {
  padding-bottom: 6.5% !important;
}

.pb70 {
  padding-bottom: 7% !important;
}

.pb75 {
  padding-bottom: 7.5% !important;
}

.pb80 {
  padding-bottom: 8% !important;
}

.pb85 {
  padding-bottom: 8.5% !important;
}

.pb90 {
  padding-bottom: 9% !important;
}

.pb95 {
  padding-bottom: 9.5% !important;
}

.pb100 {
  padding-bottom: 10% !important;
}

.pl00 {
  padding-left: 0 !important;
}

.pl05 {
  padding-left: 0.5% !important;
}

.pl10 {
  padding-left: 1% !important;
}

.pl15 {
  padding-left: 1.5% !important;
}

.pl20 {
  padding-left: 2% !important;
}

.pl25 {
  padding-left: 2.5% !important;
}

.pl30 {
  padding-left: 3% !important;
}

.pl35 {
  padding-left: 3.5% !important;
}

.pl40 {
  padding-left: 4% !important;
}

.pl45 {
  padding-left: 4.5% !important;
}

.pl50 {
  padding-left: 5% !important;
}

.pl55 {
  padding-left: 5.5% !important;
}

.pl60 {
  padding-left: 6% !important;
}

.pl65 {
  padding-left: 6.5% !important;
}

.pl70 {
  padding-left: 7% !important;
}

.pl75 {
  padding-left: 7.5% !important;
}

.pl80 {
  padding-left: 8% !important;
}

.pl85 {
  padding-left: 8.5% !important;
}

.pl90 {
  padding-left: 9% !important;
}

.pl95 {
  padding-left: 9.5% !important;
}

.pl100 {
  padding-left: 10% !important;
}

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-help,
.alert-info,
.alert-error,
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.blue-btn {
  display: inline-block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}

.blue-btn:hover,
.blue-btn:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}

.blue-btn:active {
  top: 1px;
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.blue-btn {
  background-color: #2980b9;
}

.blue-btn:hover,
.blue-btn:focus {
  background-color: #2574a8;
}

.blue-btn:active {
  background-color: #2472a4;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #878585;
  vertical-align: middle;
  box-shadow: none;
  border: 1px solid #AB885A;
  width: 100%;
  max-width: 400px;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #eaedf2;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: #f7f8fa;
  outline: none;
}

input[type="text"].error,
input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}

input[type="text"].success,
input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}

input[type="text"][disabled],
input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}

input[type="text"][disabled]:focus,
input[type="text"][disabled]:active,
input[type="text"].is-disabled:focus,
input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type="password"] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 100%;
  line-height: 1.5;
  color: #878585;
  background-color: #f7f6f5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.sp,
.sp02 {
  display: block;
}

.sp_02{
  display: inline-block;
}


.pc {
  display: none;
}
.pc_02 {
  display: none;
}
.pc_under1030 {
  display: inline-block;
}


.bgswitch{
  display: none;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
a,
a:visited {
  color: #7a5752;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
  color: #7a5752;
}

a:link,
a:visited:link {
  /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  text-rendering: optimizelegibility;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}

h1,
.h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

h2,
.h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

h3,
.h3 {
  font-size: 1.125em;
}

h4,
.h4 {
  font-size: 1.1em;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
#header {
  position: absolute;
  width: 100%;
  padding: 15px 15px 10px 15px;
  background: none;
  z-index: 9999;
}

#hd_logo {
  float: none;
  width: 185px;
  margin: 0 auto;
  line-height: 1;
}

body.index #hd_logo {
  display: none;
}

body.lower #hd_logo {
  width: 110px;
  margin: 0;
  font-size: 1em;
}

body.lower #hd_logo img.white{
  display: inherit;
}
body.lower #hd_logo img.color{
  display: none;
}


#lang_menu {
  display: none;
  float: right;
  width: 84px;
  margin-top: 5px;
}

#lang_menu p {
  margin: 0;
  line-height: 1;
  vertical-align: bottom;
}

#lang_menu p img {
  vertical-align: bottom;
}

#lang_menu p:hover {
  cursor: pointer;
}

#lang_menu ul {
  display: none;
  margin: 0;
  background: rgba(255, 255, 255, 0.9);
}

#lang_menu ul li {
  border-bottom: 1px solid #ddd;
}

#lang_menu ul li a {
  display: block;
  padding: 5px 10px;
  font-size: .82em;
  text-decoration: none;
  color: #3d301f;
}

#lang_menu ul li a:hover {
  background: rgba(225, 221, 207, 0.74);
}

/*********************
NAVIGATION STYLES
*********************/
#gNavi {
  display: none;
}

#gNavi_sp {
  position: fixed;
  top: 0;
  left: -9999px;
  width: 70%;
  height: 100%;
  padding-bottom: 66px;
  background: #fff;
  z-index: 9999995;
  /*#lang_sw_box {
  	display: table;
  	margin-top: 5px;
  	padding: 15px;
  	width: 100%;
  	background: #fff;

  	p {
  		display: table-cell;
  		margin: 0;
  		width: 30%;
  		font-size: 1.125em;
  		color: #fff;
  		vertical-align: top;
  	}
  	ul {
  		display: table-cell;
  		padding-left: 15px;
  		width: 70%;
  		vertical-align: top;

  		li {
  			margin-bottom: 5px;
  			text-align: center;

  			a {
  				display: block;
  				padding: 7px 10px;
  				height: auto;
  				line-height: 1;
  				border-radius: 7px;
  				background: #3d301f;
  				color: #fff;
  				text-decoration: none;
  			}
  		}
  	}
  }*/
}

#gNavi_sp p.close_btn {
  position: absolute;
  top: 29px;
  right: 17px;
  margin: 0;
  z-index: 9999;
}

#gNavi_sp p.close_btn img {
  width: 18px;
  height: auto;
}

#gNavi_sp #gNav_sp_logo {
  margin: 0;
  padding: 14px 15px 0 15px;
  background: #e6aca1;
  border-top: 2px solid #7a5752;
  border-bottom: none;
}

#gNavi_sp #gNav_sp_logo a {
  height: auto;
  line-height: 1em;
  padding: 0;
}

#gNavi_sp #gNavi_sp_inner {
  height: calc(100% - 110px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid "#a59578";
}

#gNavi_sp ul#menu {
  margin: 0;
}

#gNavi_sp ul#menu li {
  background-repeat: no-repeat;
  background-size: 39px auto;
  background-position: 10px 50%;
  border-bottom: 1px solid #7a5752;
}

#gNavi_sp ul#menu li:nth-child(1) {
  background-image: url(../img/new/mn_gnavi03.png);
}

#gNavi_sp ul#menu li:nth-child(2) {
  background-image: url(../img/new/mn_gnavi01.png);
}

#gNavi_sp ul#menu li:nth-child(3) {
  background-image: url(../img/new/mn_gnavi09.png);
}
#gNavi_sp ul#menu li:nth-child(4) {
  background-image: url(../img/new/mn_gnavi02.png); /* サウナアイコン */
}

#gNavi_sp ul#menu li:nth-child(5) {
  background-image: url(../img/new/mn_gnavi04.png);
}

#gNavi_sp ul#menu li:nth-child(6) {
  background-image: url(../img/new/mn_gnavi05.png);
}

#gNavi_sp ul#menu li:nth-child(7) {
  background-image: url(../img/new/mn_gnavi06.png);
}

#gNavi_sp ul#menu li:nth-child(8) {
  background-image: url(../img/new/mn_gnavi07.png);
}

#gNavi_sp ul#menu li:nth-child(9) {
  background-image: url(../img/new/mn_gnavi08.png);
}

#gNavi_sp ul#menu li:nth-child(10) {
  background-image: url(../img/new/mn_gnavi08.png);
}

#gNavi_sp ul#menu li:nth-child(11) {
  background-image: url(../img/new/mn_gnavi08.png);
}

#gNavi_sp a {
  display: block;
  font-size: 1em;
  color: #878585;
  text-decoration: none;
  padding: 0 0 0 60px;
  height: 50px;
  line-height: 50px;
}

#gNavi_sp img {
  width: 173px;
  height: auto;
}

#gNavi_sp #lang_sw_box {
  padding: 10px 0 0 0;
  border-bottom: 2px solid #7a5752;
  background: #e6aca1;
}

#gNavi_sp #lang_sw_box p {
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1;
  vertical-align: bottom;
  text-align: center;
}

#gNavi_sp #lang_sw_box p img {
  width: 50%;
  max-width: 110px;
  height: auto;
  vertical-align: bottom;
}

#gNavi_sp #lang_sw_box p:hover {
  cursor: pointer;
}

#gNavi_sp #lang_sw_box ul {
  display: none;
  margin: 0;
  padding-top: 10px;
  background: rgba(255, 255, 255, 0.9);
}

#gNavi_sp #lang_sw_box ul li {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#gNavi_sp #lang_sw_box ul li a {
  height: auto;
  line-height: normal;
  display: block;
  padding: 10px 10px;
  font-size: 1em;
  text-decoration: none;
  color: #3d301f;
}

#gNavi_sp #lang_sw_box ul li a:hover {
  background: rgba(225, 221, 207, 0.74);
}

.level_m{
  display: none;
}
@media only screen and (min-width: 769px) {
  .level_m{
    position: fixed;
    right: 0;
    top: 100px;
    display: block;
  }
  .level_m a:hover{
    opacity: 0.6;
  }
}


#foot_navs {
  display: none;
}

#sp_foot_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  /* display: table;  level_mがない時 */
  background: #7a5752;
  z-index: 9999999;
    display: flex; /* level_M */
    flex-wrap: wrap; /* level_M */
}

#sp_foot_menu li {
  color: #FFFFFF;
  display: table-cell;
  border-right: 1px solid #fff;
  font-size: 0.75em;
  text-align: center;
  width: calc(100% / 5); /* level_M */
}
#sp_foot_menu li:nth-last-child(2) {
  border-right: none; /* level_M */
}
#sp_foot_menu li:last-child {
  border-right: none;
      width: 100%;/* level_M */
      background: url(../img/bnr_levelM_bg_sp.png) center;/* level_M */
      height: 81px;/* level_M */
      overflow: hidden;/* level_M */
      display: flex;/* level_M */
      justify-content: center;/* level_M */
      align-items: center;/* level_M */
}

#sp_foot_menu li a {
  display: block;
  padding: 8px 0 3px 0;
  color: #FFFFFF;
  text-decoration: none;
}

#sp_foot_menu li img {
  margin: 0 auto 3px auto;
  display: block;
  width: 38px;
  height: auto;
}
#sp_foot_menu li:last-child img{
  width: 100%;/* level_M */
}

/* AI Concierge */
#trip_ai_container {
  display: none !important;
}

/*********************
PAGE STYLES
*********************/
br.no_br_sp {
  display: none;
}

.lower_topics .cat {
  display: inline-block;
  width: 4.5em;
  margin: 0 0.5em 0 0.5em;
  padding: 2px 0;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  border-radius: 7px;
  text-align: center;
  font-size: .875em;
}

.lower_topics .cat-news {
  color: #fff;
  background: #beacb0;
}

.lower_topics .cat-local {
  color: #fff;
  background: #acbebb;
}

.lower_topics .cat-event {
  color: #fff;
  background: #beacbc;
}

.lower_topics .cat-recommend {
  color: #fff;
  background: #c29db3;
}

.lower_topics .cat-others {
  color: #fff;
  background: #a88ea7;
}

.lower_topics .cat-spa {
  color: #878585;
  background: #c6c7de;
}

.lower_topics .cat-restaurant {
  color: #fff;
  background: #c9a7a1;
}

.lower_topics .cat-new {
  color: #fff;
  background: #acb8be;
}

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

.lower_topics .more_read a {
  background-color: #878585;
}

.lower_topics li a {
  display: block;
  margin-top: 4px;
}

/* INDEX
*********************/



/* renewal */
#top_slider01 h1 img {
  width: 40%;
  max-width: 301px;
  margin: 0 auto;
  display: block;
}

#top_slider01 ul.pc {
  padding: 80px 40px 0 80px;
  margin: 0;
}

#top_slider01 ul li img {
  margin: 0 auto;
  width: 100%;
}

#top_slider01 .slick-slide video,
#room_bath .slick-slide video,
#main_slider_sp .slick-slide video{
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
}


#top_spa {
  background: url(../../img/top/img_spa_main_sp_202410.jpg) no-repeat top center;
  padding-top: 66%;
  background-size: contain;
}

#top_dish {
  background: url(../../img/top/img_dish_main_sp.png) no-repeat top center;
  padding-top: 66%;
  background-size: contain;
}

#top_room {
  background: url(../../img/top/img_room_main_s_sp.png) no-repeat top center;
  padding-top: 66%;
  background-size: contain;
}

#top_faci {
  background: url(../../img/top/img_facillity_main_sp_202408.png) no-repeat top center;
  padding-top: 66%;
  background-size: contain;
}
#top_room .room_bnr{
  margin:0 auto 60px;
}

.left_txt_type,
.right_txt_type {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 15%;
  width: 100%;
  flex-direction: column;
}

.left_txt_type .text,
.right_txt_type .text {
  width: 100%;
  margin-top: 0;
  position: relative;
  text-align: center;
  order: 2;
}

.left_txt_type .text h4,
.right_txt_type .text h4 {
  font-weight: normal;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
}

.left_txt_type .text h4 span,
.right_txt_type .text h4 span {
  font-size: 0.75rem;
  font-weight: normal;
  display: block;
}

.left_txt_type .text p,
.right_txt_type .text p {
  font-size: 1.125em;
  letter-spacing: 0.1em;
}

.left_txt_type .text a,
.right_txt_type .text a,
a.link_more {
  margin: 20px auto 60px;
  height: 30px;
  width: 140px;
  text-align: center;
  text-decoration: none;
  background: url(../img/arrow_p_L.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  display: inline-block;
  background-size: contain;
  color: #7a5752;
  display: block;
}

.left_txt_type .text a:hover,
.right_txt_type .text a:hover {
  opacity: 0.7;
}

/* .left_txt_type .text a::after{
    content:'';
    background:url(../img/arrow_g_L.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    height: 30px;
    width: 140px;
    display: inline-block;
    background-size: contain;
  } */
.left_txt_type .slide_img,
.right_txt_type .slide_img {
  width: 100%;
  margin: 5.5% auto;
  height: 40vh;
  overflow: hidden;
  order: 1;
}

.lower .slide_img.sp {
  width: 100%;
  margin: 0;
  height: 50vh;
  overflow: hidden;
}


/* #top_spa .left_txt_type .spa_slider {
    max-width: 500px;
    height: 500px;
    overflow: hidden;
  } */
.left_txt_type .slide_img img,
.right_txt_type .slide_img img,
.lower .slide_img.sp img {
  width: 100%;
  ;
}

.slide_img ul {
  margin-top: 0;
}

#top_faci .bnr_birch {
  width: 100%;
  background: url(../../img/top/bnr_birch_sp.jpg);
  padding-top: 55.8441%;
  background-size: cover;
  order: 3;
  position: relative;
  text-align: center;
}

#top_faci .bnr_birch p.btn_title {
  position: absolute;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.7);
  width: 75%;
  top: 18%;
  left: 12.5%;
  color: #6c6c6c;
}

#top_faci .bnr_birch p.btn_title span {
  font-size: 0.875em;
  display: block;
}

#top_faci .bnr_birch p.btn_title span.floor {
  width: 20%;
  padding: 3px 0;
  background-color: #e6aca1;
  color: #fff;
  font-size: 0.875em;
  text-align: center;
  margin: 10px auto 0;
}


#top_faci .bnr_birch p.btn_arrow {
  position: absolute;
}

.order_1 {
  order: 1;
}

.order_2 {
  order: 2;
}

.order_3 {
  order: 3;
}

.order_4 {
  order: 4;
}


.lower #top_spa,
.lower #top_dish,
.lower #top_room,
.lower #top_faci {
  background: none;
  padding-top: 0;
}




/* テスト2020 start */
#index_slider_test {
  position: relative;
  z-index: 100;
  background: url(../../img/index/img_index_slide101_20191111_test.jpg) repeat-x 50% 50%;
  background-size: cover;
  width: 100%;
  height: 260px;
  overflow: hidden;
}

#index_slider_test p {
  position: absolute;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 185px;
  height: 3.2rem;
  z-index: 999999;
  text-align: center;
}

#index_slider_test p img {
  position: relative;
  display: block;
  margin: 0 auto;
  top: 0;
  width: 100%;
  height: auto;
}

#index_slider_test p img.sp {
  display: block;
}

#index_slider_test p img.pc {
  display: none;
}

/* テスト2020 end */




/* お正月対策2020 start */
#index_slider03 {
  position: relative;
  z-index: 100;
  background: url(../../img/index/akeome.jpg) repeat-x 50% 50%;
  background-size: cover;
  width: 100%;
  height: 260px;
  overflow: hidden;
}

#index_slider03 p {
  position: absolute;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 185px;
  height: 3.2rem;
  z-index: 999999;
  text-align: center;
}

#index_slider03 p img {
  position: relative;
  display: block;
  margin: 0 auto;
  top: 0;
  width: 100%;
  height: auto;
}

#index_slider03 p img.sp {
  display: block;
}

#index_slider03 p img.pc {
  display: none;
}

/* お正月対策2020 end */


/*アニメーション*/
@keyframes loop {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -4510px 0;
  }
}

#index_lead {
  background: none;
}

#index_lead div {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  background: none;
}

#index_lead h2 {
  margin: 0;
  padding: 40px 10px;
  background: none;
  /*box-shadow: 0px 9px 10px 0 #9e8a71;
    -webkit-box-shadow: 0px 9px 10px 0 #9e8a71;
    -moz-box-shadow: 0px 9px 10px 0 #9e8a71;*/
  text-align: center;
  font-size: 1.188em;
  color: #878585;
  line-height: 3;
}

#index_lead h2 span {
  font-size: 0.85em;
}

#index_lead p {
  margin: 0;
  color: #878585;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.8;
}

#index_lead p span.red {
  font-size: 0.95em;
  color: red;
}

.red_text{
  color: red;
}

#top_banners {
  position: relative;
  z-index: 5;
  margin: 0;
  padding: 20px 30px;
  background: none;
  background-size: contain;
}

#top_banners li {
  padding: 0 10px;
  vertical-align: middle;
}

#top_banners li a {
  display: table-cell;
  vertical-align: middle;
}

#top_banners li a:hover img {
  opacity: .8;
}

#top_banners img {
  width: 100%;
  height: auto;
}

#top_banners .slick-prev,
#top_banners .slick-next {
  background-size: 100%;
  top: 21%;
}

.daishizen{
  margin: 0 auto 50px;
  width: fit-content;
}

.daishizen a img{
  display: block;
  width: 90%;
  margin: 0 auto;
}

.data_wrap01.atention {
  text-align: center;
  color: #C00;
  background: inherit;
  border: 1px solid #c00;
  margin: 0 auto;
}


#sub_contents {
  padding: 20px 0 0 0;
  background: #fff;
}

.more_read {
  font-size: 0.85em;
}

.more_read a {
  position: relative;
  display: inline-block;
  padding: 5px 50px 5px 15px;
  background: #7a5752;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.more_read a:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  /*width: 35px;*/
  width:30px;
  height: 8px;
  background: url(../img/arrow_w_S.png);
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  margin: -4px 0 0;
}

.more_read a:hover {
  color: #fff;
  background-color:#a3a3a3;
  opacity: 1;
}

#topics {
  margin: 0 5%;
}

#fb_box {
  text-align: center;
  margin: 0 5% 20px;
}

#fb_box iframe {
  width: 90%;
  max-width: 500px;
}


.topics_box {
  margin-bottom: 40px;
  padding: 10px 10px 12px 10px;
  background: #fff;
  border: 1px solid #bebebe;
}

#topics_bus {
  width: 48%;
  float: left;
  background-image: url(../../img/index/img_index_bus01.png);
  background-position: 0 60%;
  background-repeat: no-repeat;
  background-size: 80px auto;
}

#topics_bus h4 {
  margin: 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #8d8b8a;
  font-size: 0.8125em;
  color: #000;
  text-align: center;
  font-weight: bold;
}

#topics_bus h4 .tit_bus_book {
  color: #b91520;
  font-size: 0.69em;
  font-weight: bold;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

#topics_bus h4 .tit_bus_free {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 0.92em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

#topics_bus h4 img {
  vertical-align: middle;
  margin-right: 5px;
  width: 13px;
  height: 13px;
}

#topics_bus h4 .more_read {
  text-align: center;
}

#topics_bus h4+p {
  margin: 5px 0 0 0;
  text-align: center;
}

#topics_bus dl {
  margin: 10px 0 10px 80px;
  font-size: 0.55em;
  color: #1a1a1a;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

#topics_bus dt {
  margin-top: 5px;
  font-weight: bold;
}

#topics_bus dt:before {
  content: '◆';
}

#topics_bus,
#topics_magazine {
  position: relative;
}

#topics_bus section .more_read,
#topics_magazine section .more_read {
  position: absolute;
  bottom: -15px;
  margin: 0;
  left: calc(50% - 56px);
}

#topics_magazine {
  width: 48%;
  padding: 10px 10px 62px 10px;
  float: right;
}

#topics_magazine h4 {
  margin: 0;
  padding: 8px 0 8px 0;
  border-bottom: 1px solid #8d8b8a;
  font-size: 1em;
  color: #b91520;
  text-align: center;
}

#topics_magazine h4 .tit_magazine_sub {
  display: inline-block;
  font-size: 0.583em;
  line-height: 1.3em;
}

#topics_magazine h4 .tit_magazine_sub span {
  position: relative;
  top: 6px;
  display: block;
  text-align: center;
  letter-spacing: 1.5em;
  margin-left: 1.5em;
  margin-bottom: -9px;
  font-size: .714em;
}

#topics_magazine dl {
  margin: 10px 0;
}

#topics_magazine dt {
  margin: 0 0 0 0;
  width: 100%;
  text-align: center;
  color: #1d1e65;
  font-size: .5625em;
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  float: left;
}

#topics_magazine dd {
  padding: 5% 0 0 0;
  font-size: .625em;
  text-align: center;
  color: #1a1a1a;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

#topics_magazine dd span {
  display: inline-block;
  margin-top: 15px;
}

#topics_magazine img {
  width: 60%;
  height: auto;
}

#topics_magazine .more_read {
  margin-top: 0;
  letter-spacing: 0;
  left:calc(50% - 44px)!important;
}

#topics_magazine .more_read a {
  margin: 0;
  padding: 5px 15px 25px 15px;
  font-size:0.8em;
  line-height:1.2em;
}
#topics_magazine .more_read a:after{
  top:inherit;
  bottom:10px;
  left:calc(50% - 15px)!important;
}

#widgets {
  clear: both;
  display: table;
  width: 100%;
  text-align: center;
}

#widgets #bn_trustme {
  display: table-cell;
  vertical-align: middle;
}

#widgets #bn_trustme p {
  margin: 7px 0 0 0;
}

#widgets #bn_trustme p.txt {
  color: #1a1a1a;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

#widgets #bn_trustme p.post {
  margin: -15px 0 0 0;
  font-size: 0.82em;
}

#widgets #bn_trustme iframe {
  border: none;
  overflow: visible;
}

#widgets #bn_tripadvisor {
  display: table-cell;
  vertical-align: top;
}

#widgets #bn_tripadvisor p.post {
  margin: 13px 0 0 0;
  font-size: 0.82em;
}

#widgets #bn_tripadvisor #TA_cdsratingsonlynarrow768>img {
  height: 1px !important;
  padding: 0;
  margin: 0;
}

#widgets #CDSWIDCOE {
  margin: 0 auto 16px auto !important;
}

#widgets #CDSRATINGWIDGET768 {
  margin: 0 auto 0 auto;
}

.sub_contents_box {
  overflow: hidden;
}

#group_hotels {
  margin: 0 -2%;
  padding: 25px 5.5%;
  background-image: url(../../img/index/bg_hotels01.jpg);
  background-size: cover;
}

#group_hotels li {
  margin-bottom: 5px;
}

#bottom_banners_wrap {
  background: #fff;
}

#bottom_banners {
  margin: 0;
  padding: 20px 30px;
  background-color: #fff;
}

#bottom_banners li {
  margin: 0 5px;
  padding: 10px;
  background: #e1dcd3;
  display: table;
  line-height: 0;
  vertical-align: middle;
}

#bottom_banners li:hover {
  opacity: .8;
}

#bottom_banners li a {
  display: table-cell;
  vertical-align: middle;
}

#bottom_banners img {
  width: 100%;
  margin: 0 auto;
}

#bottom_banners .slick-prev,
#bottom_banners .slick-next {
  background-size: 100%;
  top: 37%;
}

/* LOWER COMMON
*********************/
#main_slider_sp ul {
  margin: 0;
}

#main_slider_sp .slick-dotted.slick-slider {
  margin-top: 0;
}

#main_slider_sp .slick-slide img {
  width: 100%;
  height: auto;
}

.section_title {
  background: #fff;
  text-align: center;
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  z-index: 1;
}

.section_title h3 {
  font-size: 2em;
  padding: 0 0 40px 0;
}


.section_title h3::after {
  content: "";
  display: block;
  width: 31.666%;
  height: 5px;
  background-color: #e6aca1;
  position: absolute;
  bottom: 0;
  left: 34.167%;
}

.section_title p {
  margin: 25px 0 10px;
}

h3.new_h3 {
  font-size: 1.5em;
  padding: 100px 0 20px 0;
  position: relative;
  text-shadow: none;
  text-align: center;
}

h3.new_h3::after {
  content: "";
  display: block;
  width: 31.666%;
  height: 5px;
  background-color: #e6aca1;
  position: absolute;
  bottom: 0;
  left: 34.167%;
}


.red_information {
  max-width: 1200px;
  height: auto;
  padding: 15px 10px 15px 10px;
  background-color: #fff;
  margin: 20px auto 40px;
  text-align: center;
  border: 4px solid #7a5752;
  color: #878585;
  letter-spacing: 0;
  font-size: 0.75em;
  width: 90%;
}

.red_information .deco_under {
  text-decoration: none;
  border-bottom: 1px solid #878585;
  padding-bottom: 2px;
  font-size: 1.2em;
}

.red_information.corona_color {
  border: 2px solid #f00000;
}

.red_information.mili_color {
  border-color: #7a5752;
  font-size: 1em;
}

.red_information.mili_color a {
  text-decoration: none;
}


.red_font_info {
  height: auto;
  padding: 15px 10px 15px 10px;
  margin: 20px auto;
  text-align: center;
  color: #f00;
  letter-spacing: 0;
  font-size: 0.75em;
  width: 100%;
}

.red_font_info .deco_under {
  text-decoration: none;
  border-bottom: 1px solid #f00;
  padding-bottom: 2px;
  font-size: 1.2em;
}


.red_font_info.mili_color {
  border-color: #7a5752;
  font-size: 1em;
}

.red_font_info.mili_color a {
  text-decoration: none;
}



.lower_slider {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

.lower_slider .slick-slider {
  margin-top: -20px;
}

.lower_slider h2 {
  position: absolute;
  margin: 0;
  z-index: 100;
}

.lower_slider h2 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lower_slider img {
  width: 100%;
  height: auto;
}

.lower_slider .slider_cap {
  position: absolute;
  width: auto;
  z-index: 150;
}

.lower_slider .slider_cap h2 {
  position: relative;
}

.lower_slider .slider_cap p {
  margin: 0;
  padding: 0 5px;
  color: #fff;
  font-size: 0.75em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.8;
  text-shadow: 0px 0px 3px #776950, 0px 0px 3px #776950, 0px 0px 5px #776950, 0px 0px 9px #776950;
}

#breadcrumb {
  border-top: none;
  border-bottom: none;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background: #fff;
}

#breadcrumb ol {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 15px;
}

#breadcrumb ol li {
  float: left;
  font-size: .75em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

#breadcrumb ol li:after {
  content: '>';
  padding: 0 5px;
}

#breadcrumb ol li:last-child:after {
  content: '';
}

#breadcrumb ol li a {
  color: #878585;
  text-decoration: none;
}

#breadcrumb ol li a:hover {
  text-decoration: underline;
}

.page_section {
  padding: 0;
  width: 90%;
}


.lower_section {
  padding: 15px 0 20px;
  /* padding: 15px 10px 20px; */
  background: none;
}

.lower_section .lower_lead_summary {
  width: 300px;
  margin: 40px auto;
  font-size: 0.75em;
  color: #878585;
  text-align: center;
  line-height: 1.8;
}

.lower_section .lower_lead_summary_cmt {
  width: 300px;
  margin: 0 auto;
  font-size: 0.75em !important;
  color: #333333;
  text-align: left;
  line-height: 1.8;
}

.lower_section .lower_lead_summary ruby {
  position: relative;
}

.lower_section .lower_lead_summary ruby rt {
  position: relative;
  /* top: 1ex; */
}


.lower_section .lower_lead_summary span.strong {
  white-space: nowrap;
  font-size: 1.313em;
  font-weight: normal;
}

.lower_lead_summary span.strong.komozi {
  font-size: 1.5em;
}

.lower_section .lower_more_btns li {
  padding-bottom: 15px;
}

.lower_section .lower_more_btns li a:hover img {
  opacity: .8;
}

.lower_section.toggle,
.spa_section.toggle,
div.toggle {
  display: none;
}

.lower_theme01 h3 {
  position: relative;
  margin: 0 auto;
  padding: 10px 0 25px 0;
  font-size: 1.312em;
  background: none;
  line-height: 62px;
  color: #878585;
  text-align: center;
  letter-spacing: .2em;
  text-indent: -.2em;
  line-height: 1.5;
  box-shadow: none;
  z-index: 500;
  width: 100%;
}

.data_wrap01 {
  margin: 40px auto 0;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  width: 90%;
}

.data_wrap01_pd0{
  margin: 10px auto 0;
  padding: 0;
  height: auto;
  width: 90%;
  max-width: 1200px;
}

.data_wrap01 h4 {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1em;
  color: #878585;
  border-bottom: 1px solid #b6b6b6;
  border-left: 4px solid #e6aca1;
}

.data_wrap01.news {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
    .data_wrap01.news {
      margin-bottom: 40px;
    }
}

.data_wrap01.news h4 a {
  background-color: #7a5752;
  color: #fff;
  padding: 3px 80px 3px 40px;
  float: right;
  position: relative;
  font-size: 0.8em;
}

.data_wrap01.news h4 a::after {
  content: '';
  background-image: url(../img/arrow_w_S.png);
  width: 38px;
  height: 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 30px;
  display: block;
  background-size: contain;
}

.data_wrap01 ul.lower_topics {
  margin-bottom: 0;
  height: auto;
  overflow-y: visible;
  -ms-overflow-style: none;
}

.data_wrap01 ul.lower_topics:-webkit-scrollbar {
  display: none;
}

.data_wrap01 ul.lower_topics li {
  margin: 0 14px;
  padding: 10px 0;
  font-size: 0.875em;
  color: #7a5752;
}

.data_wrap01 ul.lower_topics li time {
  margin-right: 10px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.data_wrap01 ul.lower_topics li a {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  text-decoration: none;
}

.data_wrap01 ul.lower_topics li a:link,
.data_wrap01 ul.lower_topics li a:visited {
  color: #7a5752;
}

.data_wrap01 ul.lower_topics li a:hover {
  opacity: .8;
}

.data_wrap01 dl {
  padding: 3px 15px 15px 15px;
  background: #f3eed8;
}

.data_wrap01 dl dt {
  margin: 12px 0 4px 0;
  padding: 0;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: .875em;
}

.data_wrap01 dl dt:before {
  display: inline-block;
  width: 13px;
  height: 8px;
  content: '';
  margin-right: 2px;
  background: url(../../room/img/ico_room01.png) no-repeat 0 0;
  background-size: 13px auto;
}

.data_wrap01 dl dd {
  padding: 0 0 0 15px;
  color: #878585;
  font-size: .875em;
  line-height: 1.4;
}

.data_wrap01 table {
  display: block;
  width: 95%;
  margin-left: 14px;
  margin-bottom: 15px;
}

.data_wrap01 table tr,
.data_wrap01 table tbody {
  display: block;
  width: 100%;
}

.data_wrap01 table th,
.data_wrap01 table td {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: .875em;
  color: #878585;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}

.data_wrap01 table tr.table_hr th {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px dashed #b5b5b5;
}

.data_wrap01 table tr.table_hr ul {
  height: auto;
  overflow: visible;
  margin: 0;
}

.data_wrap01 table tr.table_hr ul li {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.data_wrap01 table tr.table_hr ul li:before {
  content: '・';
}

.data_wrap01 table th {
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

.data_wrap01 table.table_spa a,
a.plan_link {
  display: inline-block;
  padding: 5px 25px 5px 15px;
  text-align: center;
  background: #7a5752;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
}

a.plan_link {
  width: 100%;
}

a.plan_link:visited{color: #fff;}

.data_wrap01 table.table_spa a:after,
a.plan_link::after {
  position: absolute;
  top: calc(50% - 6px);
  right: 10px;
  display: inline-block;
  content: '';
  /* 要素自体の大きさは不要のため、0に設定する */
  width: 0px;
  height: 0px;
  /* border-topとborder-bottomの太さを同一にすると、三角形の頂点が真ん中になる */
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  /* border-leftの大きさを大きくすると、三角形は横に大きくなる */
  border-left: 10px solid #fff;
  border-right: 0px solid transparent;
  font-size: .5em;
}

.data_wrap01 table a:hover,
a.plan_link:hover {
  opacity: .8;
  color: #fff;
}

.data_wrap01 table p.wp {
  font-size: 1.1em;
  font-weight: bold;
  color: #f00;
  margin: 0;
}

.data_wrap01 table p.wp a {
  padding: 0;
  background-image: none;
  color: #f00;
  border-radius: none;
  text-decoration: underline;
}

.data_wrap01 table p.wp a:after {
  display: none;
}

.data_wrap01 table p.wp a:hover {
  opacity: 1;
  color: #f00;
  text-decoration: underline;
}




.data_wrap02 {
  margin: 10px auto 0;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.8);
  width: 90%;
  max-width: 1200px;
}

.data_wrap02 h4 {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1.125em;
  color: #878585;
  border-bottom: 1px solid #b6b6b6;
  border-left: 4px solid #e6aca1;
}

.lower .note {
  font-size: .85em !important;
}

.lower .note_cmt {
  font-size: 0.75em !important;
  text-indent: -1em;
  padding-left: 1em !important;
}

.note_cmt_02 {
  text-indent: -1em !important;
  padding-left: 1em !important;
}

.note_cmt_02.t_small {
  font-size: 0.85em;
  margin: 0;
}

.tax_8 {
  font-size: .75em;
  color: #333;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 1em;
  text-indent: -1em;
}
/*room_bnr*/
.room_bnr{
  display: block;
  width: 90%;
  max-width: 1200px;
  margin:0 auto 50px;
}
.room_bnr img{
  width: 100%;
}

/*saunoa_bnr*/
#contents .saunoa_bnr01 {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin:20px auto;
  flex-wrap: wrap;
  max-width: 430px;
}
#contents .L_bnr img{
  width: 100%;
}
#contents .saunoa_bnr01.no_spmt {
  margin:0 auto 20px;
}
#contents .saunoa_bnr01 a:first-child{
  width: 100%;
  margin: 0 0 10px 0;
}
#contents .saunoa_bnr01 a:first-child img{
  border: none;
}
#contents .saunoa_bnr01 a:first-child .pc{
  display: none;
}
#contents .saunoa_bnr01 a:first-child .sp{
  display: block;
}
#contents .saunoa_bnr01 a:last-child{
  width: 100px;
  display: block;
}
#contents .saunoa_bnr01 a:hover{
  opacity: 0.7;
}
#contents .saunoa_bnr01 img{
  width:100%;
  display:block;
  border:1px solid #0051e1;
}


#contents .saunoa_bnr01 span{
  font-size: 0.9rem;
  letter-spacing: .12em;
  width:180px;
}

/* SPA
*********************/

#big_bath,
#foot_bath {
  margin: 40px 0 80px;
}

.page-spa h3 {
  position: relative;
  margin: 0;
  padding: 10px 0 25px 0;
  font-size: 1.312em;
  background: none;
  line-height: 62px;
  color: inherit;
  text-align: center;
  letter-spacing: .2em;
  text-indent: -.2em;
  line-height: 1;
  box-shadow: none;
  z-index: 500;
}

.lower_slider {
  position: relative;
}

.lower_slider h2 {
  position: absolute;
  margin: 0;
  z-index: 100;
}

.lower_slider h2 img {
  width: 100%;
  height: auto;
}

.lower_slider ul {
  margin: 0;
}

.lower_slider img {
  width: 100%;
  height: auto;
}

.lower_slider .slick-dots,
.page-dish .kuksa_intro .menu_slider .slick-dots,
.page-spa .room_intro .room_slider .slick-dots {
  bottom: -10px;
  right: 0;
  left: 0;
  width: auto;
  line-height: 0;
}

.lower_slider .slick-dots li button::before,
.page-dish .kuksa_intro .menu_slider .slick-dots li button::before,
.page-spa .room_intro .room_slider .slick-dots li button::before {
  content: '';
  width: 40px;
  height: 5px;
  background-color: #b6b6b6;
  opacity: 1;
}

.lower_slider .slick-dots li,
.page-dish .kuksa_intro .menu_slider .slick-dots li,
.page-spa .room_intro .room_slider .slick-dots li {
  width: 40px;
  height: 5px;
  margin-right: 0;
}

.lower_slider .slick-dots li.slick-active button::before,
.page-dish .kuksa_intro .menu_slider .slick-dots li.slick-active button::before,
.page-spa .room_intro .room_slider .slick-dots li.slick-active button::before {
  background-color: #e6aca1;
}

.lower_slider .slick-dots li button,
.page-dish .kuksa_intro .menu_slider .slick-dots li button,
.page-spa .room_intro .room_slider .slick-dots li button {
  width: 40px;
  height: 5px;
}


.lower_slider .slick-slide video {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
}


#spa_slider01 h2 {
  top: 40px;
  right: 20px;
  width: 19.5%;
  height: auto;
}

#spa_slider02 h2 {
  top: 20px;
  left: 20px;
  width: 59.1%;
  height: auto;
}

#spa_slider03 h2 {
  top: 20px;
  left: 20px;
  width: 86%;
  height: auto;
}

/* #spa_lead,
.spa_section,
.lower_section {
  padding: 40px 0 0;
  background: none
} */

#spa_lead .spa_more_btns li,
.spa_section .spa_more_btns li {
  padding-bottom: 15px;
}

#spa_lead .spa_more_btns li a:hover img,
.spa_section .spa_more_btns li a:hover img {
  opacity: .8;
}

.spa_lead_summary {
  width: 300px;
  margin: 0 auto;
  font-size: 0.75em;
  color: #878585;
  text-align: center;
  line-height: 1.8;
}

.spa_lead_summary span.strong {
  white-space: nowrap;
  font-size: 1.313em;
  font-weight: normal;
}

#big_bath .data_wrap01,
#foot_bath .data_wrap01 {
  padding-bottom: 0;
}

#foot_bath #tit_moreinfo {
  display: flex;
  align-items: center;
  max-width: 560px;
  margin: 0 auto;
  color: #878585;
  letter-spacing: .1em;
  text-indent: -.1em;
  font-size: 1em;
  text-align: center;
  white-space: nowrap;
}

#foot_bath #tit_moreinfo:before,
#foot_bath #tit_moreinfo:after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}

#foot_bath #tit_moreinfo:before {
  margin-right: .5rem;
}

#foot_bath #tit_moreinfo:after {
  margin-left: .5rem;
}

.open_air_bath_box table {
  /*  width: 100%; */
  width: 95%;
}

.open_air_bath_box p {
  width: 100%;
}

.open_air_bath_box p a:hover img {
  opacity: .7;
}

.spa_gallery {
  margin-top: 0;
  margin-left: -1%;
  margin-bottom: 30px;
}

.spa_gallery li {
  margin-left: 1%;
  width: 49%;
  float: left;
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
}

.spa_gallery li a:hover img {
  opacity: .8;
}

.congestion {
  text-align: center;
  border: 3px solid #7a5752;
  padding: 10px;
  margin-bottom: 30px;
  margin-left: 14px;
  width: 95%;
}

.congestion a {
  color: #7a5752;
  text-decoration: none;
}

ul.congestion_list {
  text-align: left;
}

/* DISH
*********************/
#dish_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 19.5%;
  height: auto;
}

#dish_slider01 h2.open_tit {
  top: initial;
  bottom: 50px;
  left: 20px;
  width: 50%;
  height: auto;
}

#dish_slider02 .slider_cap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#dish_slider02 h2 {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 55.5%;
  height: auto;
}


#dish_slider03 h2 {
  top: 20px;
  left: 20px;
  width: 52.8%;
  height: auto;
}

#dish_slider04 h2 {
  top: 20px;
  left: 20px;
  width: 42.6%;
  height: auto;
}

#dish_slider05 h2 {
  top: 20px;
  left: 20px;
  width: 54.9%;
  height: auto;
}

#dish_slider06 .slider_cap.open_tit {
  top: initial;
  bottom: 40px;
  left: 20px;
}

#dish_slider06 .slider_cap.open_tit h2 {
  margin-bottom: 5px;
  width: 57.4%;
  height: auto;
}

.dish_wrap01 {
  margin: 10px -15px 0 -15px;
  padding: 10px 15px;
  background: none;
}

h4.w_line_img {
  /* margin-bottom: 15px; */
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  width: 90%;
  margin: 0 auto 20px;
  font-size: 1.125rem
}

h4.w_line_img::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #7a5752;
}

h4.w_line_img_center {
  /* margin-bottom: 15px; */
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  width: 90%;
  margin: 0 auto 20px;
  font-size: 1.25rem;
  text-align: center;
}

h4.w_line_img_center::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #7a5752;
  margin: 0 auto;
}

h4.w_line_img_center span {
  font-size: 80%;
  background: #c0bb6d;
  padding: 5px 10px;
  color: #fff;
  margin: 0 10px 10px 0;
  display: inline-block;
  border-radius: 10px;
}

/* .dish_wrap01 p.main_img {
  margin: 0 0 15px 0;
  padding: 0 35px;
  text-align: center;
} */
.dish_wrap01 p.main_img {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 90%;
}

.dish_wrap01 p.main_img img {
  width: 100%;
  height: auto;
}

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

.dish_wrap01 .dish_lead01 dt {
  margin-bottom: 5px;
  font-size: 1.125em;
  font-weight: bold;
}

#top .page-dish #buffet .dish_wrap01 .dish_sammary .dish_lead01 dt div.kana {
  width: auto;
  font-size: 0.8rem;
  display: inline-block;
}

.dish_wrap01 .dish_lead01 dd {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
  font-size: .875em;
}

.dish_wrap01 .dish_lead01 .anti-aliasing span {
  position: relative;
  width: 30px;
  display: inline-block;
  text-align: center;
}

.dish_wrap01 .dish_lead01 .anti-aliasing span:before {
  position: absolute;
  top: -1px;
  left: 6px;
  content: 'くら';
  display: inline-block;
  font-size: .4em;
  line-height: 1;
  letter-spacing: 0;
}

.dish_wrap01 .dish_lead01 .anti-aliasing span.gin:before {
  position: absolute;
  top: -1px;
  left: 6px;
  content: 'ぎん';
  display: inline-block;
  font-size: .4em;
  line-height: 1;
  letter-spacing: 0;
}

.dish_wrap01 .year_cmt {
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
  font-size: .875em;
}

.dish_wrap01 .data_wrap01 {
  margin-top: 0;
}


.page-dish .lower_more_btns {
  margin: 20px 0 0 0;
}

.page-dish .dish_separate01 ul {
  margin: 0;
  height: auto;
  overflow: visible;
}

.page-dish .dish_separate01 ul li {
  margin: 0;
  font-size: 1em;
}

.page-dish .dish_separate01 ul.more_btn {
  margin-top: 10px;
}

.page-dish .dish_separate01 ul.more_btn li {
  padding: 0 30px;
}

/* .page-dish .dish_separate01 ul.more_btn li a {
      padding: 0;
      background: none; } 
      .page-dish .dish_separate01 ul.more_btn li a:after {
        content: none; }*/
.page-dish .dish_separate01 ul.more_btn li {
  padding: 0;
  position: relative;
  margin: 5px auto;
}

.more_btn li {
  width: 90%;
  margin: 0 auto;
}

.dish_separate01 .more_btn li {
  width: 100%;
}

.more_btn.room_rsv{
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}

.more_btn.room_rsv li{
  width: 100%;
  margin-bottom: 20px;
}

.page-dish .map a {
  pointer-events: none;
}

.dish_wrap01 .dish_sammary .buffet_link,
#buffet .viking-section .buffet_link {
  display: inline-block;
  padding: 5px 10px;
  margin: 10px 0;
  font-weight: 800;
  color: #7a5752;
}


.dish_wrap02 a:hover img {
  opacity: .8;
}

.dish_wrap02_lead {
  font-size: .875em;
  color: #878585;
  text-align: center;
}

#one_coin .more_btn {
  padding: 0 15px;
}

#one_coin .more_btn a:hover img {
  opacity: .8;
}

#one_coin_list01 {
  display: table;
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
}

#one_coin_list01 li {
  display: table-cell;
  width: 33.33%;
  padding: 0 1%;
  vertical-align: top;
}

#one_coin_list01 li img {
  display: block;
  margin: 0 auto;
}

#one_coin_list01 li>img {
  margin-bottom: 4px;
  padding: 3px;
  border: 1px solid #817973;
}

#one_coin_list01 li:nth-child(1) img:last-child {
  width: 86px;
}

#one_coin_list01 li:nth-child(2) img:last-child {
  width: 96px;
}

#one_coin_list01 li:nth-child(3) img:last-child {
  width: 60px;
}

#one_coin_list02 {
  width: 60%;
  margin: 0 auto;
}

#one_coin_list02 li {
  font-size: .875em;
  color: #878585;
  float: left;
  white-space: nowrap;
  line-height: 2;
}

#one_coin_list02 li:nth-child(2n) {
  padding-right: 1em;
}

#one_coin_list02 li:before {
  content: '◆';
}

#one_coin_list02 li:first-child,
#one_coin_list02 li:last-child {
  width: 100%;
  padding-bottom: 10px;
}

#one_coin_list02 li:first-child:before,
#one_coin_list02 li:last-child:before {
  content: '';
}

#one_coin_list02 li:nth-child(10):before {
  content: '　　・・・';
}

#banquet .map {
  padding: 0 20px;
}

#banquet .more_btn {
  padding: 0 15px;
}

table#table-banquet {
  display: table;
  margin-left: 14px;
  margin-bottom: 25px;
}

table#table-banquet tbody {
  display: table-row-group;
}

table#table-banquet tr {
  display: table-row;
}

table#table-banquet tr:nth-child(2n+1) {
  background: #f2e6e4;
}

table#table-banquet th,
table#table-banquet td {
  display: table-cell;
  padding: 5px 5px;
  width: auto;
}

table#table-banquet th {
  background: #878585;
  font-size: .812em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-right: 5px solid #FFF;
}

table#table-banquet td {
  text-align: center;
  color: #878585;
  font-size: 0.75em;
  vertical-align: middle;
}

.dish_limited .dish_sammary h4 {
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 1em;
  color: #878585;
  text-align: left;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: bold;
}

.dish_limited .dish_sammary h4+p {
  font-size: .875em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  width: 90%;
  margin: 20px auto;
}

.dish_limited .data_wrap01 h4 {
  margin-bottom: 0;
  padding: 0;
  border: none;
  color: #878585;
}

.dish_limited .data_wrap01 ul {
  margin: 0;
  height: auto;
  overflow: visible;
}

.dish_limited .data_wrap01 li {
  margin: 0;
  padding: 0 3px;
  font-size: .813em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.dish_limited .data_wrap01 p {
  margin: 0;
  padding: 0;
  font-size: .813em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  line-height: 2;
}

/*kuksa*/

#kuksa.lower_theme01 h3 span {
  font-size: 0.85em;
}

.page-dish .kuksa_intro,
.page-spa .room_intro {
  margin: 10px 0 0 0;
  padding: 10px 15px;
  height: auto;
}

.page-dish .kuksa_intro .flex_box,
.page-spa .room_intro .flex_box {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}

.page-dish .kuksa_intro .img_area {
  width: 100%;
  max-width: 412px;
}

.page-dish .kuksa_intro .img_area img {
  width: 100%;
}

.page-dish .kuksa_intro .txt_area {
  color: #878585;
  width: 100%;
  background: url(../../dish/img/img_kukusa_map.jpg) #fff;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 30px 30px 250px;
}

.page-dish .kuksa_intro .txt_area h4 {
  font-size: 1em;
}

.page-dish .kuksa_intro .txt_area p {
  font-size: 0.8em;
}

.page-dish .kuksa_intro .menu_slider,
.page-spa #room_bath .room_slider{
  width: 100%;
  position: relative;
}

.page-dish .kuksa_intro .menu_slider span,
.page-spa #room_bath .room_slider span{
  position: absolute;
  display: inline-block;
  right: 5px;
  bottom: 0;
  color: #fff;
  font-size: 0.7em;
}

.page-dish .kuksa_intro .menu_slider .slick-slide img,
.page-spa #room_bath .room_slider .slick-slide img{
  width: 100%;
}

.page-dish .kuksa_intro .menu_area,
.page-spa #room_bath .room_intro_area {
  width: 100%;
  padding: 30px;
  background: #fff;
}

.page-dish .kuksa_intro .menu_area {
  width: 100%;
  padding: 30px 20px;
  background: #fff;
}

.page-dish .kuksa_intro h4,
.page-spa #room_bath  h4 {
  margin-top: 0;
}

.page-dish .kuksa_intro .menu_area th {
  width: 29%;
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: top;
  text-align: left;
}

.page-dish .kuksa_intro .menu_area td {
  width: 69%;
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: top;
}

.page-dish .kuksa_intro .menu_area td .sp{
  display: inline-block;
}
.page-dish .kuksa_intro .menu_area td .pc{
  display: none;
}
/* BANQUET
*********************/
.page-banquet #banquet_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 15%;
  height: auto;
}

.page-banquet #banquet_slider01 h2 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-banquet #buffet .data_wrap01 {
  margin-top: 15px;
}

.page-banquet #buffet .data_wrap01 dl {
  position: relative;
  padding: 0;
  background: none;
}

.page-banquet #buffet .data_wrap01 dl dt {
  width: 25%;
  background: url(../../dish/banquet/img/bg_tit01.png) no-repeat 50%;
  background-size: 100% 100%;
  font-size: 1.142em;
  padding: 0 15px 5px 15px;
  text-align: center;
  font-family: "游明朝", "Shuei Mincho L", "dnp-shuei-mincho-pr6";
  font-weight: normal;
}

.page-banquet #buffet .data_wrap01 dl dt:before {
  content: none;
}

.page-banquet #buffet .data_wrap01 dl dd {
  margin-bottom: 15px;
}

.page-banquet #buffet .data_wrap01 table#table-banquet {
  margin: 0 auto auto;
}

.page-banquet #buffet .data_wrap01 .map_wrap {
  width: 95%;
  margin: 0 auto;
}

.page-banquet #buffet .data_wrap01 .map_wrap p {
  margin-bottom: 0;
}

.page-banquet #buffet .more_btn {
  padding: 0 15px;
}

.page-banquet #buffet .more_btn img {
  display: block;
  margin: 0 auto;
}

.page-banquet #buffet .more_btn a:hover img {
  opacity: .8;
}

.page-banquet #banquet_food .lower_section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-banquet #banquet_food .lower_section .dish_wrap01 {
  margin-top: 0;
}

.page-banquet #banquet_food .more_btn {
  padding: 0 15px;
}

.page-banquet #afterparty .afterparty_wrap{
  width:90%;
  margin: 0 auto;
}

.page-banquet #afterparty h4.w_line_img{
  width: 100%;
  font-size:1.25em;
}

.page-banquet #afterparty h4.w_line_img span{
  font-size:1rem;
}

.page-banquet #afterparty .party_image {
  width: 100%;
  margin:0 auto;
}

.page-banquet #afterparty .party_image img {
  width: 100%;
  height: auto;
}

.page-banquet #afterparty .data_wrap01{
  margin-top: 20px;
  width:100%;
}

.page-banquet #afterparty .lead {
  font-size: .875em;
  width: 100%;
  margin: 10px auto;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-banquet #afterparty #afterparty_cmt {
  color: #333333;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: left;
  padding: 12px 0;
  margin: 0;
}

.page-banquet #afterparty .afterparty_wrap.ptn02 {
  margin: 25px auto;
}

.page-banquet #afterparty .lower_section {
  padding-bottom: 0;
}

.page-banquet #option .option{
  width: 90%;
  margin:0 auto;
}

.page-banquet #option .option_box {
  width: 80%;
  margin: 0 auto;
  height: auto;
}

/* .page-banquet #option .option_box:nth-child(2n+1) {
  padding: 0 7px 0 0;
}

.page-banquet #option .option_box:nth-child(2n) {
  padding: 0 0 0 7px;
} */

.page-banquet #option .option_box>p {
  margin-bottom: 5px;
  padding: 0 0 0 16px;
  font-size: .813em;
  background: url(../../dish/banquet/img/ico_banquet01.png) no-repeat 0 4px;
  background-size: 15px auto;
  letter-spacing: -0.05em;
}

.page-banquet #option .option_box ul {
  margin: 0 0 15px 0;
}

.page-banquet #option .option_box ul li {
  font-size: .75em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-banquet #option .option_box ul li img {
  width: 100%;
  height: auto;
}

.page-banquet #option .option_box ul li .indent {
  display: block;
  padding-left: 0;
  margin-left: 1em;
  text-indent: -1em;
}

.page-banquet #conference-room .visual .visual_image {
  margin: 0 -15px;
}

.page-banquet #conference-room .lower_lead_summary {
  padding: 15px 0;
}

.page-banquet #conference-room .lower_section {
  padding-bottom: 25px;
  padding-top: 0;
}

.page-banquet #conference-room .lower_section p {
  text-align: center;
}

.page-banquet #conference-room #table-hall,
.page-banquet #conference-room #table-hall02 {
  width: 100%;
}

.page-banquet #conference-room #table-hall th,
.page-banquet #conference-room #table-hall td,
.page-banquet #conference-room #table-hall02 th,
.page-banquet #conference-room #table-hall02 td {
  font-size: .563em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-banquet #conference-room #table-hall th,
.page-banquet #conference-room #table-hall02 th {
  padding: 5px 3px;
  background: #878585;
  color: #fff;
  font-weight: bold;
  border: 3px solid #fff;
  text-align: center;
  word-break: keep-all;
}

.page-banquet #conference-room #table-hall td,
.page-banquet #conference-room #table-hall02 td {
  color: #878585;
  text-align: center;
  border-right: 1px dashed #ede5db;
}

.page-banquet #conference-room #table-hall .pc_only,
.page-banquet #conference-room #table-hall02 .pc_only {
  display: none;
}

.page-banquet #conference-room #table-hall02 tr {
  display: block;
  width: 50%;
  float: left;
}

.page-banquet #conference-room #table-hall02 th {
  width: 5em;
}

.page-banquet #conference-room #table-hall02 td {
  border-right: none;
}

.page-banquet .banquet_foot {
  padding: 15px 0;
  background: url(../../dish/banquet/img/bg_btn01.png);
  background-size: 100% 100%;
}

.page-banquet .banquet_foot li {
  padding: 0 15px;
}

.page-banquet .banquet_foot li img {
  display: block;
  margin: 0 auto;
}
.page-banquet .only_btn{
  width:90%;
  max-width: 1200px;
  margin: 0 auto;
}


/* VIKING
*********************/
.page-viking #buffet {
  background: url("../../dish/buffet/img/page_bg.png");
  padding-bottom: 40px;
}

.page-viking img {
  max-width: 100%;
}

.page-viking #viking_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 26%;
  height: auto;
}

.page-viking #viking_slider01 h2 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-viking #room_lead {
  background: none;
}

.page-viking .viking-header {
  padding: 20px 10px;
  background: url("../../dish/buffet/img/ttl_bg.png") repeat-x center;
  text-align: center;
  color: #DBC4A7;
}

.page-viking .viking-header_en {
  display: inline-block;
  width: 55%;
  margin: auto;
  padding: 0 .75em 3px .75em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #DBC4A7;
  color: #1F150E;
  letter-spacing: 1em;
  text-align: center;
  font-size: .625em;
  line-height: 1;
}

.page-viking .viking-header_jp {
  margin: 0;
  font-size: 1.125em;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  line-height: 1.2;
}

.page-viking .viking-body {
  padding: 0 6% 10px 6%;
}
.page-viking .viking-body h3.new_h3{
  font-size:1.312em;
  position: relative;
  padding-top:30px;
}

.page-viking .viking-body h3 span{
  color:#bb7c78;
  font-size:0.875em;
  transform: rotate(-20deg);
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
}

/*monthly_menu*/

.page-viking .viking-body .monthly_menu{
  background:#FFF;
  width: 100%;
  margin: 35px auto;
  padding: 15px;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.page-viking .viking-body .monthly_menu > h4{
  font-size: 1.25em;
  text-align: center;
  background: #eca69d;
  color:#FFF;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
  padding: 10px;
  margin: 0;
}
.page-viking .viking-body .monthly_menu div{
  width: 90%;
  margin: 30px auto;
}
.page-viking .viking-body .monthly_menu div h4{
  font-size: 1.2em;
  padding: 0 0 10px;
  margin: 0 0 15px;
  border-bottom: 3px solid #eca69d;
}
.page-viking .viking-body .monthly_menu li{
  position: relative;
  padding: 0 0 0 1.2em;
}
.page-viking .viking-body .monthly_menu li:before{
  content:"・";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}


.page-viking .viking-lead {
  text-align: center;
  font-size: 0.9375em;
  color: #323232;
}

.page-viking .viking-lead span {
  font-size: .8em;
}

.page-viking .viking-btn {
  display: block;
  width: 80%;
  margin: auto;
  padding: .5em;
  color: #fff;
  background: -webkit-linear-gradient(#fbfccf 0%, #b59229 50%, #664003 100%);
  background: linear-gradient(#fbfccf 0%, #b59229 50%, #664003 100%);
  text-decoration: none;
  text-align: center;
  font-size: 0.75em;
  box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.page-viking .viking-btn:hover {
  opacity: .8;
  color: #fff;
}

.page-viking .viking-sub {
  margin-top: 0;
  padding: 7px;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  text-align: center;
  background: url("../../dish/buffet/img/sub_ttl_bg.png") no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  font-size: 0.9375em;
  color: #878585;
  font-weight: bold;
}

.page-viking .viking-goodpoint {
  background: url(../../dish/buffet/img/sub_ttl_bg_2.png) no-repeat center top;
  -webkit-background-size: contain;
  background-size: contain;
  padding-top: 23px;
}

.page-viking .viking-live {
  margin-bottom: 20px;
}

.page-viking .viking-live:last-child {
  margin-bottom: 0;
}

.page-viking .viking-live p {
  margin: 0;
  color: #878585;
  font-size: 0.75em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-viking .viking-live p img {
  width: 100%;
}

.page-viking .viking-live_ttl {
  position: relative;
  margin: 0;
  padding: 3px 80px 3px 45px;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  font-size: 0.9375em;
  background: url("../../dish/buffet/img/live-bg.png") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #4F2E19;
}

.page-viking .viking-live_ttl:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 1px;
  display: block;
  width: 36px;
  height: 36px;
  background: url("../../dish/buffet/img/dinner_icon.png") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}

.page-viking .viking-live_ttl:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 76px;
  height: 13px;
  margin: auto;
  background: url("../../dish/buffet/img/dinner_live_txt.png") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}

.page-viking .viking-pizza p {
  margin: 0;
  color: #878585;
  font-size: 0.6875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-viking .viking-pizza p img {
  width: 100%;
}

.page-viking .viking-pizza_ttl {
  margin: 0;
  padding: 5px 10px;
  background: #B62121 url("../../dish/buffet/img/point_ttl_bg.png") no-repeat right center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 0.9375em;
}

.page-viking .viking-season {
  margin-bottom: 20px;
}

.page-viking .viking-season p {
  margin: 0;
  font-size: 0.75em;
  color: #323232;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-viking .viking-season_list {
  margin-top: 5px;
}

.page-viking .viking-season_list li {
  color: #323232;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.75em;
}

.page-viking .viking-season_ttl {
  color: #000;
  text-align: center;
  font-size: 0.9375em;
}

.page-viking .viking-season figure img {
  width: 100%;
}

.page-viking .viking-season figcaption {
  margin-bottom: 7px;
}

.page-viking .viking-season-lead01 {
  text-align: center;
  font-size: 0.9375em;
  font-weight: bold;
}

.page-viking .viking-season-lead02 {
  margin: 0 -4%;
  text-align: center;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.75em;
  color: #878585;
}

.page-viking .viking-unit {
  margin-bottom: 15px;
  color: #323232;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.75em;
}

.page-viking .viking-unit img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.page-viking .viking-row_col {
  margin-bottom: 10px;
}

/* ROOM
*********************/
#room_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 15%;
  height: auto;
}

#room_slider01 h2.open_tit {
  top: initial;
  bottom: 50px;
  left: 20px;
  width: 50%;
  height: auto;
}

#room_slider02 .slider_cap {
  bottom: 50px;
  left: 20px;
}

#room_slider02 .slider_cap.open_tit {
  bottom: 30px;
  left: 20px;
}

#room_slider02 .slider_cap h2 {
  margin-bottom: 5px;
  width: 57.4%;
  height: auto;
}

#room_slider02 .slider_cap.open_tit h2 {
  margin-bottom: 5px;
  width: 57.4%;
  height: auto;
}

#room_slider03 .slider_cap {
  text-align: right;
  top: 20px;
  right: 5%;
  width: 95%;
}

#room_slider03 .slider_cap h2 {
  margin-bottom: 5px;
}

#room_slider03 .slider_cap h2 img {
  width: 77.8%;
  height: auto;
}

#room_slider03 .slider_cap p {
  width: 100%;
  padding: 0;
}


#room_slider04 .slider_cap {
  top: 20px;
  left: 20px;
}

#room_slider04 .slider_cap h2 {
  margin-bottom: 5px;
  width: 91.7%;
  height: auto;
}



#room_lead,
.page-room .room_foot {
  background: none;
}

.page-room .data_wrap01 h4 {
  padding: 3px 0 3px 10px;
  background: #e6aca1;
  border: none;
  color: #fff;
}

.page-room .data_wrap01 h4:before {
  content: '◆';
  display: inline-block;
  padding-right: 5px;
}

.page-room .data_wrap01 .room_map {
  margin-bottom: 30px;
}

.page-room .data_wrap01 .room_map img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.page-room .data_wrap01 .room_map img.btn_zoom {
  display: none;
}

.page-room .data_wrap01 .room_map a {
  pointer-events: none;
}

.page-room #room_lead .data_wrap01 h4 {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1.125em;
  color: #878585;
  border-bottom: 1px solid #b6b6b6;
  border-left: 4px solid #c8ae58;
  background: none;
  font-weight: normal;
}

.page-room #room_lead .data_wrap01 h4:before {
  content: none;
}

.page-room .lower_theme01 .data_wrap01 section{
  overflow: auto;
}

.plan_link_only {
  width: 90%;
  max-width: 600px;
  margin:20px auto;
}

.btn_room_open {
  margin: 40px auto 60px;
  padding: 10px 0;
  text-align: center;
  background-image: none;
  cursor: pointer;
  color: #7a5752;
  font-size: 0.92em;
  border: 1px solid #7a5752;
  width: 90%;
}

.btn_room_open.active {
  transform: rotate(0);
  transition: transform .5s;
}

.btn_room_open.active img {
  transform: rotate(180deg);
}

.btn_room_open img {
  display: block;
  margin: 3px auto 0 auto;
  width: 22px;
  height: auto;
}

.room_special_plan {
  margin: 20px auto 30px;
  padding: 15px 20px;
  background: #fff;
  width: 90%;
}

.room_special_plan h4 {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1em;
  color: #878585;
  border-bottom: 1px solid #5f5f5f;
  border-left: 4px solid #5c4f38;
}

.room_special_plan dl {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.room_special_plan dl dt {
  display: inline-block;
  margin-bottom: 5px;
  color: #b51d1d;
  text-decoration: underline;
}

.room_special_plan dl dt a {
  color: #b51d1d;
  text-decoration: none;
}

.room_special_plan dl dt a:hover {
  opacity: .8;
}

.room_special_plan dl dd {
  font-size: .875em;
  color: #878585;
}

.room_special_plan p:last-child {
  margin: 0;
}

.room_special_plan .room_special_plan_price span {
  padding: 3px 10px;
  text-align: right;
  display: inline-block;
  background: #5c4f38;
  color: #fff;
}

.room_special_plan a:hover img {
  opacity: .8;
}

.room_special_plan.ptn02 .room_special_plan_inner p {
  font-size: .875em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.room_special_plan.ptn02 .room_special_plan_image img {
  width: 100%;
  height: auto;
}

/* FLOORGUIDE
*********************/
#floorguide_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 15%;
  height: auto;
}




.page-floorguide #for_wheelchair {
  font-size: 1.075em;
  text-align: center;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-floorguide #for_wheelchair .arrow {
  position: relative;
  display: inline-block;
  padding: 0 16px 0 0;
  vertical-align: middle;
}

.page-floorguide #for_wheelchair .arrow::before,
.page-floorguide #for_wheelchair .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.page-floorguide #for_wheelchair a {
  position: relative;
  color: #878585;
}

.page-floorguide #for_wheelchair a img {
  height: 10px;
  width: auto;
}

.page-floorguide #for_wheelchair a:before {
  right: -4px;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #878585;
}

.page-floorguide p.floor {
  margin: 0;
  padding: 13px 0;
  letter-spacing: .2em;
  text-indent: -.2em;
  text-align: center;
  color: #fff;
  background: #994c4c;
  font-size: 1.312em;
}


.page-floorguide .lower_theme01 {
  margin: 40px auto;
  border-bottom: 1px solid #b6b6b6;
}

.page-floorguide .lower_theme01.floor_last {
  border-bottom: inherit;
}

.page-relaxation .lower_theme01 {
  padding-bottom: 40px;
}


.page-floorguide .visual,
.page-relaxation .visual {
  margin-top: 40px;
}

.page-floorguide .visual .visual_image {
  margin: 0;
}

.page-floorguide .visual .visual_image img {
  width: 100%;
  height: auto;
}

.page-floorguide .data_wrap01 table tr.table_hr th {
  margin-top: 10px;
  padding-top: 20px;
}

.page-floorguide #buffet table ul li {
  margin-left: 1em;
  text-indent: -1em;
}

.page-floorguide #buffet .lower_more_btns img.sp {
  display: block;
  margin: 0 auto;
}

.page-floorguide #buffet .lower_more_btns li {
  padding: 0 15px;
  margin-bottom: 5px;
}


.page-floorguide #hall #table-hall {
  width: 100%;
}

.page-floorguide #hall #table-hall th,
.page-floorguide #hall #table-hall td {
  font-size: .563em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-floorguide #hall #table-hall th {
  padding: 5px 3px;
  background: #878585;
  color: #fff;
  font-weight: bold;
  border: 3px solid #fff;
  text-align: center;
  word-break: keep-all;
}

.page-floorguide #hall #table-hall td {
  color: #878585;
  text-align: center;
  border-right: 1px dashed #ede5db;
}

.page-floorguide #hall p {
  margin-bottom: 0;
}

.page-floorguide #hall .data_wrap02 {
  width: 90%;
  margin: 20px auto;
}

.page-floorguide #terrace h3 span,
.page-dish #kuksa h3 span {
  font-size: .7em;
}
.page-floorguide #coffee h3 span {
  font-size: .7em;
  font-weight: normal;
}

.page-floorguide #banquet_hall .data_wrap01 p {
  padding: 0 20px;
}

/* .page-floorguide #spa h3 {
  position: relative;
  margin: 0;
  padding: 13px 0 25px 0;
  background: url(../../spa/img/bg_spa_tit01.jpg) repeat-x 50%;
  background-size: auto 100%;
  line-height: 62px;
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-indent: -.2em;
  line-height: 1;
  box-shadow: 1px 1.732px 7.6px 0.4px rgba(0, 0, 0, 0.3);
  z-index: 500;
} */

.page-floorguide #spa h3 span {
  position: relative;
}

.page-floorguide #spa h3 span:before {
  position: absolute;
  top: -1px;
  left: 14px;
  content: 'び せ ん';
  display: inline-block;
  font-size: .4em;
  line-height: 1;
  letter-spacing: 0;
}

/* .page-floorguide #salon h3 {
  position: relative;
  margin: 0;
  padding: 5px 0 25px 0;
  background: url(../../spa/img/bg_spa_tit01.jpg) repeat-x 50%;
  background-size: auto 100%;
  line-height: 62px;
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-indent: -.2em;
  line-height: 1;
  box-shadow: 1px 1.732px 7.6px 0.4px rgba(0, 0, 0, 0.3);
  z-index: 500;
} */

.page-floorguide #salon h3 span.sub {
  display: block;
  padding-bottom: 15px;
  font-size: .7em;
}

.page-floorguide #salon h3 span.cap {
  position: relative;
}

.page-floorguide #salon h3 span.cap:before {
  position: absolute;
  top: -1px;
  left: 19px;
  content: 'パ ラ デ ィ ー ゾ';
  display: inline-block;
  font-size: .4em;
  line-height: 1;
  letter-spacing: .2em;
}

/* .page-floorguide #steamed_bun h3 {
  position: relative;
  margin: 0;
  padding: 13px 0 25px 0;
  font-size: 1.312em;
  background: url(../../spa/img/bg_spa_tit01.jpg) repeat-x 50%;
  background-size: auto 100%;
  line-height: 62px;
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-indent: -.2em;
  line-height: 1;
  box-shadow: 1px 1.732px 7.6px 0.4px rgba(0, 0, 0, 0.3);
  z-index: 500;
} */

.page-floorguide #steamed_bun h3 span.sub {
  display: block;
  padding-bottom: 15px;
  font-size: .82em;
}

.page-floorguide #steamed_bun h3 span.cap {
  position: relative;
}

.page-floorguide #steamed_bun h3 span.cap:before {
  position: absolute;
  top: -1px;
  left: 33px;
  content: 'カ ラ カ ラ';
  display: inline-block;
  font-size: .4em;
  line-height: 1;
  letter-spacing: .2em;
}

.page-floorguide #bar h3 span.sub,
.page-floorguide #night_club h3 span.sub {
  display: block;
  padding-bottom: 10px;
  font-size: .82em;
}

.page-floorguide #pool ul {
  padding: 0 15px;
}

.page-floorguide #pool #floorguide_slider02 ul {
  padding: 0;
}

.page-floorguide #pool li {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: .875em;
  color: #878585;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}

.page-floorguide #pool th {
  white-space: nowrap;
}

.mac .page-floorguide #spa h3 span::before,
.mac .page-floorguide #salon h3 span::before,
.mac .page-floorguide #steamed_bun h3 span::before {
  top: -11px;
}

.iphone .page-floorguide #spa h3 span::before,
.iphone .page-floorguide #salon h3 span::before,
.iphone .page-floorguide #steamed_bun h3 span::before {
  top: -8px;
}

/* UNIVERSALDESIGN
*********************/
.page-universaldesign02 {
  /*#store.lower_slider {
  	.slick-dots {
  		bottom: 20px;
  	}
  }*/
}

.page-universaldesign02 .img_top {
  position: relative;
}

.page-universaldesign02 .img_top p {
  margin: 0;
}

.page-universaldesign02 .img_top p img {
  width: 100%;
  height: auto;
}

.page-universaldesign02 .img_top h2 {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 40px;
  width: 7.5%;
  max-width: 61px;
  height: auto;
}

.page-universaldesign02 .img_top h2 img {
  width: 100%;
  height: auto;
}

.page-universaldesign02 .data_wrap01 h4 {
  margin-top: 20px;
  font-size:1.125rem;
}



.page-universaldesign02 .data_wrap01 p {
  padding: 0 15px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
  font-size: .975em;
}

.page-universaldesign02 .data_wrap01 .ud_info p {
  margin: 1em 15px;
  padding: 5px 5px 10px 5px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #878585;
  text-align: center;
  border: 1px solid #6d5a41;
  border-radius: 4px;
}

.page-universaldesign02 .data_wrap01 .ud_info p br {
  display: inline;
}

.page-universaldesign02 #ud_contact {
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 5px 20px 15px 20px;
  border: 1px solid #7a7165;
  background: #fff;
  text-align: center;
  width: 90%;
}

.page-universaldesign02 #ud_contact dt {
  color: #878585;
}

.page-universaldesign02 #ud_contact dd {
  margin-bottom: 5px;
  color: #878585;
  line-height: 1.2;
}

.page-universaldesign02 #ud_contact dd span {
  position: relative;
  bottom: -4px;
  font-size: 1.96em;
  color: #970000;
}

.page-universaldesign02 .lower_slider {
  padding: 0 15px 15px 15px;
}


.page-universaldesign02 .lower_slider .slick-slider {
  margin-top: 0;
}

/* .page-universaldesign02 .lower_slider .slick-dots {
  bottom: 10px;
} */

.page-universaldesign02 .lower_theme01 {
  margin-top: 40px;
}

.page-universaldesign02 .indent p {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

/* BIRCH-TERRACE
*********************/
#birch_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 30%;
  height: auto;
}

/* .page-birch-terrace #room_lead,
.page-birch-terrace .lower_section {
  background: url(../../floorguide/birch-terrace/img/base_bg.png) repeat 50%;
} */

.page-birch-terrace .cont {
  text-align: center;
  margin-top: 40px;
}

.page-birch-terrace .cont h3 img {
  width: 30%;
  max-width: 228px;
}

.page-birch-terrace .cont h3+div {
  padding: 20px 3% 40px;
}

.page-birch-terrace .cont h3+div img {
  max-width: 100%;
}

.page-birch-terrace .cont h3+div span {
  color: #60513e;
  font-size: 12px;
}


.page-birch-terrace #cont1 h3 {
  margin: 0;
  padding: 5% 0;
  background: url(../../floorguide/birch-terrace/img/cont1_h3_bg.png) no-repeat center center, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
  background-size: auto 100%, auto 100%;
}

.page-birch-terrace #cont1 h3+div>ul {
  text-align: left;
  letter-spacing: -0.4em;
}

.page-birch-terrace #cont1 h3+div>ul>li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  text-align: center;
  letter-spacing: normal;
}

.page-birch-terrace #cont1 h3+div>ul>li:nth-child(odd) {
  margin-right: 3%;
}



.page-birch-terrace #cont1 h3+div>ul>li figure.gentei,
.page-birch-terrace #cont1 h3+div>ul>li figure.eatin {

  position: relative;
}

.page-birch-terrace #cont1 h3+div>ul>li figure.gentei:before {
  content: '';
  display: inline-block;
  width: 100%;
  max-width: 290px;
  padding-top: 100%;
  background: url(../../floorguide/birch-terrace/img/cont1_gentei.png) no-repeat left top;
  background-size: 100%;
  position: absolute;
  top: -6%;
  margin-left: -2%;
}
.page-birch-terrace #cont1 h3+div>ul>li figure.eatin:before {
  content: '';
  display: inline-block;
  width: 100%;
  max-width: 290px;
  padding-top: 100%;
  background: url(../../floorguide/birch-terrace/img/cont1_eatin.png) no-repeat left top;
  background-size: 100%;
  position: absolute;
  top: -6%;
  margin-left: -2%;
}

/*newitem*/
.page-birch-terrace #cont1 h3+div>ul>li figure.newitem {
  position: relative;
}

.page-birch-terrace #cont1 h3+div>ul>li figure.newitem:before {
  content: '';
  display: inline-block;
  width: 100%;
  max-width: 290px;
  padding-top: 100%;
  background: url(../../floorguide/birch-terrace/img/cont1_newitem.png) no-repeat left top;
  background-size: 100%;
  position: absolute;
  top: -6%;
  margin-left: -2%;
}

.page-birch-terrace #cont1 h3+div>ul>li figure figcaption {
  margin: 10px 0 40px;
}

/*
.page-birch-terrace #cont1 h3 + div > ul > li:last-child {
  display: block;
  width: 100%;
  margin-top: -20px;
  text-align: left; }

.page-birch-terrace #cont1 h3 + div > ul > li:last-child dl {
  border-top: 1px dashed; }

.page-birch-terrace #cont1 h3 + div > ul > li:last-child dl dt {
  padding: 20px 5% 0; }

.page-birch-terrace #cont1 h3 + div > ul > li:last-child dl dt img {
  width: 65%;
  max-width: 320px;
  min-width: 220px; }

.page-birch-terrace #cont1 h3 + div > ul > li:last-child dl dd {
  padding: 0 5% 20px;
  border-bottom: 1px dashed;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #917e66; }*/




.page-birch-terrace #cont1 h3+div>ul>li.photo_none {
  display: block;
  width: 290px;
  margin: -20px auto 0 auto;
  text-align: left;
}

.page-birch-terrace #cont1 h3+div>ul>li.photo_none dl {
  /*border-top: 1px dashed;*/
}

.page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dt {
  padding: 20px 5% 5px 5%;
}

.page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dt.margin_top_none {
  padding: 20px 5% 5px 5%
}

.page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dt img {
  width: 65%;
  max-width: 320px;
  min-width: 220px;
}

.page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dd {
  padding: 0 5% 20px;
  border-bottom: 1px dashed;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #917e66;
}

.page-birch-terrace #cont1 #new_menu_list02 li.photo_none dl dd {
  padding: 5% 5% 20px;
  border-bottom: 1px dashed;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #917e66;
  text-align: left;
}


.page-birch-terrace #cont1 h3+div>section {
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #292929;
  background: url(../../floorguide/birch-terrace/img/cont1_drink_bg2.png) no-repeat center top, url(../../floorguide/birch-terrace/img/cont1_drink_bg3.png) no-repeat center bottom, url(../../floorguide/birch-terrace/img/cont1_drink_bg1.png) repeat-y center top;
  background-size: 100% auto;
  padding: 2% 10% 15%;
}

.page-birch-terrace #cont1 #birch-terrace_cmt {
  margin: 0;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #292929;
  padding: 20px 0 5px 0;
  text-align: left;
}

.page-birch-terrace #cont1 h3+div>section h4 {
  border-bottom: 1px solid #292929;
}

.page-birch-terrace #cont1 h3+div>section h4 img {
  width: 80%;
  max-width: 350px;
}

.page-birch-terrace #cont1 h3+div>section span {
  font-weight: normal;
}

.page-birch-terrace #cont1 h3+div>section table {
  width: 100%;
}

.page-birch-terrace #cont1 h3+div>section div:nth-of-type(n+2) table {
  margin-left: 3%;
  width: 97%;
}

.page-birch-terrace #cont1 h3+div>section table th {
  text-align: left;
  vertical-align: top;
}

.page-birch-terrace #cont1 h3+div>section table td {
  text-align: right;
  vertical-align: top;
}

.page-birch-terrace #cont1 h3+div>section h5 {
  text-align: left;
  margin: 1.5em 0 0;
  font-weight: bold;
  font-size: 1em;
}

.page-birch-terrace #cont2 h3 {
  margin: 0;
  padding: 5% 0;
  background: url(../../floorguide/birch-terrace/img/cont2_h3_bg.png) no-repeat center bottom, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
  background-size: 90% auto, auto 100%;
}

.page-birch-terrace #cont3 h3 {
  margin: 0;
  padding: 5% 0;
  background: url(../../floorguide/birch-terrace/img/cont3_h3_bg.png) no-repeat center bottom, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
  background-size: 90% auto, auto 100%;
}

.page-birch-terrace #cont2 h3+div,
.page-birch-terrace #cont3 h3+div {
  padding: 20px 5% 10px;
}

.page-birch-terrace #cont2 h3+div ol,
.page-birch-terrace #cont3 h3+div ol {
  margin: 10px 0 0;
}

.page-birch-terrace #cont2 h3+div ol li,
.page-birch-terrace #cont3 h3+div ol li {
  margin: 0 0 30px;
}

.page-birch-terrace #cont2 h3+div ol li h4,
.page-birch-terrace #cont3 h3+div ol li h4 {
  margin: 0 0 3px;
  line-height: 1;
  background: url(../../floorguide/birch-terrace/img/cont2_h4_bg.png) center;
  background-size: auto 100%;
  text-align: left;
}

.page-birch-terrace #cont2 h3+div ol li h4 img,
.page-birch-terrace #cont3 h3+div ol li h4 img {
  width: 70%;
  max-width: 404px;
  vertical-align: bottom;
}

.page-birch-terrace #cont2 h3+div ol li p,
.page-birch-terrace #cont3 h3+div ol li p {
  margin: 0;
  color: #878585;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-birch-terrace #cont4 h3 {
  margin: 0;
  padding: 5% 0;
  background: url(../../floorguide/birch-terrace/img/cont4_h3_bg.png) no-repeat center bottom, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
  background-size: 90% auto, auto 100%;
}

.page-birch-terrace #cont4 h3+div {
  padding: 20px 5% 40px;
}

.page-birch-terrace #cont4 h3+div>ul {
  margin: 10px 0 0;
}

.page-birch-terrace #cont4 h3+div>ul li {
  margin: 0 0 30px;
}

.page-birch-terrace #cont4 h3+div>ul li:last-child {
  margin-bottom: 0;
}

.page-birch-terrace #cont4 h3+div>ul li p {
  margin: 0;
  color: #878585;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper {
  margin-bottom: 20px;
  background: url(../../floorguide/birch-terrace/img/slide_bg.jpg) no-repeat center top;
  background-size: cover;
  padding: 0 0 3%;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-slide:focus {
  outline: none;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper p {
  color: #fff;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  margin: 10px 10px 0;
  padding: 0;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev,
.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next {
  top: 0;
  width: 45px;
  height: 70px;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev:before,
.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next:before {
  content: '';
  opacity: .75;
  color: #fff;
  font-size: 30px;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev {
  left: 0;
  z-index: 10;
  background: url(../../floorguide/birch-terrace/img/slide_left.png) no-repeat 0 0;
  background-size: 100% auto;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next {
  right: 0;
  z-index: 11;
  background: url(../../floorguide/birch-terrace/img/slide_right.png) no-repeat 0 0;
  background-size: 100% auto;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev:hover,
.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev:focus {
  background: url(../../floorguide/birch-terrace/img/slide_left.png) no-repeat 0 0;
  background-size: 100% auto;
}

.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next:hover,
.page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next:focus {
  background: url(../../floorguide/birch-terrace/img/slide_right.png) no-repeat 0 0;
  background-size: 100% auto;
}


.page-birch-terrace #cont1 #new_menu_list {
    padding: 50px 5% 5px 5%;
}

.page-birch-terrace #cont1 #new_menu_list .list_title img {
    width: 50%;
    max-width: 226px;
}

.page-birch-terrace #cont1 #new_menu_list ol {
    display: block;
    width: 290px;
    margin: -20px auto 0 auto;
    text-align: left;
}

.page-birch-terrace #cont1 #new_menu_list ol li {
    padding: 20px 0 5px 0;
    margin: 10px 0 10px;
    width: initial;
}

.page-birch-terrace #cont1 #new_menu_list ol li img {
    width: 100%;
    max-width: 320px;
    min-width: 220px;
    margin-bottom: 10px;
}

.page-birch-terrace #cont1 #new_menu_list ol li .buffet {
    position: absolute;
    top: 0;
    width: 242px;
    left: 0;
}

.page-birch-terrace #cont1 #new_menu_list ol p {
    padding: 0 0 20px;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #917e66;
}

/*menu_list02*/

.page-birch-terrace #cont1 #new_menu_list02 .list_title img {
    width: 50%;
    max-width: 226px;
}

.page-birch-terrace #cont1 #new_menu_list02 ol {
    width: 290px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: stretch;
}

.page-birch-terrace #cont1 #new_menu_list02 li {
    width: 100%;
    margin: 0 auto 20px;
}


.page-birch-terrace #cont1 #new_menu_list02 ol li p {
    padding: 0 0 20px;
    font-size: 0.75em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only {
    text-align: left;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li .menu_ph {
    width: 65%;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div {
    border-top: 0;
    padding: 0;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div p span {
    font-size: 0.75em;
    color: #60513e;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li .menu_title {
    max-width: 220px;
    margin: 0 auto;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li .menu_title01 {
    max-width: 220px;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li .menu_title02 {
    max-width: 150px;
}

.page-birch-terrace #cont1 #new_menu_list02 ol li .menu_title03 {
    max-width: 270px;
}

.page-birch-terrace #cont1 #new_menu_list02 li figure{
  margin: 30px auto 0;
  width: 100%;
}
.page-birch-terrace #cont1 #new_menu_list02 li figure.gentei {
  position: relative;
}
.page-birch-terrace #cont1 #new_menu_list02 li figure.gentei img{
    width: 65%;
    margin: 0 auto;
}
.page-birch-terrace #cont1 #new_menu_list02 li figure.gentei figcaption img{
  width: 100%;
  max-width: 220px;
}


.page-birch-terrace #cont1 #new_menu_list02 li figure.gentei:before {
  content: '';
  display: inline-block;
  width: 65%;
  max-width: 290px;
  padding-top: 100%;
  background: url(../../floorguide/birch-terrace/img/cont1_gentei.png) no-repeat left top;
  background-size: 100%;
  position: absolute;
  top: -6%;
  margin-left: -2%;
}


/* Access
********************/
.page-access h2.lead {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 40px;
  width: 35%;
  height: auto;
}

.page-access h2.lead img {
  width: 100%;
  height: auto;
}

.page-access {
  padding: 0 0 0;
  text-align: center;
  background: none;
}

.page-access>img {
  width: 100%;
}

.page-access>dl {
  width: auto;
  margin: 25px auto;
  padding: 0 10px;
  overflow: hidden;
}

.page-access>dl dt {
  margin-bottom: 10px;
}

.page-access>dl dt h2 {
  margin: 7px 0 0;
}

.page-access>dl dt h2 img {
  width: 60%;
  max-width: 344px;
}

.page-access>dl dd {
  display: inline-block;
  font-size: 1em;
  color: #000;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

.page-access>dl dd span {
  display: block;
}

.page-access>dl dd span:first-of-type {
  text-align: left;
}

.page-access>dl dd span:first-of-type:before {
  content: '';
  display: inline-block;
  width: 15px;
  margin-right: 2px;
  padding-top: 12px;
  background: url(../../access/img/post.png) no-repeat left top;
  background-size: 100% auto;
}

.page-access #map {
  width: auto;
  margin: 0 10px 20px;
  border: 3px solid #caae8c;
}

.page-access #map iframe {
  width: 100% !important;
  height: 350px !important;
  vertical-align: bottom;
}

/* .page-access section.cont h3 {
  margin: 0 0 -10px;
  padding: 12px 0 33px;
  font-size: 1.125em;
  color: #fff;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  background: url(../../access/img/tit_h3_bg.png) repeat-x center -3px;
  background-size: auto 70px;
} */

.page-access section.cont>div {
  margin: auto;
}

.page-access section.cont>section {
  margin: auto;
  padding: 0 0 20px;
  color: #878585;
  width: 90%;
  max-width: 1200px;
}

.page-access section.cont .accordion {
  display: none;
  width: 90%;
  max-width: 1200px;
  margin:40px auto;
}
.page-access section.cont #use-bus.accordion,
.page-access section.cont #use-jr.accordion{
  width: 100%;
}



.page-access section.cont>.more_btn {
  margin: 40px auto 60px;
  padding: 5px 0;
  border: 1px solid #7a5752;
  background-size: auto 100%;
  color: #7a5752;
  cursor: pointer;
  width: 90%;
}

.page-access section.cont .public_traffic_wrap .more_btn {
  padding: 5px 0;
  background: url(../../access/img/more_bg02.png) repeat-x center top;
  background-size: auto 100%;
  color: #413424;
  cursor: pointer;
}

.page-access section.cont>.more_btn:after,
.page-access section.cont .public_traffic_wrap .more_btn:after {
  content: '';
  display: block;
  padding-top: 15px;
  background: url(../../access/img/more_open.png) no-repeat center bottom;
  background-size: auto 100%;
}

.page-access section.cont>.more_btn.close:after,
.page-access section.cont .public_traffic_wrap .more_btn.close:after {
  background: url(../../access/img/more_close.png) no-repeat center bottom;
  background-size: auto 100%;
}

.page-access section.cont .route {
  margin-bottom: 30px;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-access section.cont .route li:nth-child(odd) {
  line-height: 40px;
  font-size: 1.125em;
  background-color: #fff;
  border: 1px solid #878585;
}

.page-access section.cont .route li:nth-child(even) {
  padding: 15px 15px 15px 50px;
  text-align: left;
}

.page-access section.cont .route li:nth-child(even) span {
  font-size: 0.8em;
  display: block;
}

.page-access section.cont .route li:nth-child(even).walk span {
  margin-right: 10px;
  display: inline-block;
}

.page-access section.cont .route li:first-child {
  background-color: #bb7c78;
  color:#fff;
}

.page-access section.cont .route li:last-child {
  line-height: 60px;
  padding: 0;
  font-size: 0.9em;
  background-color: #f5f0dd;
  border: 1px solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-access section.cont .route li.car {
  background: url(../../access/img/line_car.png) repeat-y 30px top;
  background-size: 10px auto;
}

.page-access section.cont .route li.bus {
  background: url(../../access/img/line_bus.png) repeat-y 30px top;
  background-size: 10px auto;
}

.page-access section.cont .route li.walk {
  background: url(../../access/img/line_walk.png) repeat-y 30px top;
  background-size: 10px auto;
}

.page-access section.cont .route li.train {
  background: url(../../access/img/line_jr.png) repeat-y 30px top;
  background-size: 10px auto;
}

.page-access section.cont .route li.subway {
  background: url(../../access/img/line_subway.png) repeat-y 30px top;
  background-size: 10px auto;
}

/*.page-access section.cont .route li. {
  background:url(../../access/img/line_walk.png)repeat-y 30px top;
  background-size:10px auto; }*/
.page-access section.cont .route li a {
  color: #000;
}

.page-access section.cont .route li:last-child span {
  margin: 0 3%;
}

.page-access section.cont .route li:last-child img {
  width: 91px;
  margin: 0 !important;
  vertical-align: middle;
}

.page-access #cont1 .red {
  color: #b91520;
}

.page-access #cont1 section h4 {
  margin: 0 0 0;
  font-size: 1.125em;
  font-weight: normal;
  letter-spacing: -0.05em;
}

.page-access #cont1 section h4 span:first-of-type {
  letter-spacing: 0.03em;
}

.page-access #cont1 section h4 span:last-of-type {
  display: block;
}

.page-access #cont1 section dl {
  margin: 0 0 0;
  padding: 15px 0 10px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #333;
}

.page-access #cont1 section dl dt {
  margin-bottom: 5px;
  font-size: 0.9375em;
  font-weight: bold;
}

.page-access #cont1 section dl dd {
  padding: 0 10px;
  font-size: 0.8125em;
  line-height: 2;
}

/* .page-access #cont1 section>div {
  margin: 0 10px;
} */

.page-access #cont1 section>div div table.sp_table {
  width: 100%;
  border-top: 2px solid;
  border-bottom: 2px solid;
  text-align: left;
}

.page-access #cont1 section>div div table tr.dash {
  border-top: 1px dotted;
}

.page-access #cont1 section>div div table.sp_table th {
  width: 110px;
  font-size: 0.875em;
  font-weight: normal;
  padding: 3px 10px 5px 25px;
}

.page-access #cont1 section>div div table.sp_table th.head {
  padding-top: 10px;
  font-size: 1.125em;
  font-weight: bold;
}

.page-access #cont1 section>div div table.sp_table td {
  padding: 3px 25px 5px 0;
}

.page-access #cont1 section>div div table.sp_table td.gothic {
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-access #cont1 section>div div table.sp_table .bottom {
  padding-bottom: 10px;
}

.page-access #cont1 section>div div ul {
  margin: 10px 0 0;
}

.page-access #cont1 section>div div ul li {
  margin: 0 0 3px 1em;
  text-indent: -1em;
  text-align: left;
  font-size: 0.875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-access #cont1 section>div div p {
  display: inline-block;
  margin: 5px 0 20px;
  padding: 10px;
  border: 2px solid #b91520;
  background-color: #fff;
  font-size: 0.9375em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: left;
}

.page-access #cont1 section>div figure figcaption {
  line-height: 57px;
  font-size: 1.125em;
}

.page-access #cont1 section>div figure img {
  width: 100%;
}

.page-access #cont2 img {
  margin: 10px 0;
}


.page-access #cont2 section {
  padding: 0 10px;
  color: #878585;
}

.page-access #cont2 section h4 {
  line-height: 43px;
  padding-bottom: 3px;
  font-size: 1.125em;
  font-weight: normal;
  color: #decf98;
  letter-spacing: 0.1em;
  text-indent: 0em;
  background-color: #7a5752;
  border-radius: 8px;
}

.page-access #cont2 section h4:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  margin-top: -2px;
  padding-top: 3px;
  margin-right: 10px;
  background: url(../../access/img/cont2_tit_h4_bg1.png) no-repeat left top;
  background-size: 100% auto;
}

.page-access #cont2 section h4:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  margin-top: -2px;
  padding-top: 3px;
  margin-left: 10px;
  background: url(../../access/img/cont2_tit_h4_bg2.png) no-repeat right top;
  background-size: 100% auto;
}

.page-access #cont2 section dl {
  padding-left: 30px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: justify;
  text-justify: inter-ideograph;
}

.page-access #cont2 section dl dt {
  font-size: 0.875em;
  margin: 25px 0 5px;
  font-weight: bold;
  position: relative;
}

.page-access #cont2 section dl dt:before {
  content: '';
  width: 14px;
  height: 11px;
  background: url(../../access/img/cont2_dt.png) no-repeat left top;
  background-size: 100% auto;
  position: absolute;
  left: -22px;
  top: 5px;
}

.page-access #cont2 section dl dd {
  font-size: 0.875em;
}

.page-access #cont3 section {
  /* margin: 0 10px; */
}

.page-access #cont3 section h4 {
  line-height: 46px;
  padding-left: 10px;
  border-left: 20px solid #e6aca1;
  font-size: 1.125em;
  color: #878585;
  text-align: left;
  letter-spacing: 0.1em;
  background-color: #fff;
}

.page-access #cont3 section ul.list {
  margin: -10px 0 20px;
}

.page-access #cont3 section ul.list li {
  margin-left: 1em;
  text-indent: -1em;
  text-align: left;
  font-size: 0.875em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-access #cont3 section ul.list li a {
  color: #7a5752;
}

/* SIGHTSEEING
********************/


.page-sightseeing>img {
  width: 100%;
}

.page-sightseeing #map_sightseeing {
  width: 100%;
  height: 400px;
  box-shadow: 1px 1.732px 7.6px 0.4px rgba(0, 0, 0, 0.3);
}

.page-sightseeing .sp_none {
  display: none;
}

.page-sightseeing .pc_none {
  display: block;
}

.page-sightseeing h3 {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.page-sightseeing span.small {
  font-size: 0.75em;
}

.page-sightseeing .img_top {
  position: relative;
}

.page-sightseeing .img_top p {
  margin: 0;
}

.page-sightseeing .img_top p img {
  width: 100%;
  height: auto;
}

.page-sightseeing .img_top h2 {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 40px;
  width: 26%;
  max-width: 126px;
  height: auto;
}

.page-sightseeing .img_top h2 img {
  width: 100%;
  height: auto;
}

.page-sightseeing .map_box .lower_section {
  padding: 0;
}

.page-sightseeing .map_box .google_map {
  width: 90%;
  text-align: center;
  max-width: 1500px;
  margin:0 auto;
}

.page-sightseeing .map_box .map_nav {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}

.page-sightseeing .map_box .map_nav p {
  margin: 10px 3%;
  display: flex;
  align-items: center;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  ;
  justify-content: flex-start;
  font-size: 1.125em;
  color: #878585;
  flex: 0 1 44%;
}

.page-sightseeing .map_box .map_nav p span {
  position: relative;
  top: -2px;
}

.page-sightseeing .map_box .map_nav p:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 5px;
}

.page-sightseeing .map_box .map_nav p.red:before {
  background: #ff5252;
}

.page-sightseeing .map_box .map_nav p.blue:before {
  background: #0097a7;
}

.page-sightseeing .map_box .map_nav p.green:before {
  background: #7cb342;
}

.page-sightseeing .map_box .map_nav p.orange:before {
  background: #f57c00;
}

.page-sightseeing .map_box .map_nav p.purple:before {
  background: #673ab7;
}

.page-sightseeing .activity_box .info_box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 62px;
}

.page-sightseeing .activity_box .info_box div.title_box {
  display: flex;
  justify-content: center;
}

.page-sightseeing .activity_box .info_box h4 {
  font-family: "フォーク R", "Folk Regular", "a-otf-ud-shin-go-pr6n";
  letter-spacing: 0.12em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 15px 0 16px;
  font-size: 1.25em;
  word-break: keep-all;
}

.page-sightseeing .activity_box .info_box h4 img {
  content: "";
  max-width: 213px;
  width: 22%;
  height: auto;
  flex: 1 1 500px;
  margin-right: 15px;
  position: relative;
  top: 2px;
}

.page-sightseeing .activity_box .info_box h4 img.arrow02 {
  margin-right: 0;
  margin-left: 15px;
  transform: rotate(-180deg);
}

.page-sightseeing .activity_box .info_box.season_box h4 {
  margin-top: 0;
  color: #ea5251;
}

.page-sightseeing .activity_box .info_box.sports_box h4 {
  color: #10909e;
}

.page-sightseeing .activity_box .info_box.nature_box h4 {
  color: #79ac44;
}

.page-sightseeing .activity_box .info_box.culture_box h4 {
  color: #ea7912;
}

.page-sightseeing .activity_box .info_box.break_box h4 {
  color: #594096;
}

.page-sightseeing .activity_box .info_box ul {
  margin: 0;
}

.page-sightseeing .activity_box .info_box ul li {
  display: flex;
  justify-content: flex-start;
  padding: 14px 19px;
  border-bottom: 1px dashed #7d7d7d;
}

.page-sightseeing .activity_box .info_box ul li p {
  margin: 0;
}

.page-sightseeing .activity_box .info_box ul li p.num {
  margin-right: 12px;
}

.page-sightseeing .activity_box .info_box ul li .info_detail {
  flex: 1 1 100px;
}

.page-sightseeing .activity_box .info_box ul li p.name {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.125em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 9px;
  line-height: 1;
}

.page-sightseeing .activity_box .info_box ul li p.name span.type {
  font-size: 0.7em;
  color: #fff;
  background-color: #84bac0;
  border-radius: 5px;
  display: block;
  max-width: 71px;
  line-height: 1.23;
  width: 100%;
  text-align: center;
  letter-spacing: -2px;
  margin-right: 6px;
  padding: 5px 3px;
}

.page-sightseeing .activity_box .info_box ul li p.tel {
  font-size: 0.875em;
  margin-bottom: 7px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-sightseeing .activity_box .info_box ul li p.url {
  font-size: 0.75em;
  margin-bottom: 6px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-sightseeing .activity_box .info_box ul li p.url a {
  color: #494949;
  text-decoration: none !important;
  word-break: break-all;
}

.page-sightseeing .activity_box .info_box ul li p.url a:hover {
  text-decoration: underline !important;
}

.page-sightseeing .activity_box .info_box ul li p.transportation {
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-sightseeing .activity_box .info_box ul li p.transportation span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 0;
  letter-spacing: -2px;
}

.page-sightseeing .activity_box .info_box ul li p.transportation span.car:before {
  background: url(../../sightseeing/img/ico_car_01.png) center center no-repeat;
}

.page-sightseeing .activity_box .info_box ul li p.transportation span.walk:before {
  background: url(../../sightseeing/img/ico_walk_01.png) center center no-repeat;
}

.page-sightseeing .activity_box .info_box ul li p.transportation span:before {
  content: "";
  display: block;
  width: 26px;
  height: 22px;
  margin-right: 9px;
}

.page-sightseeing .activity_box .info_box ul li:first-child {
  border-top: 1px dashed #7d7d7d;
}

.page-sightseeing .activity_box .info_box ul li:nth-child(2n) {
  background: #fff7ed;
}

.page-sightseeing .activity_box .info_box.season_box ul li:nth-child(2n+1) {
  background: #ffebeb;
}

.page-sightseeing .activity_box .info_box.sports_box ul li:nth-child(2n+1) {
  background: #e4f3f5;
}

.page-sightseeing .activity_box .info_box.nature_box ul li:nth-child(2n+1) {
  background: #e2edd7;
}

.page-sightseeing .activity_box .info_box.culture_box ul li:nth-child(2n+1) {
  background: #ffe7d1;
}

.page-sightseeing .activity_box .info_box.break_box ul li:nth-child(2n+1) {
  background: #f5f2fc;
}

.page-sightseeing .event_box .event_box_detail {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.page-sightseeing .event_box ul.event_list .small {
  font-size: 0.875rem;
}

.page-sightseeing .event_box ul.event_list li {
  padding: 8px 19px;
  min-height: 53px;
  box-sizing: border-box;
  border-bottom: 1px dashed #7d7d7d;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.page-sightseeing .event_box ul.event_list li:nth-child(2) {
  min-height: 72px;
}

.page-sightseeing .event_box ul.event_list li:first-child {
  border-top: 1px dashed #7d7d7d;
}

.page-sightseeing .event_box ul.event_list li div.event_wrap {
  width: 100%;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.page-sightseeing .event_box ul.event_list li p.season {
  padding-right: 12px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.page-sightseeing .event_box ul.event_list li p.season span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  width: 100%;
  padding: 6px 25px 10px 25px;
  text-align: center;
  margin: 0 0 3px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: .9rem;
  line-height: 1;
}

.page-sightseeing .event_box ul.event_list li p.season span:last-child {
  margin: 0 0 0;
}

.page-sightseeing .event_box ul.event_list li p.season span.spring {
  background: #f29c9f;
}

.page-sightseeing .event_box ul.event_list li p.season span.summer {
  background: #9cc6f2;
}

.page-sightseeing .event_box ul.event_list li p.season span.fall {
  background: #d0373d;
}

.page-sightseeing .event_box ul.event_list li p.season span.winter {
  background: #fff;
  border: 1px solid #556a80;
  color: #556a80;
}

.page-sightseeing .event_box ul.event_list li .info_detail {
  flex: 1 1 100px;
}

.page-sightseeing .event_box ul.event_list li .info_detail p.period {
  margin: 0 0 9px;
  font-size: 0.88em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-sightseeing .event_box ul.event_list li .info_detail p.name {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  margin: 0;
  font-size: 1.25em;
}

.page-sightseeing .event_box ul.event_list li:nth-child(2n) {
  background: #fff7ed;
}

.page-sightseeing .event_box ul.event_list li:nth-child(2n+1) {
  background: #dcd3c8;
}

.page-sightseeing .event_box .btn_box {
  max-width: 636px;
  margin: 0 auto;
}

.page-sightseeing .event_box .btn_box p.txt {
  margin: 40px 0 5px;
  text-align: center;
  font-size: 0.88em;
  color: #878585;
}

.page-sightseeing .event_box .btn_box a.btn {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #e9e9ce, #fcfff4);
  border: solid 3px #968877;
  text-decoration: none;
  padding: 20px 3%;
  font-size: 1.31em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #878585;
  letter-spacing: 3.2px;
  word-break: break-all;
}

.page-sightseeing .event_box .btn_box a.btn:after {
  content: "";
  width: 26px;
  height: 26px;
  background: url(../../sightseeing/img/ico_triangle.png) center center no-repeat;
  background-size: 100% auto !important;
  margin-left: 15px;
}

.page-sightseeing .event_box .btn_box a.btn:hover {
  opacity: .8;
}

/* RELAXATION
*********************/
.page-relaxation {
  /*.toggle {
  	display: block !important;
  }*/
}

.page-relaxation #relaxation_slider01 h2 {
  top: 20px;
  right: 40px;
  width: 13%;
  height: auto;
}

.page-relaxation h3 span {
  font-size: .641em;
  letter-spacing: 0;
}

.page-relaxation .visual .visual_image {
  margin: 0;
}

.page-relaxation .visual .visual_image img {
  width: 100%;
  height: auto;
}

.page-relaxation .price01 {
  color: #7a5752;
  /* transform: rotate(0.001deg);*/
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  font-size: 1.067em;
  background: url(../../relaxation/img/bg_dot01.png) no-repeat 50%;
}

.page-relaxation .price01 .corse,
.page-relaxation .price01 .price {
  background: #fcfbf9;
}

.page-relaxation .price01 .corse {
  float: left;
  padding-right: 15px;
}

.page-relaxation .price01 .price {
  float: right;
  padding-left: 15px;
}

.page-relaxation .price01 .minite,
.page-relaxation .price01 .yen,
.page-relaxation .price01 .normal_price {
  font-size: .75em;
}

.page-relaxation .price01 .minite {
  padding-right: 12px;
}

.page-relaxation .price01 .minite.half {
  padding-right: 6px;
}

.page-relaxation .data_wrap01 {
  padding: 10px 20px 22px 20px;
  background-color: #fcfbf9 !important;
  margin-top: 0;
}
.page-relaxation a.pdf_link {
  display: block;
  width: 400px;
  margin:20px auto;
  padding: 5px 25px 5px 15px;
  text-align: center;
  background: #7a5752;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  width: 100%;
  max-width: 400px;
}
.page-relaxation a.pdf_link::after {
  position: absolute;
  top: calc(50% - 6px);
  right: 10px;
  display: inline-block;
  content: '';
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  border-right: 0px solid transparent;
  font-size: .5em;
}
.page-relaxation a.pdf_link:visited {
  color: #fff;
}

.page-relaxation .relaxation_menu h4 {
  position: relative;
  margin: 15px 0 0 0;
  padding: 0;
  border: none;
  text-align: center;
  font-size: 1.3em;
  z-index: 0;
  background: url(../../relaxation/img/bg_relaxation01.png) repeat-x 50%;
}

.page-relaxation .relaxation_menu h4:before {
  position: absolute;
  top: calc(50% - 6px);
  left: 0;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 7px;
  border-color: transparent transparent transparent #c8ae58;
  z-index: 3;
}

.page-relaxation .relaxation_menu h4:after {
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 7px 6.5px 0;
  border-color: transparent #c8ae58 transparent transparent;
  z-index: 3;
}

.page-relaxation .relaxation_menu h4 img {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0 20px;
  height: 18px;
  background-color: #fcfbf9;
  z-index: 2;
}

.page-relaxation .relaxation_menu h4 span {
  position: relative;
  padding: 0 10px;
  background-color: #fcfbf9;
  z-index: 2;
}

.page-relaxation .relaxation_menu dl {
  margin: 0;
  padding: 0;
  background: none;
}

.page-relaxation .relaxation_menu dl dt {
  margin: 20px 0 8px 0;
  font-weight: normal;
}

.page-relaxation .relaxation_menu dl dt:before {
  content: normal;
}

.page-relaxation .relaxation_menu dl dt img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-relaxation .relaxation_menu dl dd {
  padding: 0;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: .813em;
  color: #8f7315;
}

.page-relaxation .relaxation_menu ul {
  margin: 0;
  padding: 0;
}

.page-relaxation .relaxation_menu ul li {
  margin: 20px 0 8px 0;
}

.page-relaxation .relaxation_menu ul li:before {
  content: normal;
}

.page-relaxation .relaxation_menu ul li img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.page-relaxation #relax .clearfix .relaxation_menu.col_1_w100,
.page-relaxation #relax .clearfix .relaxation_menu.col_2_left,
.page-relaxation #relax .clearfix .relaxation_menu.col_2_right{
  margin-bottom: 30px;
}

.page-relaxation #relax .relaxation_menu.col_1_w100 .price{
  padding-top:13px;
}
.page-relaxation #relax .relaxation_menu.col_2_left p,
.page-relaxation #relax .relaxation_menu.col_2_right p{
  font-size: 0.95em;
  padding: 0;
}
.page-relaxation #relax .relaxation_menu p.note{
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: .813em;
  color: #8f7315;
  padding: 0;
}

.page-relaxation .note_wrap {
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
}


.page-relaxation .list_note {
  margin: 15px 0 15px 1em;
  color: #878585;
}

.page-relaxation .list_note li {
  text-indent: -1em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: .813em;
}

.page-relaxation #relaxation_cmt,
.page-floorguide #floorguide_cmt,
.note_cmt#faq_cmt {
  text-indent: -1em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
  text-align: left;
}

.page-relaxation .list_note li:before {
  content: '※';
}

.page-relaxation .shop_info {
  background: none;
  margin-bottom: 0;
  padding: 0 15px 0 15px;
}

.page-relaxation .shop_info dt {
  background: none;
}

.page-relaxation .shop_info dt:before {
  content: none;
}

.page-relaxation .shop_info dd {
  padding: 0;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-relaxation #paradiso_set li {
  background: none;
}

.page-relaxation #paradiso_set li .price {
  padding-left: 100px;
  background: url(../../relaxation/img/bg_dot02.png) no-repeat 0 50%;
}

.page-relaxation #bedrock_bath_shopdata div:first-child {
  margin-bottom: 15px;
}

.page-relaxation #akasuri ul li:nth-child(4) {
  background: none;
}

.page-relaxation #akasuri ul li:nth-child(4) .price {
  padding-left: 100px;
  background: url(../../relaxation/img/bg_dot02.png) no-repeat 0 50%;
}

.page-relaxation #set_menu dt {
  background: none;
}

.page-relaxation #set_menu dd.sp {
  color: #7a5752;
  transform: rotate(0.001deg);
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  font-size: 1.067em;
}

.page-relaxation #set_menu ul li:nth-child(3) {
  background: none;
}

.page-relaxation #set_menu ul li:nth-child(3) .price {
  padding-left: 100px;
  background: url(../../relaxation/img/bg_dot02.png) no-repeat 0 50%;
}

.page-relaxation .foot_btn {
  padding: 20px 15px;
}

.page-relaxation .foot_btn p {
  margin: 0;
  text-align: center;
}

.page-relaxation .foot_btn p a:hover img {
  opacity: .8;
}

/* 20190116 */
.page-relaxation .line02 {
  background: none;
}

.page-relaxation .line02 .price {
  width: 95%;
  padding: 0;
  text-align: right;
  background: url(../../relaxation/img/bg_dot01.png) 0 center repeat-x;
}

.page-relaxation .relaxation_menu.col_1 .line02 .price {
  width: 100%;
}

.page-relaxation .line02 .price>span {
  padding-left: 15px;
  background-color: #fcfbf9;
}



/* DAYTRIP
*********************/
.page-daytrip {
  padding: 0 0 0;
  text-align: center;
  background: none;
}

/* .page-daytrip .lower_slider .slick-dots {
  bottom: 10px;
} */

.page-daytrip #dish_slider01 h2 {
  width: 12.2%;
}

.page-daytrip h2 img {
  width: 100%;
}

.page-daytrip #room_lead {
  padding-top: 10px;
  text-align: left;
}

.page-daytrip #room_lead .lower_lead_summary {
  line-height: 1.9;
}

.page-daytrip .data_wrap01 h4 {
  font-weight: normal;
}

.page-daytrip .data_wrap01 h4 span {
  font-size: 0.815em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-daytrip .data_wrap01 table {
  margin: 0 auto 30px;
}

.page-daytrip .data_wrap01 table:last-of-type {
  margin-bottom: 0;
}

.page-daytrip .data_wrap01 table th {
  padding: 7px 0 0;
}

.page-daytrip .data_wrap01 table td {
  padding: 0 0 7px;
}

.page-daytrip .data_wrap01 table th {
  width: 120px;
}

.page-daytrip .data_wrap01 table:last-of-type th {
  width: 65px;
}

.page-daytrip .data_wrap01 table td dl {
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  background-color: transparent;
}

.page-daytrip .data_wrap01 table td dl dt {
  width: auto;
  margin-top: 0;
  padding: 0 10px 0 0;
  clear: left;
  font-weight: normal;
}

.page-daytrip .data_wrap01 table td dl dt:before {
  content: none;
}

.page-daytrip .data_wrap01 table td dl dd {
  margin: 0;
  padding: 0;
}

.page-daytrip .data_wrap01 table td p {
  margin: 1em 0 0 1em;
  text-indent: -1em;
}

.page-daytrip .bath_plan {
  margin: auto;
}

.page-daytrip .bath_plan h4 {
  margin: 30px 0 5px;
  font-size: 1.3125em;
  font-weight: normal;
  text-align: center;
}

.page-daytrip .bath_plan h4 span {
  display: block;
  font-size: 0.5417em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-daytrip .bath_plan table {
  width: 100%;
  border-top: 2px solid #878585;
  border-bottom: 2px solid #878585;
  font-size: 0.875em;
}

.page-daytrip .bath_plan table tr {
  border-bottom: 1px dotted #7d7d7d;
}

.page-daytrip .bath_plan table th,
.page-daytrip .bath_plan table td {
  display: block;
  padding: 5px 20px;
}

.page-daytrip .bath_plan table th {
  text-align: left;
}

.page-daytrip .bath_plan table th:first-of-type {
  padding: 10px 20px 0;
  font-size: 1.25em;
}

.page-daytrip .bath_plan table th:last-of-type {
  font-size: 1em;
  font-weight: normal;
}

.page-daytrip .bath_plan table td {
  padding: 0 20px 10px 20px;
}

.page-daytrip .bath_plan .pc {
  display: none;
}

.page-daytrip .bath_plan .sp {
  display: block;
  margin: 0 auto;
  width: 290px;
}

/* .page-daytrip .cont {
  color: #000;
} */

/* .page-daytrip .cont h3 {
  margin: 0 0 -10px;
  padding: 12px 0 33px;
  font-size: 1.125em;
  color: #fff;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  background: url(../../spa/daytrip/img/tit_h3_bg.png) repeat-x center -3px;
  background-size: auto 70px;
  position: relative;
  z-index: 1;
} */

.page-daytrip .cont .cont_wrapper {
  display: none;
  padding: 0;
  width: 90%;
  margin: 0 auto;
}

.page-daytrip .cont .cont_wrapper.white_bg {
  margin: -10px 0 30px;
  padding: 30px 10px 10px;
  background-color: #fff;
}


.page-daytrip .cont .new_column{
  margin: 0 auto;
  width: 100%;
}

.page-daytrip .cont .cont_wrapper>div {
  margin-bottom: 20px;
  position: relative;
}

.page-daytrip .cont .cont_wrapper>div .left .lead h4 {
  margin: 0 0 40px;
  text-align: left;
  width: 100%;
}

.page-daytrip .cont .cont_wrapper>div .left .lead h4 img {
  max-width: 100%;
  width: 95%;
}

.page-daytrip .cont .cont_wrapper>div .left .lead h4 img.tit_pc {
  display: none;
}

.page-daytrip .cont .cont_wrapper>div .left .lead h4 img.tit_sp {
  display: inline-block;
}

.page-daytrip .cont .cont_wrapper>div .left .lead .lower_slider {
  width: 100%;
  margin: auto;
}

.page-daytrip .cont .cont_wrapper>div .left .lead p {
  line-height: 1.9;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
  letter-spacing: 0.03em;
}

.page-daytrip .cont .cont_wrapper>div .left .data_wrap01 {
  margin: 0;
  text-align: left;
  width: 100%;
}

.page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table {
  width: 90%;
  margin: auto;
  white-space: nowrap;
}

.page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table th.normal {
  font-weight: normal;
  padding-top: 0;
}

.page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table+p {
  width: 90%;
  font-size: 0.8125em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  margin: 0 auto;
  padding-left: 1em;
  text-indent: -1em;
}

.page-daytrip .cont .cont_wrapper .reserve_pc {
  display: none;
}

.page-daytrip .cont .cont_wrapper .reserve_sp {
  display: inline-block;
  width: 290px;
  padding: 0 15px;
}

.page-daytrip .cont .cont_wrapper .banner_pc {
  display: none;
}

.page-daytrip .cont .cont_wrapper .banner_sp {
  display: inline-block;
  max-width: 100%;
}

.page-daytrip #cont1 .cont_wrapper>div+a {
  display: block;
  margin: 0 auto 70px;
}

.page-daytrip #cont1 .cont_wrapper:last-of-type>div+a {
  margin: 0 auto 30px;
}

.page-daytrip #cont1 .cont_wrapper .jizen{
  border:1px solid #970000;
  padding:0 20px 20px;
}
.page-daytrip #cont1 .cont_wrapper .jizen span.red{
  font-size:1.2em;
  color:#970000;
  font-weight: bold;
}
.page-daytrip #cont1 .cont_wrapper .jizen li:nth-child(2),
.page-daytrip #cont1 .cont_wrapper .jizen li:nth-child(4){
  margin-bottom:10px;
}



.page-daytrip #cont2 .cont_wrapper dl {
  margin: 0 0 0;
}

.page-daytrip #cont2 .cont_wrapper dl dt,
.page-daytrip #cont3 .cont_wrapper dl dt {
  display: inline-block;
  vertical-align: top;
  font-size: 1.125em;
  letter-spacing: 0.6em;
  text-indent: 0.6em;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 8px 7px;
  border: 1px solid;
}

.page-daytrip #cont2 .cont_wrapper dl dd {
  display: inline-block;
  vertical-align: top;
  font-size: 0.8125em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: left;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}

.page-daytrip #cont2 .cont_wrapper dl+ul {
  margin: 3px auto 30px;
}

.page-daytrip #cont2 .cont_wrapper dl+ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 1.525em;
  padding: 0;
}

.page-daytrip #cont2 .cont_wrapper dl+ul li:first-child {
  margin-bottom: 5px;
}

.page-daytrip #cont2 .cont_wrapper dl+ul li span {
  color: #970000;
}

.page-daytrip #cont2 .cont_wrapper>div .left .lead h4.large {
  font-size: 1.75em;
  letter-spacing: 0;
}

.page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table th.normal {
  font-weight: normal;
}

.page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table td ul {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table td ul li {
  font-size: 1em;
}

.page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table td ul li:last-child {
  text-align: right;
}

.page-daytrip .cont>.more_btn {
  margin: 40px auto 60px;
  padding: 10px 0;
  text-align: center;
  background-image: none;
  cursor: pointer;
  color: #7a5752;
  font-size: 0.92em;
  border: 1px solid #7a5752;
  width: 90%;
}

.page-daytrip .cont>.more_btn:after {
  content: '';
  display: block;
  padding-top: 15px;
  background: url(../../spa/daytrip/img/more_open.png) no-repeat center bottom;
  background-size: auto 100%;
}

.page-daytrip .cont>.more_btn.close:after {
  background: url(../../spa/daytrip/img/more_close.png) no-repeat center bottom;
  background-size: auto 100%;
}

.page-daytrip a:hover img {
  opacity: .8;
}

.page-daytrip .no_indent {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

.page-daytrip .cont_wrapper .btn_info_text {
  padding-bottom: 35px;
  font-size: 0.9em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

/* STYLE
*********************/
/* STYLE COMMON
*********************/
#style_head {
  position: relative;
}

#style_head h2 {
  position: absolute;
}

#style_head h2 img {
  width: 100%;
  height: auto;
}

#style_head p {
  margin: 0;
}

#style_head p img {
  width: 100%;
  height: auto;
}

.btn_style02 {
  text-align: center;
  width: auto !important;
}

.btn_style02 a {
  position: relative;
  display: inline-block;
  padding: 6px 0 9px 0;
  background: url(../img/btn_main01.png) repeat-x 50% 0;
  background-size: auto 100%;
  color: #fff;
  text-decoration: none;
  font-size: .813em;
  letter-spacing: 0;
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.1);
  height: 34px;
}

.btn_style02 a:before {
  position: absolute;
  top: 0;
  left: -10px;
  display: inline-block;
  content: '';
  width: 15px;
  height: 34px;
  background: url(../img/btn_left01.png) no-repeat 0 0;
  background-size: auto 100%;
}

.btn_style02 a:after {
  position: absolute;
  top: 0;
  right: -14px;
  display: inline-block;
  content: '';
  width: 15px;
  height: 34px;
  background: url(../img/btn_right01.png) no-repeat 0 0;
  background-size: auto 100%;
}

.btn_style02 a:hover,
.btn_style02 a:active,
.btn_style02 a:focus {
  color: #fff;
  opacity: .8;
}

/* COUPLE
*********************/
.page-couple {
  padding-bottom: 30px;
  background: url(../../style/img/couple/bg_style01.png) repeat 50% 0;
}

.page-couple #style_head h2 {
  top: 20px;
  right: 40px;
  width: 13%;
  height: auto;
}

.page-couple #style_catch {
  width: 95%;
  margin: 20px auto 0 auto;
  padding: 0 0 30px 0;
  background: url(../../style/img/couple/bg_couple01.jpg) repeat 50%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.page-couple #style_catch h3 {
  width: 80%;
  margin: 0 auto;
}

.page-couple #style_catch h3 img {
  width: 100%;
  height: auto;
}

.page-couple #style_catch p {
  width: 60%;
  margin: 0 auto;
}

.page-couple #style_catch p img {
  width: 100%;
  height: auto;
}

.page-couple #check_point h3,
.page-couple #recommend_style h3 {
  margin: 40px auto 0 auto;
  padding: 10px 0;
  width: 90%;
  font-size: 1em;
  color: #878585;
  background: url(../../dish/banquet/img/bg_tit02.png) no-repeat 50%;
  background-size: 100% 100%;
  text-align: center;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
}

.page-couple #check_point ul {
  margin: 20px auto 0 auto;
  width: 96%;
}

.page-couple #check_point ul li {
  width: 50%;
  padding: 0 2% 20px 2%;
  float: left;
  text-align: center;
  font-size: .75em;
  color: #878585;
}

.page-couple #check_point ul li img {
  display: block;
  margin-bottom: 10px;
}

.page-couple #recommend_style h3 {
  margin-top: 30px;
  margin-bottom: 50px;
}

.page-couple #recommend_style dl.style_ptn01,
.page-couple #recommend_style div.style_ptn01 {
  margin: 0;
  position: relative;
}

.page-couple #recommend_style dl.style_ptn01 img.time,
.page-couple #recommend_style div.style_ptn01 img.time {
  position: absolute;
  width: 40%;
  top: -30px;
  z-index: 10;
}

.page-couple #recommend_style dl.style_ptn01 dt img:last-child,
.page-couple #recommend_style div.style_ptn01 dt img:last-child {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-couple #recommend_style dl.style_ptn01.step01 img.time,
.page-couple #recommend_style dl.style_ptn01.step03 img.time,
.page-couple #recommend_style dl.style_ptn01.step05 img.time,
.page-couple #recommend_style dl.style_ptn01.step07 img.time,
.page-couple #recommend_style dl.style_ptn01.step09 img.time,
.page-couple #recommend_style div.style_ptn01.step01 img.time,
.page-couple #recommend_style div.style_ptn01.step03 img.time,
.page-couple #recommend_style div.style_ptn01.step05 img.time,
.page-couple #recommend_style div.style_ptn01.step07 img.time,
.page-couple #recommend_style div.style_ptn01.step09 img.time {
  left: 7%;
}

.page-couple #recommend_style dl.style_ptn01.step02 img.time,
.page-couple #recommend_style dl.style_ptn01.step04 img.time,
.page-couple #recommend_style dl.style_ptn01.step06 img.time,
.page-couple #recommend_style dl.style_ptn01.step08 img.time,
.page-couple #recommend_style dl.style_ptn01.step10 img.time,
.page-couple #recommend_style div.style_ptn01.step02 img.time,
.page-couple #recommend_style div.style_ptn01.step04 img.time,
.page-couple #recommend_style div.style_ptn01.step06 img.time,
.page-couple #recommend_style div.style_ptn01.step08 img.time,
.page-couple #recommend_style div.style_ptn01.step10 img.time {
  right: 7%;
}

.page-couple #recommend_style dl.style_ptn01 dd,
.page-couple #recommend_style div.style_ptn01 dd {
  padding: 15px 5px;
  font-size: .875em;
  color: #917e65;
  background: url(../../style/img/couple/bg_style02.jpg) repeat 50%;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}

.page-couple #recommend_style dl.style_ptn01 dd span,
.page-couple #recommend_style div.style_ptn01 dd span {
  color: #d43838;
  font-weight: bold;
}

.page-couple #recommend_style dl.style_ptn01.next,
.page-couple #recommend_style div.style_ptn01.next {
  padding-bottom: 30px;
  background-image: url(../../style/img/couple/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-couple #recommend_style dl.style_ptn02 {
  background: #fff;
  width: 95%;
  margin: 0 auto;
  padding: 7px 15px;
}

.page-couple #recommend_style dl.style_ptn02 dt {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1.125em;
  color: #878585;
  border-bottom: 1px solid #999999;
  border-left: 4px solid #458293;
}

.page-couple #recommend_style dl.style_ptn02 dd {
  color: #878585;
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-couple #recommend_style dl.style_ptn02 img {
  display: block;
  margin: 0 auto 5px auto;
  width: 65%;
  height: auto;
}

.page-couple #recommend_style .btn_info_wrap.step_right {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/couple/bg_ptn_line.png), url(../../style/img/couple/bg_ptn01.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 60% 100%;
  background-size: 2px auto, 145px auto;
}

.page-couple #recommend_style .btn_info_wrap.step_right.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/couple/bg_ptn01.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 145px auto;
}

.page-couple #recommend_style .btn_info_wrap.step_left {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/couple/bg_ptn_line.png), url(../../style/img/couple/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 44% 100%;
  background-size: 2px auto, 145px auto;
}

.page-couple #recommend_style .btn_info_wrap.step_left.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/couple/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 44% 100%;
  background-size: 145px auto;
}

.page-couple #recommend_style .btn_info_wrap.step_center {
  padding: 30px 0;
  background-image: url(../../style/img/couple/bg_ptn_line.png), url(../../style/img/couple/bg_ptn_line.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 50% 100%;
  background-size: 2px auto, 2px auto;
}

.page-couple #recommend_style .btn_info_wrap.step_center.no_result {
  padding: 15px 0;
  background-image: url(../../style/img/couple/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-couple #recommend_style .btn_info {
  margin: 0;
}

.page-couple #recommend_style .btn_info a {
  display: block;
  margin: 0 auto;
  padding: 10px 5px 14px 5px;
  width: 80%;
  color: #fff;
  font-size: .875em;
  text-decoration: none;
  text-align: center;
  background: #458293;
  border: 1px solid #afdeeb;
}

.page-couple #recommend_style .btn_info a:first-child {
  margin-bottom: 5px;
}

.page-couple #recommend_style .btn_info a:hover {
  background: #5097AA;
}

.page-couple #recommend_style .btn_info.next_left {
  padding-bottom: 100px;
  background-image: url(../../style/img/couple/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 41% 100%;
  background-size: 148px auto;
}

.page-couple #recommend_style .btn_info.next_right {
  padding-bottom: 100px;
  background-image: url(../../style/img/couple/bg_ptn03.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 145px auto;
}

.page-couple #recommend_style .btn_info.double {
  background-image: url(../../style/img/couple/bg_ptn_line02.png), url(../../style/img/couple/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 60% 0, 41% 100%;
  background-size: 145px auto, 148px auto;
}

.page-couple .sp .slick-dots {
  bottom: 25%;
}

/* FAMILY
*********************/
.page-family {
  padding-bottom: 30px;
  background: url(../../style/img/couple/bg_style01.png) repeat 50% 0;
}

.page-family #style_head h2 {
  top: 20px;
  right: 40px;
  width: 13%;
  height: auto;
}

.page-family #style_catch {
  width: 95%;
  margin: 20px auto 0 auto;
  padding: 0 0 30px 0;
  background: url(../../style/img/couple/bg_couple01.jpg) repeat 50%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.page-family #style_catch h3 {
  width: 100%;
  margin: 0 auto;
}

.page-family #style_catch h3 img {
  width: 100%;
  height: auto;
}

.page-family #style_catch p {
  width: 68%;
  margin: 0 auto;
}

.page-family #style_catch p img {
  width: 100%;
  height: auto;
}

.page-family #check_point h3,
.page-family #recommend_style h3 {
  margin: 40px auto 0 auto;
  padding: 10px 0;
  width: 90%;
  font-size: 1em;
  color: #878585;
  background: url(../../dish/banquet/img/bg_tit02.png) no-repeat 50%;
  background-size: 100% 100%;
  text-align: center;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
}

.page-family #check_point ul {
  margin: 20px auto 0 auto;
  width: 96%;
}

.page-family #check_point ul li {
  width: 50%;
  padding: 0 2% 20px 2%;
  float: left;
  text-align: center;
  font-size: .75em;
  color: #878585;
}

.page-family #check_point ul li img {
  display: block;
  margin-bottom: 10px;
}

.page-family #recommend_style h3 {
  margin-top: 30px;
  margin-bottom: 50px;
}

.page-family #recommend_style dl.style_ptn01,
.page-family #recommend_style div.style_ptn01 {
  margin: 0;
  position: relative;
}

.page-family #recommend_style dl.style_ptn01 img.time,
.page-family #recommend_style div.style_ptn01 img.time {
  position: absolute;
  width: 40%;
  top: -30px;
  z-index: 10;
}

.page-family #recommend_style dl.style_ptn01 dt img:last-child,
.page-family #recommend_style div.style_ptn01 dt img:last-child {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-family #recommend_style dl.style_ptn01.step01 img.time,
.page-family #recommend_style dl.style_ptn01.step03 img.time,
.page-family #recommend_style dl.style_ptn01.step05 img.time,
.page-family #recommend_style dl.style_ptn01.step07 img.time,
.page-family #recommend_style dl.style_ptn01.step09 img.time,
.page-family #recommend_style div.style_ptn01.step01 img.time,
.page-family #recommend_style div.style_ptn01.step03 img.time,
.page-family #recommend_style div.style_ptn01.step05 img.time,
.page-family #recommend_style div.style_ptn01.step07 img.time,
.page-family #recommend_style div.style_ptn01.step09 img.time {
  left: 7%;
}

.page-family #recommend_style dl.style_ptn01.step02 img.time,
.page-family #recommend_style dl.style_ptn01.step04 img.time,
.page-family #recommend_style dl.style_ptn01.step06 img.time,
.page-family #recommend_style dl.style_ptn01.step08 img.time,
.page-family #recommend_style dl.style_ptn01.step10 img.time,
.page-family #recommend_style div.style_ptn01.step02 img.time,
.page-family #recommend_style div.style_ptn01.step04 img.time,
.page-family #recommend_style div.style_ptn01.step06 img.time,
.page-family #recommend_style div.style_ptn01.step08 img.time,
.page-family #recommend_style div.style_ptn01.step10 img.time {
  right: 7%;
}

.page-family #recommend_style dl.style_ptn01 dd,
.page-family #recommend_style div.style_ptn01 dd {
  padding: 15px 5px;
  font-size: .875em;
  color: #917e65;
  background: url(../../style/img/couple/bg_style02.jpg) repeat 50%;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}

.page-family #recommend_style dl.style_ptn01 dd span,
.page-family #recommend_style div.style_ptn01 dd span {
  color: #d43838;
  font-weight: bold;
}

.page-family #recommend_style dl.style_ptn01.next,
.page-family #recommend_style div.style_ptn01.next {
  padding-bottom: 30px;
  background-image: url(../../style/img/family/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-family #recommend_style dl.style_ptn02 {
  background: #fff;
  width: 95%;
  margin: 0 auto;
  padding: 7px 15px;
}

.page-family #recommend_style dl.style_ptn02 dt {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1.125em;
  color: #878585;
  border-bottom: 1px solid #999999;
  border-left: 4px solid #37702e;
}

.page-family #recommend_style dl.style_ptn02 dd {
  color: #878585;
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-family #recommend_style dl.style_ptn02 img {
  display: block;
  margin: 0 auto 5px auto;
  width: 65%;
  height: auto;
}

.page-family #recommend_style .btn_info_wrap.step_right {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/family/bg_ptn_line.png), url(../../style/img/family/bg_ptn01.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 60% 100%;
  background-size: 2px auto, 147px auto;
}

.page-family #recommend_style .btn_info_wrap.step_right.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/family/bg_ptn01.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 145px auto;
}

.page-family #recommend_style .btn_info_wrap.step_left {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/family/bg_ptn_line.png), url(../../style/img/family/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 44% 100%;
  background-size: 2px auto, 145px auto;
}

.page-family #recommend_style .btn_info_wrap.step_left.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/family/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 44% 100%;
  background-size: 145px auto;
}

.page-family #recommend_style .btn_info_wrap.step_center {
  padding: 30px 0;
  background-image: url(../../style/img/family/bg_ptn_line.png), url(../../style/img/family/bg_ptn_line.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 50% 100%;
  background-size: 2px auto, 2px auto;
}

.page-family #recommend_style .btn_info_wrap.step_center.no_result {
  padding: 15px 0;
  background-image: url(../../style/img/family/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-family #recommend_style .btn_info {
  margin: 0;
}

.page-family #recommend_style .btn_info a {
  display: block;
  margin: 0 auto;
  padding: 10px 5px 14px 5px;
  width: 80%;
  color: #fff;
  font-size: .875em;
  text-decoration: none;
  text-align: center;
  background: #37702e;
  border: 1px solid #abd0a5;
}

.page-family #recommend_style .btn_info a:first-child {
  margin-bottom: 5px;
}

.page-family #recommend_style .btn_info a:hover {
  background: #47923B;
}

.page-family #recommend_style .btn_info.next_left {
  padding-bottom: 100px;
  background-image: url(../../style/img/family/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 41% 100%;
  background-size: 148px auto;
}

.page-family #recommend_style .btn_info.next_right {
  padding-bottom: 100px;
  background-image: url(../../style/img/family/bg_ptn03.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 147px auto;
}

.page-family #recommend_style .btn_info.double {
  background-image: url(../../style/img/family/bg_ptn_line02.png), url(../../style/img/family/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 60% 0, 41% 100%;
  background-size: 145px auto, 148px auto;
}

.page-family #recommend_style div.wrap_end {
  display: block;
  width: 90%;
  margin: 20px auto 0;
  padding: 0;
  text-align: center;
}

.page-family #recommend_style div.wrap_end p.note_rgt {
  border: 1px solid #37702e;
  font-size: 0.8rem;
  color: #37702e;
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  background: #fff;
}

.page-family .sp .slick-dots {
  bottom: 25%;
}

/* LADIES
*********************/
.page-ladies {
  padding-bottom: 30px;
  background: url(../../style/img/couple/bg_style01.png) repeat 50% 0;
}

.page-ladies #style_head h2 {
  top: 20px;
  right: 40px;
  width: 6.5%;
  height: auto;
}

.page-ladies #style_catch {
  width: 95%;
  margin: 20px auto 0 auto;
  padding: 0 0 30px 0;
  background: url(../../style/img/couple/bg_couple01.jpg) repeat 50%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.page-ladies #style_catch h3 {
  width: 100%;
  margin: 0 auto;
}

.page-ladies #style_catch h3 img {
  width: 100%;
  height: auto;
}

.page-ladies #style_catch p {
  width: 68%;
  margin: -70px auto 0 auto;
}

.page-ladies #style_catch p img {
  width: 100%;
  height: auto;
}

.page-ladies #check_point h3,
.page-ladies #recommend_style h3 {
  margin: 40px auto 0 auto;
  padding: 10px 0;
  width: 90%;
  font-size: 1em;
  color: #878585;
  background: url(../../dish/banquet/img/bg_tit02.png) no-repeat 50%;
  background-size: 100% 100%;
  text-align: center;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
}

.page-ladies #check_point ul {
  margin: 20px auto 0 auto;
  width: 96%;
}

.page-ladies #check_point ul li {
  width: 50%;
  padding: 0 2% 20px 2%;
  float: left;
  text-align: center;
  font-size: .75em;
  color: #878585;
}

.page-ladies #check_point ul li img {
  display: block;
  margin-bottom: 10px;
}

.page-ladies #recommend_style h3 {
  margin-top: 30px;
  margin-bottom: 50px;
}

.page-ladies #recommend_style dl.style_ptn01,
.page-ladies #recommend_style div.style_ptn01 {
  margin: 0;
  position: relative;
}

.page-ladies #recommend_style dl.style_ptn01 img.time,
.page-ladies #recommend_style div.style_ptn01 img.time {
  position: absolute;
  width: 40%;
  top: -30px;
  z-index: 10;
}

.page-ladies #recommend_style dl.style_ptn01 dt img:last-child,
.page-ladies #recommend_style div.style_ptn01 dt img:last-child {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-ladies #recommend_style dl.style_ptn01.step01 img.time,
.page-ladies #recommend_style dl.style_ptn01.step03 img.time,
.page-ladies #recommend_style dl.style_ptn01.step05 img.time,
.page-ladies #recommend_style dl.style_ptn01.step07 img.time,
.page-ladies #recommend_style dl.style_ptn01.step09 img.time,
.page-ladies #recommend_style div.style_ptn01.step01 img.time,
.page-ladies #recommend_style div.style_ptn01.step03 img.time,
.page-ladies #recommend_style div.style_ptn01.step05 img.time,
.page-ladies #recommend_style div.style_ptn01.step07 img.time,
.page-ladies #recommend_style div.style_ptn01.step09 img.time {
  left: 7%;
}

.page-ladies #recommend_style dl.style_ptn01.step02 img.time,
.page-ladies #recommend_style dl.style_ptn01.step04 img.time,
.page-ladies #recommend_style dl.style_ptn01.step06 img.time,
.page-ladies #recommend_style dl.style_ptn01.step08 img.time,
.page-ladies #recommend_style dl.style_ptn01.step10 img.time,
.page-ladies #recommend_style div.style_ptn01.step02 img.time,
.page-ladies #recommend_style div.style_ptn01.step04 img.time,
.page-ladies #recommend_style div.style_ptn01.step06 img.time,
.page-ladies #recommend_style div.style_ptn01.step08 img.time,
.page-ladies #recommend_style div.style_ptn01.step10 img.time {
  right: 7%;
}

.page-ladies #recommend_style dl.style_ptn01 dd,
.page-ladies #recommend_style div.style_ptn01 dd {
  padding: 15px 5px;
  font-size: .875em;
  color: #917e65;
  background: url(../../style/img/couple/bg_style02.jpg) repeat 50%;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}

.page-ladies #recommend_style dl.style_ptn01 dd span,
.page-ladies #recommend_style div.style_ptn01 dd span {
  color: #d43838;
  font-weight: bold;
}

.page-ladies #recommend_style dl.style_ptn01.next,
.page-ladies #recommend_style div.style_ptn01.next {
  padding-bottom: 30px;
  background-image: url(../../style/img/ladies/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-ladies #recommend_style dl.style_ptn02 {
  background: #fff;
  width: 95%;
  margin: 0 auto;
  padding: 7px 15px;
}

.page-ladies #recommend_style dl.style_ptn02 dt {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1.125em;
  color: #878585;
  border-bottom: 1px solid #999999;
  border-left: 4px solid #a75447;
}

.page-ladies #recommend_style dl.style_ptn02 dd {
  color: #878585;
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-ladies #recommend_style dl.style_ptn02 img {
  display: block;
  margin: 0 auto 5px auto;
  width: 65%;
  height: auto;
}

.page-ladies #recommend_style .btn_info_wrap.step_right {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/ladies/bg_ptn_line.png), url(../../style/img/ladies/bg_ptn01.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 60% 100%;
  background-size: 2px auto, 147px auto;
}

.page-ladies #recommend_style .btn_info_wrap.step_right.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/ladies/bg_ptn01.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 145px auto;
}

.page-ladies #recommend_style .btn_info_wrap.step_left {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/ladies/bg_ptn_line.png), url(../../style/img/ladies/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 44% 100%;
  background-size: 2px auto, 145px auto;
}

.page-ladies #recommend_style .btn_info_wrap.step_left.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/ladies/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 44% 100%;
  background-size: 145px auto;
}

.page-ladies #recommend_style .btn_info_wrap.step_center {
  padding: 30px 0;
  background-image: url(../../style/img/ladies/bg_ptn_line.png), url(../../style/img/ladies/bg_ptn_line.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 50% 100%;
  background-size: 2px auto, 2px auto;
}

.page-ladies #recommend_style .btn_info_wrap.step_center.no_result {
  padding: 15px 0;
  background-image: url(../../style/img/ladies/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-ladies #recommend_style .btn_info {
  margin: 0;
}

.page-ladies #recommend_style .btn_info a {
  display: block;
  margin: 0 auto;
  padding: 10px 5px 14px 5px;
  width: 80%;
  color: #fff;
  font-size: .875em;
  text-decoration: none;
  text-align: center;
  background: #a75447;
  border: 1px solid #ebb5af;
}

.page-ladies #recommend_style .btn_info a:first-child {
  margin-bottom: 5px;
}

.page-ladies #recommend_style .btn_info a:hover {
  background: #C05F4F;
}

.page-ladies #recommend_style .btn_info.next_left {
  padding-bottom: 100px;
  background-image: url(../../style/img/ladies/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 41% 100%;
  background-size: 148px auto;
}

.page-ladies #recommend_style .btn_info.next_right {
  padding-bottom: 100px;
  background-image: url(../../style/img/ladies/bg_ptn03.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 147px auto;
}

.page-ladies #recommend_style .btn_info.double {
  background-image: url(../../style/img/ladies/bg_ptn_line02.png), url(../../style/img/ladies/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 60% 0, 41% 100%;
  background-size: 145px auto, 148px auto;
}

.page-ladies .sp .slick-dots {
  bottom: 25%;
}

/* ANNYVERSARY
*********************/
.page-anniversary {
  padding-bottom: 30px;
  background: url(../../style/img/couple/bg_style01.png) repeat 50% 0;
}

.page-anniversary #style_head h2 {
  top: 20px;
  right: 40px;
  width: 6.5%;
  height: auto;
}

.page-anniversary #style_catch {
  width: 95%;
  margin: 20px auto 0 auto;
  padding: 0 0 30px 0;
  background: url(../../style/img/couple/bg_couple01.jpg) repeat 50%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.page-anniversary #style_catch h3 {
  width: 100%;
  margin: 0 auto;
}

.page-anniversary #style_catch h3 img {
  width: 100%;
  height: auto;
}

.page-anniversary #style_catch p {
  width: 79.2%;
  margin: -80px auto 0 auto;
}

.page-anniversary #style_catch p img {
  width: 100%;
  height: auto;
}

.page-anniversary #check_point h3,
.page-anniversary #recommend_style h3 {
  margin: 40px auto 0 auto;
  padding: 10px 0;
  width: 90%;
  font-size: 1em;
  color: #878585;
  background: url(../../dish/banquet/img/bg_tit02.png) no-repeat 50%;
  background-size: 100% 100%;
  text-align: center;
  font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
}

.page-anniversary #check_point ul {
  margin: 20px auto 0 auto;
  width: 96%;
}

.page-anniversary #check_point ul li {
  width: 50%;
  padding: 0 2% 20px 2%;
  float: left;
  text-align: center;
  font-size: .75em;
  color: #878585;
}

.page-anniversary #check_point ul li img {
  display: block;
  margin-bottom: 10px;
}

.page-anniversary #recommend_style h3 {
  margin-top: 30px;
  margin-bottom: 50px;
}

.page-anniversary #recommend_style dl.style_ptn01,
.page-anniversary #recommend_style div.style_ptn01 {
  margin: 0;
  position: relative;
}

.page-anniversary #recommend_style dl.style_ptn01 img.time,
.page-anniversary #recommend_style div.style_ptn01 img.time {
  position: absolute;
  width: 40%;
  top: -30px;
  z-index: 10;
}

.page-anniversary #recommend_style dl.style_ptn01 dt img:last-child,
.page-anniversary #recommend_style div.style_ptn01 dt img:last-child {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-anniversary #recommend_style dl.style_ptn01.step01 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step03 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step05 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step07 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step09 img.time,
.page-anniversary #recommend_style div.style_ptn01.step01 img.time,
.page-anniversary #recommend_style div.style_ptn01.step03 img.time,
.page-anniversary #recommend_style div.style_ptn01.step05 img.time,
.page-anniversary #recommend_style div.style_ptn01.step07 img.time,
.page-anniversary #recommend_style div.style_ptn01.step09 img.time {
  left: 7%;
}

.page-anniversary #recommend_style dl.style_ptn01.step02 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step04 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step06 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step08 img.time,
.page-anniversary #recommend_style dl.style_ptn01.step10 img.time,
.page-anniversary #recommend_style div.style_ptn01.step02 img.time,
.page-anniversary #recommend_style div.style_ptn01.step04 img.time,
.page-anniversary #recommend_style div.style_ptn01.step06 img.time,
.page-anniversary #recommend_style div.style_ptn01.step08 img.time,
.page-anniversary #recommend_style div.style_ptn01.step10 img.time {
  right: 7%;
}

.page-anniversary #recommend_style dl.style_ptn01.step03 .sp .slick-dots,
.page-anniversary #recommend_style div.style_ptn01.step03 .sp .slick-dots,
.page-anniversary #recommend_style dl.style_ptn01.step04 .sp .slick-dots,
.page-anniversary #recommend_style div.style_ptn01.step04 .sp .slick-dots {
  bottom: 32%;
}

.page-anniversary #recommend_style dl.style_ptn01 dd,
.page-anniversary #recommend_style div.style_ptn01 dd {
  padding: 15px 5px;
  font-size: .875em;
  color: #917e65;
  background: url(../../style/img/couple/bg_style02.jpg) repeat 50%;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}

.page-anniversary #recommend_style dl.style_ptn01 dd span,
.page-anniversary #recommend_style div.style_ptn01 dd span {
  color: #d43838;
  font-weight: bold;
}

.page-anniversary #recommend_style dl.style_ptn01.next,
.page-anniversary #recommend_style div.style_ptn01.next {
  padding-bottom: 30px;
  background-image: url(../../style/img/anniversary/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-anniversary #recommend_style dl.style_ptn02 {
  background: #fff;
  width: 95%;
  margin: 0 auto;
  padding: 7px 15px;
}

.page-anniversary #recommend_style dl.style_ptn02 dt {
  margin: 0 0 10px 0;
  padding: 0 0 5px 10px;
  font-size: 1.125em;
  color: #878585;
  border-bottom: 1px solid #999999;
  border-left: 4px solid #e97d1b;
}

.page-anniversary #recommend_style dl.style_ptn02 dd {
  color: #878585;
  font-size: .875em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-anniversary #recommend_style dl.style_ptn02 img {
  display: block;
  margin: 0 auto 5px auto;
  width: 65%;
  height: auto;
}

.page-anniversary #recommend_style .btn_info_wrap.step_right {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/anniversary/bg_ptn_line.png), url(../../style/img/anniversary/bg_ptn01.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 60% 100%;
  background-size: 2px auto, 147px auto;
}

.page-anniversary #recommend_style .btn_info_wrap.step_right.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/anniversary/bg_ptn01.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 145px auto;
}

.page-anniversary #recommend_style .btn_info_wrap.step_left {
  padding: 30px 0 100px 0;
  background-image: url(../../style/img/anniversary/bg_ptn_line.png), url(../../style/img/anniversary/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 44% 100%;
  background-size: 2px auto, 145px auto;
}

.page-anniversary #recommend_style .btn_info_wrap.step_left.no_result {
  padding: 15px 0 100px 0;
  background-image: url(../../style/img/anniversary/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 44% 100%;
  background-size: 145px auto;
}

.page-anniversary #recommend_style .btn_info_wrap.step_center {
  padding: 30px 0;
  background-image: url(../../style/img/anniversary/bg_ptn_line.png), url(../../style/img/anniversary/bg_ptn_line.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0, 50% 100%;
  background-size: 2px auto, 2px auto;
}

.page-anniversary #recommend_style .btn_info_wrap.step_center.no_result {
  padding: 15px 0;
  background-image: url(../../style/img/anniversary/bg_ptn_line.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 2px auto;
}

.page-anniversary #recommend_style .btn_info {
  margin: 0;
}

.page-anniversary #recommend_style .btn_info a {
  display: block;
  margin: 0 auto;
  padding: 10px 5px 14px 5px;
  width: 80%;
  color: #fff;
  font-size: .875em;
  text-decoration: none;
  text-align: center;
  background: #df6b02;
  border: 1px solid #f9c393;
}

.page-anniversary #recommend_style .btn_info a:first-child {
  margin-bottom: 5px;
}

.page-anniversary #recommend_style .btn_info a:hover {
  background: #e97d1b;
}

.page-anniversary #recommend_style .btn_info.next_left {
  padding-bottom: 100px;
  background-image: url(../../style/img/anniversary/bg_ptn02.png);
  background-repeat: no-repeat;
  background-position: 41% 100%;
  background-size: 148px auto;
}

.page-anniversary #recommend_style .btn_info.next_right {
  padding-bottom: 100px;
  background-image: url(../../style/img/anniversary/bg_ptn03.png);
  background-repeat: no-repeat;
  background-position: 60% 100%;
  background-size: 147px auto;
}

.page-anniversary #recommend_style .btn_info.double {
  background-image: url(../../style/img/anniversary/bg_ptn_line02.png), url(../../style/img/anniversary/bg_ptn02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 60% 0, 41% 100%;
  background-size: 145px auto, 148px auto;
}

.page-anniversary .sp .slick-dots {
  bottom: 25%;
}

/* TXT PAGE COMMON
*********************/
h2.txt_page_h2 {
  margin: 0;
  padding-top: 40%;
  background: url(../../common/img/tit_txtpage_h2_bg_sp.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
}

h2.txt_page_h2 img {
  display: inline-block;
  width: 50%;
  max-width: 90%;
  position: absolute;
  top: 45%;
  left: 50%;
  margin: 0 0 0 -24.8%;
}

.page-faq h2.txt_page_h2 img {
  margin: 0 0 0 -24.8%;
}

.page-download h2.txt_page_h2 img {
  margin: 0 0 0 -24.8%;
}

.page-agreement h2.txt_page_h2 img {
  margin: 0 0 0 -24.8%;
}

.cms h2.txt_page_h2 img {
  width: 40%;
  margin: 0 0 0 -20%;
}

.cms .data_wrap01 ul.lower_topics {
  height: auto;
  overflow-y: visible;
}

.cms .data_wrap01 ul.lower_topics li {
  margin: 0 20px;
  padding: 5px 0 5px 15px;
  background: url(../../img/cms/topics_dot.png) no-repeat 0 13px;
}

.cms .data_wrap01 ul.lower_topics time {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.cms .data_wrap01 ul.lower_topics a {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #1d1e65 !important;
}

.cms .data_wrap01 ul.lower_topics a:hover {
  opacity: .8;
}

.pagenation {
  text-align: center;
  margin: 60px 0 30px 0;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.pagenation span,
.pagenation a {
  display: inline-block;
  margin: 0 5px;
  border: 1px solid #bb7c78;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  font-weight: bold;
  line-height: 30px;
}

.pagenation span.current {
  background: #bb7c78;
  color: #fff;
}

.pagenation a {
  text-decoration: none;
  color: #7a5752;
}

.pagenation a:hover {
  background: #bb7c78;
  color: #fff;
}

.pagenation a.prev:before {
  content: "＜";
}

.pagenation a.next:before {
  content: "＞";
}


/* パートナー
*********************/
.page-partner section{
  width: 90%;
  max-width: 1200px;
  margin: 40px auto;
}

#contents.page-partner .partner_list {
  display: flex;
  justify-content: normal; /* 奇数の時 */
  flex-wrap: wrap;
  margin: 0 -3%;
}
#contents.page-partner .partner_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47%;
  min-height: 130px;
  margin: 0 1.5% 3% 1.5%;
  padding: 10px 15px;
  background-color: #dcdcdc;
}
#contents.page-partner .partner_list li.youtube p{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
#contents.page-partner .partner_list li.youtube p iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  right: 0;
}

#contents.page-partner .partner_list li img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
#contents.page-partner .partner_list li a:hover img {
  opacity: .8;
}
#contents.page-partner .partner_list_long {
  text-align: center;
}
#contents.page-partner .partner_list_long img {
  padding: 10px;
  background-color: #dcdcdc;
  display: inline-block;
}
#contents.page-partner .partner_list_long a:hover img {
  opacity: .8;
}



/* 宿泊約款
*********************/
.page-agreement {
  padding: 0;
  text-align: center;
  background: none;
}

.page-agreement>div {
  padding: 20px 10px 10px;
  margin: 0 auto;
}

.page-faq>div p {
  text-align: left;
}

.page-faq>div p img {
  max-width: 600px;
  width: 100%;
  height: auto;
}

/* FAQ
*********************/
.page-faq {
  padding: 0;
  text-align: center;
  background: none;
}

.page-faq>div {
  padding: 20px 10px 10px;
  margin: 0 10px;
}

.page-faq>div img {
  max-width: 100%;
}

.page-faq>div a:hover {
  opacity: .8;
}

.page-faq nav ul {
  /*  margin: 20px 0 40px;*/
  margin: 20px 0;
  letter-spacing: -0.4em;
}

.page-faq nav ul li {
  display: inline-block;
  width: 48%;
  margin: 3px 1%;
  letter-spacing: normal;
}

.page-faq nav ul li:nth-child(odd) {
  margin-left: 0;
}

.page-faq nav ul li:nth-child(even) {
  margin-right: 0;
}

.page-faq nav ul li a {
  display: block;
  padding: 0px 0;
  line-height: 30px;
  font-size: 0.875em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #fff;
  background: url(../../download/img/btn_dl_02.png) repeat-x center top;
  background-size: auto;
  text-decoration: none;
  background-size: contain;
  border-radius: 5px;
  outline: none;
  white-space: nowrap;
}

.page-faq section {
  margin-bottom: 50px;
}

.page-faq section:last-of-type {
  margin-bottom: 30px;
}

.page-faq section h3 {
  line-height: 1;
  font-size: 1.125em;
  font-weight: normal;
  color: #878585;
  letter-spacing: 0.1em;
}




.page-faq section h3 {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
  margin: 60px auto 30px;
}

.page-faq section h3:before,
.page-faq section h3:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 3px;
  content: '';
  border-top: solid 2px #e6aca1;
  border-bottom: solid 2px #e6aca1;
}

.page-faq section h3:before {
  left: 0;
}

.page-faq section h3:after {
  right: 0;
}

/*
.page-faq section:last-of-type h3 {
  letter-spacing: 0em;
}

 .page-faq section h3:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  padding-top: 1.4%;
  margin-right: 2%;
  background: url(../../faq/img/tit_h3_bg1.png) no-repeat left top;
  background-size: 200% auto;
}
.page-faq section h3:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  padding-top: 1.4%;
  margin-left: 2%;
  background: url(../../faq/img/tit_h3_bg2.png) no-repeat right top;
  background-size: 200% auto;
} */

.page-faq dl {
  padding: 0;
  text-align: left;
  color: #878585;
}

.page-faq dl dt {
  width: 100%;
  margin: 5px 0 0;
  padding: 10px 30px 10px 15px;
  font-size: 0.875em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-left: 6px solid #e6aca1;
  cursor: pointer;
  position: relative;
  float: none;
}

.page-faq dl dt:after {
  content: '▼';
  font-size: 1em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #e6aca1;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}

.page-faq dl dt.open {
  background-color: #f2dcd8;
}

.page-faq dl dt.open:after {
  content: '▲';
}

.page-faq dl dd {
  width: 100%;
  margin: 0;
  padding: 10px 20px;
  font-size: 0.8125em;
  font-weight: normal;
  text-align: justify;
  text-justify: inter-ideograph;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-left: 6px solid #7a5752;
  border-top: none;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  display: none;
}

.page-faq dl dd .indent {
  margin-left: 1em;
  text-indent: -1em;
}

.page-faq dl dd .only_pc {
  display: none;
}

.page-faq dl dd div {
  margin-bottom: 1em;
}

.page-faq dl dd div:last-child {
  margin-bottom: 0;
}

/* Download
*********************/
.page-download {
  padding: 0;
  text-align: center;
  background: none;
}

.page-download>div {
  margin: 20px 10px 0 10px;
  padding: 10px 10px 5px;
}

.page-download>div a:hover,
.page-download>div a:hover img {
  opacity: .8;
  color: #3d301f;
}

.page-download>div ul li {
  display: inline-block;
  width: 95%;
  vertical-align: top;
  margin: 0 0 30px 0;
}

.page-download>div ul li:last-child {
  margin-bottom: 0;
}

.page-download>div ul li.movie p {
  text-align: left;
}

.page-download>div ul li section {
  margin-bottom: 15px;
  color: #878585;
  text-align: justify;
  text-justify: inter-ideograph;
}
.page-download .voice{
	font-size: 0.8em;
	text-align: left;
  margin-top:50px;
}

.page-download>div ul li section h3 {
  line-height: 1.5;
  margin: 0 0 10px;
  padding: 0 0 5px 10px;
  font-size: 0.9375em;
  border-left: 4px solid #e6aca1;
  border-bottom: 1px solid #c4c4c3;
}

.page-download>div ul li section>a img {
  display: block;
  max-width: 100%;
  margin: 0 auto 10px;
}

.page-download>div ul li section p {
  margin: 0 0 1.2em;
  font-size: 0.8125em;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  line-height: 1.2;
}

.page-download>div ul li.movie div.yt {
  width: 100%;
  margin: 0 0 1.2em;
  position: relative;
  right: 0;
  max-width: 419px;
}

.page-download>div ul li.movie div.yt::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.page-download>div ul li.movie div.yt iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;

}


.page-download>div ul li:first-child section p {
  margin-bottom: 10px;
}

.page-download>div ul li section div {
  text-align: center;
  font-size: 13px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.page-download>div ul li section div span {
  display: block;
  margin-bottom: 4px;
}

.page-download>div ul li section div span.note {
  font-size: 10px !important;
  text-align: center;
  margin-top: 4px;
}

.page-download>div ul li section div a {
  display: inline-block;
  width: 210px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: url(../../download/img/btn_dl_02.png) repeat-x left top;
  border-radius: 5px;
  position: relative;
}

.page-download>div ul li section div.panf a {
  width: auto;
  background: none;
}


.page-download>div ul li section div a:after {
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -3px;
}

.page-download>div ul li section div.panf a:after {
  content:none;
}



/* congestion　混雑状況
*********************/

#contents.page-congestion {
  background: none;
  padding: 0 0 40px;
}

#contents.page-congestion h3.anti-aliasing {
  font-size: 1.5rem;
  line-height: 1.2em;
  padding: 40px 0;
  text-align: center;
  color: #333;
  font-weight: bold;
  margin: 0;
}

#contents.page-congestion h3.anti-aliasing span {
  font-size: 0.8rem;
}

#contents.page-congestion .text p.lower_lead_summary {
  margin-bottom: 10px;
  color: #333;
  font-size: 1rem;
  padding: 0 10px;
}

#contents.page-congestion .text {
  text-align: center;
  margin: 0 auto 30px;
}

#contents.page-congestion .text strong {
  color: #8f5301;
}

#contents.page-congestion .text strong span {
  font-size: 1.2rem;
}

#contents.page-congestion .text img {
  width: 90%;
  max-width: 512px;
}

#contents.page-congestion dl dd img {
  width: 80%;
}

#contents.page-congestion dl {
  margin-bottom: 50px;
}

#contents.page-congestion dl dt {
  font-size: 1.3em;
  padding: 7px;
}

#contents.page-congestion dl dt,
#contents.page-congestion dl dd {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #333;
}

#contents.page-congestion dl dd {
  height: auto;
  background: url("../../congestion/nowloading.gif") no-repeat center center;
  background-size: 80px 80px;
}

#contents.page-congestion .standard {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

#contents.page-congestion .standard>p {
  background: #c8aa50;
  text-align: center;
  color: #333;
  font-size: 1.2rem;
  padding: 10px 15px;
  line-height: 1;
  width: 100%;
  height: auto;
  margin: 0;
}

#contents.page-congestion .standard ul {
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 30px;
  flex-wrap: wrap;
}

#contents.page-congestion .standard li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  height: 100%;
  font-size: 0.9rem;
  font-weight: bold;
  width: 40%;
  margin: 15px 0 0;
  color: #333;
}

#contents.page-congestion .standard li:first-of-type {
  margin: 0;
}

#contents.page-congestion .standard li span {
  width: 28px;
  height: 28px;
  display: block;
  line-height: 1;
  margin-right: 10px;
}

#contents.page-congestion .standard li .color_area01 {
  background: #5487cf;
}

#contents.page-congestion .standard li .color_area02 {
  background: #ffd800;
}

#contents.page-congestion .standard li .color_area03 {
  background: #db103f;
}



/* CMS
*********************/
#contents.page .data_wrap01{
  margin-top:0;
}

.cms .lower_section {
  padding: 40px 10px 40px 10px;
}

.cms .data_wrap01 {
  margin-top: 0;
  margin-bottom: 0;
}

.cms .data_wrap01 .blog_head_content {
  position: relative;
}

.cms .data_wrap01 .blog_head_content time {
  display: block;
  text-align: right;
  position: relative;
  top: 0;
  right: 0;
  font-size: .875em;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.cms .data_wrap01 .blog_main_content {
  padding: 0 20px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #878585;
  font-size: .875em;
}

.cms .data_wrap01 .blog_main_content img {
  max-width: 100%;
  height: auto;
}

/*********************
MODAL
*********************/
.modaal-iframe-elem {
  background: rgba(231, 204, 168, 0.8);
}

div#modal {
  background:#f7f6f5;
  padding: 20px 15px;
}

div#modal #modal {
  padding: 0 15px;
}

div#modal h3 {
  text-align: center;
  font-size: 1.375em;
  color: #3d301f;
  line-height: 1.2;
}

div#modal h3:after {
  display: block;
  content: 'Reservation';
  font-size: .63em;
}

div#modal h4 {
  margin: 0 0 5px 0;
  color: #000000;
  font-size: 1em;
}

div#modal h4:before {
  content: '◆';
}

div#modal #book_check_in {
  position: relative;
  width: 50%;
  float: left;
}

/* modal2用 */
div#modal #nitteiarea {
  position: relative;
  width: 40%;
  float: left;
}

div#modal #book_check_in input[type="text"] {
  display: inline-block;
  width: 4em;
}

/* modal2用 */
div#modal #nitteiarea input[type="text"] {
  display: inline-block;
  width: 4em;
}

div#modal #book_check_in #lbchkymd {
  position: absolute;
  top: 0;
  right: 30px;
}

/* modal2用 */
div#modal #nitteiarea #lbchkymd {
  position: absolute;
  top: 0;
  right: 30px;
}

div#modal #book_room,
div#modal #book_member {
  width: 25%;
  float: left;
  padding-left: 15px;
}

div#modal #book_room select,
div#modal #book_member select {
  display: inline-block;
  width: 6em;
  margin-right: 5px;
}

/* IE用 */
div#modal #book_room select::-ms-expand,
div#modal #book_member select::-ms-expand {
  display: none;
}


/* modal2用 */
div#modal #ninzuarea select {
  display: inline-block;
  width: 6em;
  margin-right: 5px;
  margin-bottom: 0;
}

div#modal #oth_btn {
  clear: both;
  margin: 10px 20px;
  text-align: center;
  padding-top: 20px;
}

div#modal #oth_btn li {
  display: inline-block;
  padding: 0 10px;
}

div#modal #book_info {
  text-align: center;
}

div#modal #book_info #book_info_tel {
  margin: 0;
  color: #3d301f;
}

div#modal #book_info #book_info_tel span {
  font-size: 2em;
  color: #970000;
}

div#modal #book_info #book_info_data {
  margin: 0;
  color: #3d301f;
}

div#modal #book_info #book_info_data span {
  padding: 7px 10px;
  color: #fff;
  background: #bb7c78;
  font-size: .75em;
  border-radius: 7px;
}

div#modal #book_bns {
  border-top: 1px solid #3d301f;
  margin: 25px auto 0;
  padding: 25px 0 0 0;
  text-align: center;
}

div#modal #book_bns li {
  display: inline-block;
  padding: 0 3px;
}

div#modal .close_modal {
  position: absolute;
  top: 5px;
  right: 15px;
  cursor: pointer;
}

div#modal .close_modal:hover img {
  opacity: .8;
}

/*********************
FOOTER STYLES
*********************/
.lower #footer {
  border-top: 1px solid #d0cfcf;
}

#footer {
  padding: 15px 0 66px 0;
  background: #f7f6f5;
}

#footer dt {
  text-align: center;
}

#footer dt img {
  width: 122px;
  height: auto;
}

#footer dd {
  text-align: center;
  font-size: 0.75em;
  color: #878585;
}

#footer dd:last-child {
  font-size: 0.93em;
}

#footer #foot_sns {
  text-align: center;
}

#footer #foot_sns li {
  display: inline-block;
  padding: 0 5px;
}

#footer #foot_sns li img {
  width: 35px;
}

#footer #footer_nav {
  margin-bottom: 0;
  border-top: 1px solid #878585;
}

#footer #footer_nav li {
  width: 50%;
  border-bottom: 1px solid #878585;
  font-size: 0.75em;
  line-height: 1;
}

#footer #footer_nav li:first-child {
  display: none;
}

#footer #footer_nav li:nth-child(2n+1) {
  float: right;
}

#footer #footer_nav li:nth-child(2n) {
  float: left;
  border-right: 1px solid #878585;
}

#footer #footer_nav li:nth-child(8),
#footer #footer_nav li:nth-child(9) {
  border-bottom: none;
}

#footer #footer_nav li a {
  display: block;
  padding: 10px 10px;
  color: #878585;
  text-decoration: none;
  font-size: 0.875em;
}

#footer #footer_nav li a:hover {
  background: #e6aca1;
  color: #fff;
}

#footer #footer_nav li a:before {
  margin-right: 5px;
  content: '＞';
  color: #878585;
}

#footer #footer_nav li a:before:hover {
  color: #fff;
}

#footer #copyright {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  background: #a3a3a3;
  font-size: 0.56em;
  color: #ffffff;
}

#footer #to_top {
  display: none;
}
.top_campaign_bnr img{
  width: 100%;
  height: auto;
}

#footer .group_hotels {
  width: 257px;
  margin: 25px auto;
}

#footer .group_hotels li {
  margin: 8px 0;
  padding: 0 0 0 10px;
  text-align: left;
  font-size: .75rem;
  background: url("../img/ico_arr01.png") no-repeat 0 50%;
  background-size: 5px 7px;
}

#footer .group_hotels li a:link,
#footer .group_hotels li a:visited {
  color: #535353;
  text-decoration: none;
}

#footer .group_hotels li a:hover {
  text-decoration: underline;
}

_:-ms-fullscreen,
:root #footer .group_hotels li a {
  position: relative;
  top: 6px;
}
/* ==========================
  フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner {
  position: fixed;
  bottom: 220px;
  right: 115px;
  width: 300px;
  max-width: 100%;
  /*display: none;debug用*/
  z-index: 10;
}
@media only screen and (max-width: 1030px) {
  .bl_floatingBanner {
    bottom: 260px;
  }
}
.bl_floatingBanner.js_close {
  display: none !important;
}
.bl_floatingBanner_img {
  display: block;
  transition: 0.3s;
}
.bl_floatingBanner_img:hover {
  opacity: 0.6;
}
.bl_floatingBanner_close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: -15px;
  cursor: pointer;
}
.bl_floatingBanner_close span:nth-of-type(1) {
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
    .bl_floatingBanner {
      display: none !important;
    }
}
/*popup*/

.cc-message{
	font-size: 12px !important;
  line-height: 1.5em !important;
}

.cc-window{
  padding:10px !important;
  margin-bottom: 150px !important;
}

.cc-revoke.cc-bottom{
  bottom:147px !important;
  left: 3px !important;
}


/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {

  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 481px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.

  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /* Access
  ********************/
  .page-access>dl dd {
    font-size: 1.2em;
  }

  .page-access>dl dd span {
    display: inline-block;
  }

  .page-access>dl dd span:first-of-type {
    margin-right: 10px;
    font-size: 0.75em;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  }

  .page-access>dl dd span:nth-of-type(2) {
    margin-right: 40px;
  }
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1205px) {
  
}


@media only screen and (min-width: 769px) {

  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Tablet & Small Desktop Stylesheet

  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!

  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  .sp,
  .sp02 {
    display: none;
  }
  .sp_02{
    display: none;
  }

  .pc {
    display: block;
  }

  .pc_02 {
    display: inline-block;
  }

  .bgswitch{
    display: block;
  }

  .anti-aliasing {
    /* transform: rotate(0.001deg); */
  }

  .red_information,
  .red_font_info {
    font-size: 1em;
  }


  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .anti-aliasing {
      /* transform: rotate(0.03deg); */
      /* text-shadow: 0 0 0.1px rgba(51, 51, 51, 0.5); */
    }
  }


  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 760px;
  }

  /*********************
  HEADER STYLES
  *********************/
  #header {
    position: fixed;
    top: -59px;
    left: 0;
    width: 100%;
    padding: 0;
    background: none;
    z-index: 999;
  }

  #header li {
    /* transform: rotate(0.001deg);  */
  }

  #header li img {
    transform: rotate(0);
    margin: 15px 0 0 0;
    display: block;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    #header li {
      /* transform: rotate(0.03deg); */
    }
  }


  .slide-down {
    animation-name: slideDown;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transform-origin: 50% 50% 0;
    animation-duration: .5s;
    top: 0;
  }

  @keyframes slideDown {
    0% {
      top: -59px;
    }

    100% {
      top: 0;
    }
  }

  .slide-up {
    animation-name: slideUp;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transform-origin: 50% 50% 0;
    animation-duration: .5s;
    top: -59px;
  }

  @keyframes slideUp {
    0% {
      top: 0;
    }

    100% {
      top: -59px;
    }
  }

  #hd_logo {
    display: none;
  }

  #lang_menu {
    display: block;
    position: absolute;
    top: 65px;
    right: 20px;
    z-index: 9999999;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  #sp_foot_menu {
    display: none;
  }

  #gNavi {
    transform: rotate(0);
    display: block;
    background: #fff
  }

  #gNavi ul {
    max-width: 1200px;
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 3px 0;
  }

  #gNavi li {
    float: left;
    width: 8.1666%;
    height: 53px;
    text-align: center;
    font-size: 1.125em;
    line-height: 1;
  }

  #gNavi li:nth-child(1) {
    width: 14%;
  }

  #gNavi li:nth-child(2),
  #gNavi li:nth-child(3),
  #gNavi li:nth-child(5),
  #gNavi li:nth-child(6) {
    letter-spacing: .5em;
    text-indent: .5em;
  }

  #gNavi li:nth-child(4),
  #gNavi li:nth-child(7),
  #gNavi li:nth-child(10) {
    letter-spacing: .33em;
    text-indent: .33em;
  }

  #gNavi li:nth-child(9),
  #gNavi li:nth-child(10) {
    width: 12.5%;
  }

  #gNavi li:nth-child(10) {
    /* background: #7a5752; */
  }

  #gNavi li a:after {
    display: block;
    padding-top: 3px;
    font-size: 0.666em;
    letter-spacing: 0;
    text-indent: 0;
  }

  #gNavi li a:hover {
    background-color: #f6e9e7;
  }

  #gNavi li:first-child a:hover {
    background-color: transparent;
  }

  #gNavi li:nth-child(2) a:after {
    content: 'Room';
  }

  #gNavi li:nth-child(3) a:after {
    content: 'Hotspring';
  }
  #gNavi li:nth-child(4) a:after {
    content: 'Sauna';
  }
  #gNavi li:nth-child(5) a:after {
    content: 'Meal';
  }

  #gNavi li:nth-child(6) a:after {
    content: 'Facility';
  }

  #gNavi li:nth-child(7) a:after {
    content: 'Day trip';
  }

  #gNavi li:nth-child(8) a:after {
    content: 'Access';
  }

  #gNavi li:nth-child(9) a:after {
    content: 'Contact';
  }

  #gNavi li:nth-child(10) a:after {
    content: 'Reservation';
  }

  #gNavi li h1 {
    margin: 0;
    line-height: 53px;
  }

  #gNavi a {
    display: block;
    padding-top: 12px;
    height: 100%;
    color: #878585;
    text-decoration: none;
  }

  #gNavi li:nth-child(10) a {
    color: #fff;
    background: #7a5752;

  }

  #gNavi li:nth-child(9) {
    background: none;
  }

  #gNavi h1 a {
    padding-top: 0;
  }

  #foot_navs {
    display: block;
    background: #feffe7;
  }

  #foot_navs a {
    /* transform: rotate(0.001deg); */
  }

  #foot_navs #foot_nav01_wrap {
    background: #7e6a4f;
  }

  #foot_navs #foot_nav01 {
    display: table;
    margin: 0 auto;
    width: 960px;
  }

  #foot_navs #foot_nav01 li {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: url(../img/bg_nav_border.png) no-repeat 0 50%;
    font-size: 1em;
  }

  #foot_navs #foot_nav01 li:last-child {
    width: 45px;
  }

  #foot_navs #foot_nav01 li a {
    display: block;
    padding: 9px 30px;
    color: #fff;
    text-decoration: none;
    letter-spacing: .33em;
    text-indent: .33em;
  }

  #foot_navs #foot_nav01 li a:hover {
    background: #60523e;
  }

  #foot_navs #foot_nav01 li.last a {
    letter-spacing: 0;
    text-indent: 0;
  }

  #foot_navs #foot_nav01 #foot_nav_toggle {
    cursor: pointer;
  }

  #foot_navs #foot_nav02 {
    display: none;
    width: 960px;
    margin: 0 auto;
    padding: 10px 0;
  }

  #foot_navs #foot_nav02 ul {
    margin: 0 0 0 0;
  }

  #foot_navs #foot_nav02 li {
    /* transform: rotate(0.001deg); */
    margin: 0 0 0 0.7em;
    text-indent: -0.7em;
    color: #878585;
    line-height: 1.2;
  }

  #foot_navs #foot_nav02>li {
    float: left;
  }

  #foot_navs #foot_nav02>li:nth-child(1),
  #foot_navs #foot_nav02>li:nth-child(2),
  #foot_navs #foot_nav02>li:nth-child(4) {
    width: 117px;
  }

  #foot_navs #foot_nav02>li:nth-child(3) {
    width: 70px;
  }

  #foot_navs #foot_nav02>li:nth-child(5) {
    width: 100px;
  }

  #foot_navs #foot_nav02>li:nth-child(6) {
    width: 146.9px;
  }

  #foot_navs #foot_nav02 li ul li:before {
    content: '● ';
  }

  #foot_navs #foot_nav02 li ul li li:before {
    content: '- ';
  }

  #foot_navs #foot_nav02 a {
    font-size: 0.75em;
    color: #878585;
    text-decoration: none;
  }

  #foot_navs #foot_nav02 a:hover {
    text-decoration: underline;
  }

  /* AI Concierge */
  #trip_ai_container {
    display: block !important;
  }

  .plan_link_only {
    width: 50%;
    max-width: 600px;
    margin:20px auto;
  }

  /*********************
  PAGE STYLES
  *********************/
  br.no_br_sp {
    display: inline;
  }

  .more_read {
    font-size: 0.875em;
    line-height: 1;
    vertical-align: middle;
  }

  .more_read a,
  #topics_magazine .more_read a {
    padding: 5px 70px 5px 40px;
    line-height: 1;
  }

  .more_read a:after {
    border: none;
  }

  #topics_bus section .more_read,
  #topics_magazine section .more_read {
    left: calc(50% - 82px);
  }

  .lower_topics .cat {
    width: 6em;
    margin: 0 0.5em 0 0.5em;
    padding: 4px 0;
    font-size: 1em;
  }

  .lower_topics li a {
    display: inline;
  }

  .tax_8 {
    font-size: .875em;
  }


  /* INDEX
  *********************/
  #index_slider_pc {
    display: block;
    position: relative;
    z-index: 100;
  }

  #index_slider_pc p {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 3.2rem;
    z-index: 999999;
    text-align: center;
  }

  #index_slider_pc p img {
    position: relative;
    display: block;
    margin: 0 auto;
    top: -20px;
  }

  #index_slider_pc ul {
    height: 600px;
    margin: 0;
  }

  #index_slider_pc ul .slick-track {
    max-height: 600px;
  }

  #index_slider_pc ul img {
    width: 100%;
    height: auto;
  }

  /* renewal */
  #top_slider01 h1 {
    position: absolute;
    background: #fff;
    opacity: 0.8;
    z-index: 100;
    margin: 40px;
    padding: 4% 1%;
    width: 25%;
  }

  #top_slider01 h1 img {
    width: 60%;
    max-width: 301px;
    margin: 0 auto;
    display: block;
  }

  #top_slider01 ul.pc {
    padding: 80px 40px 0 80px;
    margin: 0;
  }

  #top_slider01 ul li img {
    margin: 0 auto;
    width: 100%;
  }
  #top_slider01 .slick-slide video,
  #room_bath .slick-slide video,
  #main_slider_sp .slick-slide video {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }

  #top_spa {
    background: url(../../img/top/img_spa_main02_202410.jpg) no-repeat top center;
    padding-top: 400px;
    margin-bottom: 200px;
  }

  #top_dish {
    background: url(../../img/top/img_dish_main02.png) no-repeat top center;
    padding-top: 400px;
    margin-bottom: 200px;
  }

  #top_room {
    background: url(../../img/top/img_room_main_s.png) no-repeat top center;
    padding-top: 400px;
    margin-bottom: 200px;
  }
  #top_room .room_bnr{
    margin:60px auto 0;
  }

  #top_faci {
    background: url(../../img/top/img_facillity_main_202408.png) no-repeat top center;
    padding-top: 400px;
    margin-bottom: 100px;
  }

  #contents.lower #top_spa,
  #contents.lower #top_dish,
  #contents.lower #top_room,
  #contents.lower #top_faci {
    margin-bottom: 500px;
    position: relative;
    background: url(../img/img_main_dummy.png) no-repeat top center #fff;
    padding-top: 400px;
    margin-bottom: 500px;
  }


  #contents.lower #top_spa{
    background: url(../../spa/img/slider/img_spa_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_dish{
    background: url(../../dish/img/slider/img_meal_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_room{
    background: url(../../room/img/slider/img_room_main_01_s.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_faci{
    background: url(../../floorguide/img/slider/img_guide_main_01.jpg) no-repeat top center #fff;
  }


  #contents.lower #top_access,
  #contents.lower #top_relax,
  #contents.lower #top_birch,
  #contents.lower #top_uni,
  #contents.lower #top_seen,
  #contents.lower #top_banq,
  #contents.lower #top_day,
  #contents.lower #top_buffet {
    margin-bottom: 500px;
    position: relative;
    padding-top: 400px;
    background: url(../img/img_main_dummy.png) no-repeat top center #fff;
  }

  #contents.lower #top_access{
    background: url(../../access/img/slider/img_access_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_relax{
    background: url(../../relaxation/img/slider/img_relax_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_birch{
    background: url(../../floorguide/birch-terrace/img/slider/img_birch_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_uni{
    background: url(../../floorguide/universaldesign/img/slider/img_uni_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_seen{
    background: url(../../sightseeing/img/slider/img_seen_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_banq{
    background: url(../../dish/banquet/img/slider/img_banquet_main_01.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_day{
    background: url(../../spa/daytrip/img/slider/img_day_main_01_202501.jpg) no-repeat top center #fff;
  }
  #contents.lower #top_buffet{
    background: url(../../dish/buffet/img/slider/img_buffet_main_01.jpg) no-repeat top center #fff;
  }


  #top_spa #vegas {
    width: 500px;
    height: 500px;
  }

  a.link_more {
    display: none;
  }

  .left_txt_type,
  .right_txt_type {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .left_txt_type .text {
    width: 50%;
    margin-top: 170px;
    position: relative;
    order: 1;
    text-align: left;
  }

  .right_txt_type .text {
    width: 50%;
    margin-top: 170px;
    position: relative;
    order: 2;
    text-align: left;
  }

  .left_txt_type .text h4,
  .right_txt_type .text h4 {
    font-weight: normal;
    font-size: 1.5625rem;
    letter-spacing: 0.2em;
  }

  .left_txt_type .text h4 span,
  .right_txt_type .text h4 span {
    font-size: 0.875rem;
    font-weight: normal;
    display: block;
  }

  .left_txt_type .text p,
  .right_txt_type .text p {
    font-size: 1.375em;
    letter-spacing: 0.1em;
  }

  .left_txt_type .text a,
  .right_txt_type .text a {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30px;
    width: 140px;
    text-align: center;
    text-decoration: none;
    color: #878585;
    background: none;
    /* background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    display: inline-block;
    background-size: contain; */
    margin-bottom: 0;
  }

  .left_txt_type .text a::after,
  .right_txt_type .text a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content:'';
    height: 30px;
    width: 140px;
    background: url(../img/arrow_g_L.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    display: inline-block;
    background-size: contain;
  }


  .left_txt_type .text a:hover,
  .right_txt_type .text a:hover {
    color: #bb7c78;
  }

  .left_txt_type .text a:hover::after,
  .right_txt_type .text a:hover::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content:'';
    height: 30px;
    width: 140px;
    background: url(../img/arrow_g_L_on.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    display: inline-block;
    background-size: contain;
  }

  /* .left_txt_type .text a::after{
    content:'';
    background:url(../img/arrow_g_L.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    height: 30px;
    width: 140px;
    display: inline-block;
    background-size: contain;
  } */
  .left_txt_type .slide_img {
    width: calc(50% - 50px);
    margin: 50px 0 0;
    height: 500px;
    overflow: hidden;
    order: 2;
  }

  .right_txt_type .slide_img {
    width: calc(50% - 50px);
    margin: 50px 0 0;
    height: 500px;
    overflow: hidden;
    order: 1;
  }

  /* #top_spa .left_txt_type .spa_slider {
    max-width: 500px;
    height: 500px;
    overflow: hidden;
  } */
  .left_txt_type .slide_img img,
  .right_txt_type .slide_img img {
    width: 100%;
    ;
  }

  .slide_img ul {
    margin-top: 0;
  }

  #contents.lower .left_txt_type {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 400px;
  }

  #contents.lower .left_txt_type .slide_img {
    width: calc(50% - 80px);
  }


  #top_faci .bnr_birch {
    background: url(../../img/top/bnr_birch.jpg);
    margin-top: 60px;
    padding-top: 22.727%;
  }

  #top_faci .bnr_birch p.btn_title {
    width: 36.3636%;
    top: 25%;
    left: 32%;
    font-size: 1.375rem;
    padding: 5px;
  }

  #top_faci .bnr_birch p.btn_title span {
    display: inline-block;
  }

  #top_faci .bnr_birch p.btn_title span.floor {
    margin: 10px auto;
    display: block;
  }

  #top_faci .bnr_birch p.btn_arrow {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 30px;
    width: 140px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: url(../../img/top/arrow_w_L.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    display: inline-block;
    background-size: contain;
    margin-bottom: 0;
  }


  /* テスト2020 start */
  #index_slider_test {
    height: 600px;
  }

  #index_slider_test p {
    display: block;
    width: 80%;
  }

  #index_slider_test p img {
    position: relative;
    display: block;
    margin: 0 auto;
    top: -20px;
    width: auto;
    height: auto;
  }

  #index_slider_test p img.sp {
    display: none;
  }

  #index_slider_test p img.pc {
    display: block;
  }

  /* テスト2020 end */


  /* お正月対策2020 start */
  #index_slider03 {
    height: 600px;
  }

  #index_slider03 p {
    display: block;
    width: 80%;
  }

  #index_slider03 p img {
    position: relative;
    display: block;
    margin: 0 auto;
    top: -20px;
    width: auto;
    height: auto;
  }

  #index_slider03 p img.sp {
    display: none;
  }

  #index_slider03 p img.pc {
    display: block;
  }

  /* お正月対策2020 end */



  #index_lead div {
    padding: 0;
    width: 100%;
    margin: 40px auto 0;
    overflow: hidden;
  }

  #index_lead h2 {
    padding: 80px 10px;
    font-size: 1.5em;
    letter-spacing: .15em;
    text-indent: -.15em;
  }

  #index_lead p {
    font-size: 0.875em;
    line-height: 2;
    letter-spacing: 0.07em;
    text-indent: -0.07em;
  }


  #top_banners .slick-list {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 0;
  }

  #top_banners .slick-prev,
  #top_banners .slick-next {
    top: 40%;
  }
  .daishizen a img{
    width: 100%;
  }

  #sub_contents {
    padding: 60px 0 40px 0;
    border: none;
    background-image: none;
    background-color: #fff;
  }

  .sub_contents_box {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  #index_news {
    float: left;
    width: 100%;
    margin-right: -350px;
    padding-right: 350px;
    box-sizing: border-box;
  }

  #index_news h3 {
    margin-bottom: 30px;
  }

  #index_news li {
    font-size: 0.8125em;
    margin-bottom: 5px;
    display: flex;
  }

  #index_news li a {
    display: inline-block;
    width: 440px;
  }

  #index_news .cat {
    margin: 0 1em 20px 1em;
  }

  #index_news .campaign {
    width: 100%;
    margin: 15px auto 30px;
  }

  #fb_box {
    float: left;
    width: 40%;
    margin: 0 auto;
  }

  #fb_box p {
    margin: 0;
  }

  #fb_box iframe {
    width: 100%;
  }

  #topics {
    float: right;
    width: 60%;
    margin: 0 0 0 -2.13%;
  }

  #topics #topics_bus,
  #topics #topics_magazine {
    width: 48%;
    float: left;
    margin-left: 2%;
    clear: none;
  }

  #topics #widgets {
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    width: 98%;
    margin-left: 2%;
    padding: 30px;
    min-height: inherit;
  }

  #topics #widgets #bn_trustme {
    margin-bottom: 5px;
    display: block;
  }

  #topics #widgets #bn_trustme p {
    margin: 0;
  }

  #topics #widgets #bn_trustme p.txt {
    padding: 25px 0;
  }

  #topics #widgets #bn_trustme p.post {
    margin: -15px 0 0 0;
    font-size: 0.82em;
  }

  #topics #widgets #bn_tripadvisor {
    display: block;
  }

  #topics #widgets #bn_tripadvisor p.post {
    margin: 5px 0 0 0;
    font-size: 0.82em;
  }

  #topics #widgets #CDSWIDCOE {
    margin: 0 auto 16px !important;
  }

  #topics #widgets #CDSWIDCOE.widCOE {
    margin: 0 auto !important;
  }

  .topics_box {
    padding: 20px 10px 10px 10px;
  }

  #topics_bus {
    background-size: 142px auto;
    background-position: 0 145px;
  }

  #topics_bus h4 {
    font-size: 1.312em;
    letter-spacing: -.05;
  }

  #topics_bus h4 img {
    width: 26px;
    height: 26px;
  }

  #topics_bus h4+p {
    margin: 20px auto 30px auto;
    width: 244px;
  }

  #topics_bus dl {
    margin: 32px 0 32px 140px;
    font-size: 0.812em;
  }

  #topics_bus .more_read {
    margin-top: 5px;
    margin-bottom: 0;
  }
  #topics_magazine {
    padding: 20px 10px 40px 10px;
  }
  #topics_magazine h4 {
    padding: 0 0 9px 0;
    font-size: 1.5em;
    line-height: 1.15;
  }

  #topics_magazine h4 .tit_magazine_sub span {
    top: 0;
  }

  #topics_magazine dt {
    float: none;
    margin: 8px 0 6px 0;
    padding: 0;
    width: 100%;
    font-size: 0.937em;
  }

  #topics_magazine dl {
    margin: 1em 0;
  }

  #topics_magazine dt {
    margin-bottom: 0;
  }

  #topics_magazine dd {
    padding: 0 20px;
    font-size: 0.875em;
  }

  #topics_magazine dd span {
    margin-top: 26px;
  }

  #topics_magazine img {
    margin-right: 0;
    width: 143px;
    height: auto;
  }

  #topics_magazine a:hover img {
    opacity: .8;
  }

  #topics_magazine .more_read {
    margin-top: -10px;
    margin-bottom: 0;
    padding: 5px 10px 0 15px;
    left: calc(50% - 100px)!important;
  }
  
  #topics_magazine .more_read a:after{
    top:50%;
    bottom:inherit;
    left:inherit!important;
  }

  #topics_magazine .more_read span {
    display: inline;
  }

  #group_hotels {
    margin: 0 0 0 -2.13%;
    padding: 0;
    background: none;
  }

  #group_hotels li {
    width: 31.2%;
    float: left;
    margin-left: 2.13%;
    clear: none;
  }

  #group_hotels img:hover {
    opacity: .8;
  }

  #bottom_banners {
    max-width: 1120px;
    margin: 0 auto;
    padding: 50px 30px;
  }

  #bottom_banners li {
    margin: 0 10px;
    padding: 5px 5px;
  }

  #bottom_banners li.mynavi img {
    width: inherit;
  }

  /* COMMON
  *********************/
  .page_section {
    padding: 0 15%;
    width: 100%;
  }

  .page_section .text {
    width: calc(50% + 25px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .page_section .text h4 {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }

  .page_section .text p {
    font-size: 1.125rem;
  }

  #breadcrumb {
    margin: 100px auto 0;
    background: transparent;
  }

  #breadcrumb.txt {
    margin: 0 auto;
    background: #fff;
    padding: 0;
  }

  #breadcrumb ol {
    padding: 15px 0;
  }

  #spa_lead,
  .spa_section {
    padding: 15px 0 20px 0;
    background: none;
  }

  #spa_lead .data_wrap01 {
    margin-top: 0;
  }

  .lower_slider {
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
    /* position: relative; */
    display: flex;
  }

  .page-universaldesign .lower_slider {
    display: none;
  }

  .page-universaldesign .img-responsive {
    width: 100%;
  }



  .lower_slider .slick-slider {
    margin-top: 0;
    order: 1;
  }

  .section_title {
    background: #fff;
    /* position: absolute;
    top: 95.38461%;
    left: 30%; */
    text-align: center;
    width: 40%;
    padding: 45px 20px;
    margin-top: -20px;
  }

  .page-spa h3 {
    font-size: 1.875em;
    padding: 13px 0 25px 0;
  }

  .section_title h3 {
    font-size: 2em;
    padding: 0 0 40px 0;
  }


  .section_title h3::after {
    content: "";
    display: block;
    width: 31.666%;
    height: 5px;
    background-color: #e6aca1;
    position: absolute;
    bottom: 0;
    left: 34.167%;
  }

  .section_title p {
    margin: 35px 0 0;
  }

  h3.new_h3::after {
    width: 100px;
    left: calc(50% - 50px);
  }

  .lower_slider .slick-dots,
  .page-spa .room_intro .room_slider .slick-dots {
    right: 0;
    left: inherit;
  }
  .page-dish .kuksa_intro .menu_slider .slick-dots{
    right: 40px;
    left: inherit;
    bottom:30px;
  }
  .page-dish .kuksa_intro .menu_slider .slick-dots li button::before{
    background-color: #fff;
  }

  .page-dish .kuksa_intro .menu_area {
    padding: 30px;
  }

  .lower_slider .slick-slide video {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }

  .page-dish .kuksa_intro .menu_area td .sp{
    display: none;
  }
  .page-dish .kuksa_intro .menu_area td .pc{
    display: inline-block;
  }
  .dish_wrap01 h4 {
    /* width: 100%; */
    font-size: 1.5rem;
  }

  .more_btn li {
    width: 100%;
  }

  .dish_sammary .more_btn li {
    width: 50%;
    min-width: 300px;
  }

  .more_btn.room_rsv{
    width: 50%;
    flex-direction:row;
    float: right;
  }

  .more_btn.room_rsv li{
    margin-left: 20px;
  }

  .pc_mt00 .dish_wrap01 {
    margin: 40px auto;
    padding: 0;
    max-width: 1200px;
    width: 90%;
  }

  /* 前のもの */
  .lower_slider .slider_cap p {
    font-size: 1em;
  }

  /* .pc_mt00 .dish_wrap01 {
    margin: 0 -15px 0 -15px;
  } */




  .dish_wrap01 .year_cmt {
    float: right;
    font-size: 1em;
  }


  .lower_section.toggle,
  .spa_section.toggle,
  div.toggle {
    display: block;
  }

  .lower_theme01 h3 {
    font-size: 1.875em;
    padding: 13px 0 25px 0;
  }

  .lower_section {
    padding: 40px 10px 40px 10px;
  }

  .lower_section .lower_lead_summary {
    width: 100%;
    padding: 15px 0;
    font-size: 0.875em;
    line-height: 2;
  }

  .lower_section .lower_lead_summary_cmt {
    width: 750px;
    margin: 0 auto;
    font-size: 0.75em !important;
    color: #333333;
    text-align: left;
    line-height: 1.8;
  }

  .lower_section .lower_lead_summary span.pc_space {
    display: inline-block;
    margin-right: 10px;
  }

  .lower_section .lower_lead_summary span.strong {
    font-weight: normal;
    font-size: 1.5em;
  }

  .lower_lead_summary span.strong.komozi {
    font-size: 1.7em;
  }

  .lower_section .lower_lead_summary br.pc_inline {
    display: none;
    margin-right: 10px;
  }

  .lower_section .lower_more_btns {
    max-width: 1200px;
    margin: 0 auto;
  }

  .page-dish .lower_section {
    padding: 0 10px 10px 10px;
  }

  .data_wrap01 {
    max-width: 1200px;
    margin: 50px auto 150px auto;
    padding: 20px;
  }

  .page-dish .data_wrap01 {
    margin-top: 0;
  }

  .data_wrap01 h4 {
    padding: 0 0 5px 15px;
    font-size: 1.25em;
  }

  .data_wrap01 li {
    font-size: 0.812em;
  }

  .data_wrap01 table {
    display: table;
    margin-left: 14px;
    margin-bottom: 15px;
  }

  .data_wrap01 table tbody {
    display: table-row-group;
  }

  .data_wrap01 table tr {
    display: table-row;
  }

  .data_wrap01 table th,
  .data_wrap01 table td {
    display: table-cell;
    padding-bottom: 15px;
    font-size: .875em;
    width: auto;
  }

  .data_wrap01 table th {
    font-weight: normal;
    padding-top: 0;
    padding-left: 15px;
    width: 115px;
  }

  .data_wrap01 table tr.table_hr th,
  .data_wrap01 table tr.table_hr td {
    padding-top: 10px;
    padding-bottom: 0;
    border-top: 1px dashed #b5b5b5;
  }

  .data_wrap01 table tr.table_hr th li,
  .data_wrap01 table tr.table_hr td li {
    text-indent: -1em;
    margin-left: 1em;
  }

  .data_wrap02 {
    max-width: 1200px;
    margin: 15px auto 0 auto;
  }

  .lower_more_btns {
    max-width: 1200px;
    margin: 40px auto 0 auto;
  }

  .lower_more_btns li {
    padding-bottom: 26px;
  }

/*saunoa_bnr*/
#contents .saunoa_bnr01,
#contents .saunoa_bnr01.no_spmt {
  width:100%;
  justify-content: space-between;
  margin:20px auto;
  flex-wrap: nowrap;
  max-width: 960px;
}

#contents .saunoa_bnr01 a:first-child{
  width: calc( 100% - 350px );
  max-width: 596px;
  margin:0 10px 0 0;
}
#contents .saunoa_bnr01 a:first-child .pc{
  display: block;
}
#contents .saunoa_bnr01 a:first-child .sp{
  display: none;
}


#contents .top_border {
  border-top: 2px solid #36332e;
  width:100%;
}
#contents .L_bnr img{
  width: 95%;
  margin-left: 5%;
  margin-top:20px;
}
#contents .L_bnr img.w100{
  width: 100%;
  margin-left: 0;
  margin-top:20px;
}

#contents .saunoa_bnr01.w360px a:first-child{
  width: 100%;
  margin: 30px 0 10px;
}
#contents .saunoa_bnr01.no_pcmt {
  margin:0 auto 100px;
}
#contents .saunoa_bnr01 span{
width:250px;
}
#contents .saunoa_bnr01.right{
  margin:20px 0 20px auto;
}
#contents .saunoa_bnr01.left{
  margin:20px auto 20px 20px;
}
#contents .saunoa_bnr01.w360px {
  width:100%;
  max-width: 430px;
  flex-wrap: wrap;
  margin-top:10px;
}

  /* SPA
  *********************/
  #big_bath,
  #foot_bath {
    margin: 0;
  }

  .page-spa #big_bath h3 span:before {
    top: -1px;
    left: 17px;
  }

  .mac .page-spa #big_bath h3 span:before {
    top: -10px;
    left: 17px;
  }


  #spa_slider02 .slider_cap {
    position: absolute;
    text-align: right;
    width: 100%;
    padding: 40px 30px 0 0;
  }

  #spa_slider02 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: right;
  }

  #spa_slider02 .slider_cap h2 img.pc {
    display: inline-block;
    width: 19.2%;
    min-width: 325px;
    height: auto;
  }

  #spa_slider02 .slider_cap p {
    position: relative;
    z-index: 500;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
    text-shadow: 0px 0px 3px #776950, 0px 0px 3px #776950, 0px 0px 5px #776950, 0px 0px 9px #776950;
  }

  #spa_slider03 .slider_cap {
    position: absolute;
    width: 100%;
    padding: 40px 0 0 30px;
  }

  #spa_slider03 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  #spa_slider03 .slider_cap h2 img.pc {
    display: inline-block;
    width: 31.3%;
    min-width: 561px;
    height: auto;
  }

  #spa_slider03 .slider_cap p {
    position: relative;
    z-index: 500;
    margin: 0;
    padding: 0 10px;
    color: #fff;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
    text-shadow: 0px 0px 3px #324038, 0px 0px 3px #324038, 0px 0px 3px #324038, 0px 0px 5px #324038, 0px 0px 5px #324038, 0px 0px 9px #324038;
  }

  #spa_lead,
  .spa_section {
    padding: 15px 10px 30px 10px;
  }

  .spa_lead_summary {
    padding: 15px 0 0 0;
    width: 100%;
    font-size: 0.875em;
    line-height: 2;
  }

  .spa_lead_summary span.pc_space {
    display: inline-block;
    margin-right: 10px;
  }

  .spa_lead_summary span.strong {
    font-weight: normal;
    font-size: 1.5em;
  }

  .spa_lead_summary br.pc_inline {
    display: none;
    margin-right: 10px;
  }

  #spa_lead .spa_lead_summary {
    background: url(../../spa/img/ico_spa01.png) no-repeat 50%;
  }

  #big_bath .data_wrap01,
  #foot_bath .data_wrap01 {
    padding-bottom: 5px;
  }

  #foot_bath #tit_moreinfo {
    font-size: 1.125em;
  }

  .spa_more_btns {
    max-width: 1200px;
    margin: 40px auto 0 auto;
  }

  .spa_more_btns li {
    padding-bottom: 26px;
  }

  .open_air_bath_box table {
    width: 50%;
    float: left;
  }

  .open_air_bath_box p {
    width: 46%;
    float: right;
  }

  .open_air_bath_box p a:hover img {
    opacity: .7;
  }

  .spa_gallery {
    margin-left: -1%;
  }

  .spa_gallery li {
    margin-left: 1%;
    width: 24%;
    float: left;
    font-size: .813em;
  }

  .spa_gallery li a:hover img {
    opacity: .8;
  }

  .congestion {
    padding: 20px;
  }

  ul.congestion_list {
    width: 320px;
    text-align: left;
    margin: 0 auto;
  }

  /* DISH
  *********************/
  #dish_slider01 h2 {
    top: 13%;
    right: 25%;
    width: 9%;
    max-width: 126px;
    height: auto;
  }

  #dish_slider01 h2.open_tit {
    top: initial;
    bottom: 50px;
    left: 15%;
    width: 31.35%;
    max-width: initial;
    height: auto;
  }

  #dish_slider02 .slider_cap {
    position: absolute;
    width: 100%;
    padding: 40px 0 0 30px;
  }

  #dish_slider02 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  #dish_slider02 .slider_cap h2 img.pc {
    margin-bottom: 10px;
    display: inline-block;
    width: 46.4%;
    min-width: 798px;
    height: auto;
  }

  #dish_slider02 .slider_cap p {
    position: relative;
    z-index: 500;
    margin: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
    text-shadow: 0px 0px 3px #776950, 0px 0px 3px #776950, 0px 0px 5px #776950, 0px 0px 9px #776950;
  }

  #dish_slider03 .slider_cap {
    position: absolute;
    width: 100%;
    padding: 40px 0 0 30px;
  }

  #dish_slider03 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  #dish_slider03 .slider_cap h2 img.pc {
    display: inline-block;
    margin-bottom: 10px;
    width: 30.6%;
    min-width: 522px;
    height: auto;
  }

  #dish_slider03 .slider_cap p {
    position: relative;
    z-index: 500;
    margin: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
    text-shadow: 0px 0px 3px #776950, 0px 0px 3px #776950, 0px 0px 5px #776950, 0px 0px 9px #776950;
  }

  #dish_slider04 .slider_cap {
    position: absolute;
    text-align: right;
    width: 100%;
    padding: 40px 30px 0 0;
  }

  #dish_slider04 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: right;
  }

  #dish_slider04 .slider_cap h2 img.pc {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 24.7%;
    min-width: 423px;
    height: auto;
  }

  #dish_slider04 .slider_cap p {
    position: relative;
    z-index: 500;
    margin: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
    text-shadow: 0px 0px 3px #776950, 0px 0px 3px #776950, 0px 0px 5px #776950, 0px 0px 9px #776950;
  }

  #dish_slider05 .slider_cap {
    position: absolute;
    text-align: right;
    width: 100%;
    padding: 40px 30px 0 0;
  }

  #dish_slider05 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: right;
  }

  #dish_slider05 .slider_cap h2 img.pc {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 34.5%;
    min-width: 605px;
    height: auto;
  }

  #dish_slider05 .slider_cap p {
    position: relative;
    z-index: 500;
    margin: 0;
    padding: 0 5px;
    color: #fff;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
    text-shadow: 0px 0px 3px #776950, 0px 0px 3px #776950, 0px 0px 5px #776950, 0px 0px 9px #776950;
  }

  #dish_slider06 .slider_cap {
    position: absolute;
    width: 100%;
  }

  #dish_slider06 .slider_cap h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  #dish_slider06 .slider_cap.open_tit h2 {
    width: 29.73%;
    min-width: 571px;
    height: auto;
  }

  .dish_wrap01>section {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  .dish_wrap01>section.dish_flex{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row-reverse;
  }

  .dish_wrap01 .ttl_dish {
    margin-top: 0;
  }

  .dish_wrap01 p.main_img {
    float: right;
    width: 48.5%;
    margin: 0;
    padding: 0;
  }

  .dish_wrap01 .wp_menu p.main_img {
    width: 50%;
    margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ddd;
  }

  .dish_wrap01 p.main_img img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  #buffet .dish_wrap01 .dish_sammary {
    float: left;
    width: 48.5%;
    /* height: 661px; */
    /* position: relative; */
  }

  #buffet .dish_wrap01 .dish_sammary p {
     /* position: absolute;
    bottom: 0; */
    margin: 40px 0 0;
    /*margin-top:80px; */
  }

  #buffet .dish_wrap01 .dish_sammary p img {
    width: 100%;
    vertical-align: bottom;
  }

  .dish_wrap01 .dish_sammary {
    float: left;
    /* width: 100%; */
  }

  .dish_wrap01 .dish_sammary .buffet_link {
    display: inline-block;
    float: right;
    padding: 5px 10px;
    margin: 10px 0;
    font-weight: 800;
    color: #7a5752;
  }

  #buffet .viking-section .buffet_link {
    display: inline-block;
    padding: 5px 10px;
    margin: 10px 0;
    font-weight: 800;
    color: #7a5752;
  }

  .dish_wrap01 .dish_lead01 dt {
    margin-bottom: 10px;
    font-size: 1.313em;
    text-align: left;
  }

  .dish_wrap01 .dish_lead01 dd {
    font-size: 1em;
    text-align: left;
    line-height: 1.8;
  }

  .dish_wrap01 a:hover img {
    opacity: .8;
  }

  .dish_wrap01 h4.w_line_img {
    width: 100%;
  }

  .dish_wrap01 .dish_sammary {
    width: 50%;
  }

  #room_meal #room_mead02 dl {
    margin-bottom: 20px;
  }

  #room_meal .lower_more_btns {
    margin-bottom: 25px;
  }

  #buffet .dish_lead01 {
    margin: 20px 0 32px 0;
  }

  #one_coin h4:first-child img {
    margin: 0 auto;
  }

  #one_coin_list01 {
    width: 100%;
  }

  h4.w_line_img_center{
    width: 100%;
  }

  #one_coin_list01 li {
    position: relative;
  }

  #one_coin_list01 li span {
    display: block;
    position: absolute;
    top: 12px;
    left: 22px;
    width: 207px;
    margin: 0 auto;
    padding: 4px;
    background: rgba(255, 255, 255, 0.8);
  }

  #one_coin_list01 li img:last-child {
    display: block;
    margin: 0 auto;
  }

  /*    #one_coin_list01 li:after {
      position: absolute;
      right: 20px;
      bottom: 10px;
      content: url(../../dish/img/ico_dish_500yen.png); }*/
  #one_coin_list01 li:nth-child(1) img:last-child {
    width: 143px;
  }

  #one_coin_list01 li:nth-child(2) img:last-child {
    width: 150px;
  }

  #one_coin_list01 li:nth-child(3) img:last-child {
    width: 90px;
  }

  #one_coin_list02 {
    margin: 30px auto 25px auto;
    max-width: 600px;
  }

  #one_coin_list02 li:nth-child(2n+1),
  #one_coin_list02 li:nth-child(2n) {
    padding-right: 1em;
  }



  #izakaya .dish_wrap02_lead {
    margin-bottom: 25px;
  }

  #izakaya .dish_wrap02_lead span {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  }

  #banquet .data_wrap01 {
    margin-top: 15px;
  }

  #banquet #table-banquet {
    float: left;
    width: 55%;
    margin-top: 10px;
  }

  #banquet .map_wrap {
    width: 40%;
    float: right;
  }

  #banquet .map_wrap p {
    margin: 5px 0;
  }

  #banquet .more_btn {
    margin-bottom: 25px;
    text-align: center;
  }

  #banquet .more_btn li {
    display: inline-block;
    width: auto;
  }

  #banquet .more_btn li a:hover img {
    opacity: .8;
  }

  #banquet .lower_more_btns {
    margin-bottom: 20px;
  }

  .dish_limited {
    margin-bottom: 40px;
  }

  .dish_limited .dish_sammary {
    width: 100%;
  }

  .dish_limited .dish_sammary h4 {
    margin-top: 0;
    font-size: 1.125em;
    background-size: 100% 100%;
  }

  .dish_limited .dish_sammary h4+p {
    font-size: 1em;
  }

  .dish_limited p.main_img {
    margin-bottom: 15px;
  }

  .dish_limited .data_wrap01 {
    clear: both;
  }

  .dish_limited .data_wrap01 h4 {
    margin-bottom: 10px;
  }

  .dish_limited .data_wrap01 li {
    padding: 3px 0;
  }

  .dish_limited .more_btn {
    margin-bottom: 0 !important;
  }

  .dish_limited .wp_menu {
    display: flex;
    align-content: space-between;
    width: 100%;
  }

  .dish_limited .data_wrap01 {
    margin: 0 !important;
    width: 50%;
  }

  .dish_limited .dish_sammary h4+p {
    width: 100%;
    margin: 20px auto;
  }

  .page-dish #room_lead .data_wrap01 {
    margin-top: 15px;
    margin-bottom: 40px;
  }

  .page-dish #room_lead .data_wrap01 ul {
    height: 130px;
  }

  .page-dish .dish_separate01 div {
    float: left;
    width: 62%;
  }

  .page-dish .dish_separate01 ul.more_btn {
    float: right;
    width: 30%;
    margin: 0;
  }

  .page-dish .dish_separate01 ul.more_btn li {
    padding: 0;
    margin: 5px;
  }

  .page-dish .dish_separate01 ul.more_btn li a {
    width: 100%;
  }

  .page-dish .dish_separate01 ul.more_btn li img {
    width: 100%;
  }

  .page-dish .data_wrap01 table tr.table_hr td li:nth-child(1) {
    padding-right: 50px;
  }

  .page-dish .data_wrap01 table tr.table_hr td li:nth-child(1),
  .page-dish .data_wrap01 table tr.table_hr td li:nth-child(2) {
    float: left;
  }

  .page-dish .data_wrap01 table tr.table_hr td li:nth-child(3) {
    clear: both;
  }

  .page-dish .map {
    position: relative;
  }

  .page-dish .map a {
    pointer-events: auto;
  }

  .page-dish .map a:after {
    content: '';
    position: absolute;
    top: -5px;
    right: -10px;
    background: url(../img/ico_zoom.png) no-repeat;
    background-size: contain;
    width: 11%;
    height: 25%;
  }

  .page-dish .map a:hover,
  .page-dish .map a:hover img {
    opacity: .8;
  }

  /*kuksa*/

  /* #kuksa.lower_theme01 h3 span{
  font-size:0.78em;
} */
  .page-dish .kuksa_intro{
    max-width: 1200px;
    margin: 35px auto 40px auto;
    padding: 0;
  }

  .page-spa .room_intro {
    max-width: 1200px;
    margin: 0 auto 100px;
    padding: 0;
  }

  .page-dish .kuksa_intro .flex_box,
  .page-spa .room_intro .flex_box {
    justify-content: space-between;
    flex-direction: row;
  }
  .page-dish .kuksa_intro .flex_box {
    align-items: stretch;
  }
  .page-dish .kuksa_intro .img_area {
    width: 37%;
    max-width: 412px;
  }

  .page-dish .kuksa_intro .img_area img {
    width: 100%;
  }

  .page-dish .kuksa_intro .txt_area {
    color: #878585;
    width: 66%;
    padding: 30px 250px 30px 30px;
  }

  .page-dish .kuksa_intro .txt_area h4 {
    font-size: 1.1em;
  }

  .page-dish .kuksa_intro .txt_area p {
    font-size: 0.9em;
  }

  .page-dish .kuksa_intro .menu_slider,
  .page-spa #room_bath .room_intro .room_slider {
    width: 64%;
    background:#b6b6b6;
  }

  .page-dish .kuksa_intro .menu_slider span,
  .page-spa #room_bath .room_slider span{
    right: 40px;
    bottom: 20px;
  }
  .page-dish .kuksa_intro .menu_slider span.b10,
  .page-spa #room_bath .room_slider span.b10{
    right: 40px;
    bottom: 10px;
  }

  .page-dish .kuksa_intro .menu_area a,
  .page-spa #room_bath .menu_area a{
    margin-top:10px;
  }
  .page-dish .kuksa_intro .menu_area h4,
  .page-spa .room_intro .menu_area h4{
    margin-bottom:10px;
  }

  .page-dish .kuksa_intro .slick-dotted.slick-slider,
  .page-spa .room_intro .slick-dotted.slick-slider {
    margin: 0;
    padding:40px;
  }

  .page-dish .kuksa_intro .flex_box.menu{
    background: #fff;
    margin-top: 100px;
  }

  .page-spa #room_bath .flex_box.menu{
    background: #fff;
  }

  /* BANQUET
  *********************/
  .page-banquet #banquet_slider01 h2 {
    top: 13%;
    right: 25%;
    width: 5%;
    height: auto;
  }

  .page-banquet .lower_section {
    padding: 20px 10px 40px 10px;
  }

  .page-banquet #buffet .data_wrap01 {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .page-banquet #buffet .data_wrap01 dl {
    padding: 20px 50px 20px 30px;
  }

  .page-banquet #buffet .data_wrap01 dl dt {
    width: 87px;
    font-size: 1.5em;
  }

  .page-banquet #buffet .data_wrap01 dl dd {
    margin: 0 0 40px 80px;
    text-align: right;
  }

  .page-banquet #buffet .data_wrap01 dl dd a:hover img {
    opacity: .8;
  }

  /* .page-banquet #buffet .data_wrap01 .banquet_wrap {
    padding: 0 25px;
  } */
  
  .page-banquet #buffet .data_wrap01 table#table-banquet {
    margin-top:20px;
    width: 60%;
    float: left;
  }

  .page-banquet #buffet .data_wrap01 #table-banquet th,
  .page-banquet #buffet .data_wrap01 #table-banquet td {
    padding: 6px 5px;
  }

  .page-banquet #buffet .data_wrap01 .map_wrap {
    margin-top:20px;
    width: 38%;
    float: right;
  }

  .page-banquet #buffet .data_wrap01 .map_wrap p {
    margin-top: 0;
    margin-bottom: 11px;
  }
  .page-banquet #buffet .data_wrap01 .map_wrap p img{
    width: 100%;
  }

  .page-banquet #buffet .more_btn {
    margin: 0 auto;
    max-width: 640px;
  }

  .page-banquet #buffet .more_btn li {
    width: 50%;
    float: none;
    margin: 0 auto;
  }

  .page-banquet #buffet .more_btn li:first-child {
    padding-right: .5%;
  }

  .page-banquet #buffet .more_btn li:last-child {
    padding-left: .5%;
  }

  .page-banquet #buffet .more_btn li img {
    width: 100%;
    height: auto;
  }

  .page-banquet #buffet .more_btn li a:hover img {
    opacity: .8;
  }

  .page-banquet #banquet_food .more_btn,
  .page-banquet .only_btn .more_btn{
    width: 80%;
    margin: 0 auto 40px;
  }

  .page-banquet #banquet_food .more_btn li.flno {
    float: none;
    margin: 0 auto;
  }

  .page-banquet .dish_limited .data_wrap01 {
    margin-bottom: 30px;
  }

  .page-banquet .dish_limited .more_btn img {
    display: block;
    width: 310px;
    margin: 0 auto;
  }

  .page-banquet .dish_limited.ptn02 {
    background: none;
  }

  .page-banquet #banquet_food .lower_section .dish_wrap01 section{
    margin-top:60px;
  }
  .page-banquet #afterparty .afterparty_wrap {
    padding-top: 20px;
  }

  .page-banquet #afterparty .afterparty_wrap h4.tit {
    margin-top: 0;
    font-size: 1.75em;
  }

  .page-banquet #afterparty .afterparty_wrap h4.tit.club {
    font-size: 1.688em;
    letter-spacing: -0.1em;
  }

  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }

  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner>section {
    width: 50%;
    float: right;
  }

  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner .data_wrap01 {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 30px 0 0 0;
  }

  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner .data_wrap01.karaoke{
    position: relative;
  }

  .page-banquet #afterparty .afterparty_wrap .party_image {
    width: 48%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
  }

  .page-banquet #afterparty .afterparty_wrap.ptn02 {
    padding: 25px 0;
  }

  .page-banquet #afterparty #afterparty_cmt {
    color: #333333;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
    padding: 12px 0;
    margin: 0;
  }

  .page-banquet #option .option {
    padding-bottom: 20px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .page-banquet #option .option .option_box>p {
    font-size: 1em;
    background-position: 0 50%;
  }

  .page-banquet #option .option .option_inner {
    margin-left: -1%;
  }
  .page-banquet #option .option_box{
    float: left;
  }
  .page-banquet #option .option .option_inner .option_box {
    width: 24%;
    margin-left: 1%;
  }

  .page-banquet #conference-room #table-hall tr:nth-child(odd),
  .page-banquet #conference-room #table-hall02 tr:nth-child(odd) {
    background: #f2e6e4;
  }

  .page-banquet #conference-room #table-hall th,
  .page-banquet #conference-room #table-hall02 th {
    font-size: 1em;
  }

  .page-banquet #conference-room #table-hall td,
  .page-banquet #conference-room #table-hall02 td {
    padding: 7px 0;
    border-right: none;
    border-bottom: 1px dashed #ede5db;
    font-size: .813em;
  }

  .page-banquet #conference-room #table-hall02 {
    margin-bottom: 15px;
  }

  .page-banquet #conference-room #table-hall02 tr {
    display: table-row;
    width: 100%;
    float: none;
  }

  .page-banquet #conference-room #table-hall02 th {
    width: auto;
  }

  .page-banquet #conference-room .floor_map {
    text-align: center;
  }

  .page-banquet #conference-room .floor_map img {
    vertical-align: middle;
  }

  .page-banquet #conference-room .floor_map img:last-child {
    display: inline;
    padding-left: 15px;
  }

  .page-banquet #conference-room .floor_map a:hover img {
    opacity: .8;
  }

  .page-banquet .banquet_foot {
    padding: 30px 0;
  }

  .page-banquet .banquet_foot ul {
    margin: 0 auto;
    max-width: 640px;
  }

  .page-banquet .banquet_foot ul li {
    width: 50%;
    float: none;
    margin: 0 auto;
  }

  .page-banquet .banquet_foot ul li:first-child {
    padding-right: .5%;
  }

  .page-banquet .banquet_foot ul li:last-child {
    padding-left: .5%;
  }

  .page-banquet .banquet_foot ul li img {
    width: 100%;
    height: auto;
  }

  .page-banquet .banquet_foot ul li a:hover img {
    opacity: .8;
  }


  /* VIKING
  *********************/
  /*base 16*/
  .page-viking #viking_slider01 h2 {
    top: 13%;
    right: 25%;
    width: 12%;
    max-width: 160px;
    height: auto;
  }

  .page-viking .viking-row {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }

  .page-viking .viking-row_col {
    width: 48.9%;
    margin-bottom: 30px;
  }

  .page-viking .viking-row_col:nth-last-child(1),
  .page-viking .viking-row_col:nth-last-child(2) {
    margin-bottom: 0;
  }

  .page-viking .viking-section {
    padding-bottom: 50px;
  }

  .page-viking .viking-header {
    padding: 13px 0;
  }

  .page-viking .viking-header_jp {
    font-size: 1.875em;
  }

  .page-viking .viking-header_en {
    width: 300px;
    font-size: .88em;
  }

  .page-viking .viking-season {
    margin-bottom: 0;
  }

  .page-viking .viking-season_list {
    margin-bottom: 0;
  }

  .page-viking .viking-season figcaption {
    margin-top: 8px;
  }

  .page-viking .viking-season p {
    font-size: 1em;
    color: #323232;
  }

  .page-viking .viking-season_list li {
    font-size: .88em;
  }

  .page-viking .viking-live p {
    font-size: .88em;
  }

  .page-viking .viking-live p img {
    display: block;
    margin-bottom: 10px;
  }

  .page-viking .viking-live_ttl {
    padding-left: 65px;
    font-size: 1.25em;
  }

  .page-viking .viking-live_ttl:after {
    width: 140px;
    height: 36px;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .page-viking .viking-live_ttl:before {
    top: -8px;
    width: 50px;
    height: 50px;
    background-position: 2px right;
    -webkit-background-size: contain;
    background-size: contain;
  }

  .page-viking .viking-pizza_ttl {
    font-size: 1.25em;
  }

  .page-viking .viking-pizza p {
    color: #323232;
  }

  .page-viking .viking-unit {
    font-size: .875em;
  }

  .page-viking .viking-unit img {
    display: block;
    margin-bottom: 10px;
  }

  .page-viking .viking-pizza p {
    font-size: 1em;
  }

  .page-viking .viking-pizza p img {
    display: block;
    margin-bottom: 10px;
  }

  .page-viking .viking-live p {
    color: #000;
  }

  .page-viking .viking-season_ttl {
    font-size: 1.25em;
  }

  .page-viking .viking-season-lead01 {
    margin-bottom: 5px;
    font-size: 1.25em;
  }

  .page-viking .viking-season-lead02 {
    margin-bottom: 35px;
    font-size: 1em;
  }
  .page-viking .viking-body h3.new_h3{
    font-size: 1.875em;
  }
  .page-viking .viking-body h3.new_h3 span{
    left:calc(50% - 250px);
  }

  .page-viking .viking-body {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0 0 0;
  }
  .page-viking .viking-body a{
    width: auto;
    padding: 5px 50px;
    margin: 0 auto;
    display: block;
  }
  /*monthly_menu*/
  
  .page-viking .viking-body .monthly_menu{
    width: calc(75% - 40px);
    margin: 50px auto;
    padding: 20px;
  }
  .page-viking .viking-body .monthly_menu > h4{
    font-size: 1.3em;
    color: #FFF;
    padding: 10px;
    margin: 0;
  }
  .page-viking .viking-body .monthly_menu div{
    width: 90%;
    margin: 40px auto;
  }
  /**/
  .page-viking .viking-lead {
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 1.8;
    font-size: 1.25em;
  }

  .page-viking .viking-lead span {
    font-size: .7em;
  }

  .page-viking .viking-sub {
    margin: 0 auto 35px auto;
    font-size: 1.75em;
    font-weight: bold;
  }

  .page-viking .viking-goodpoint {
    padding-top: 40px;
  }

  .page-viking .viking-btn {
    width: 460px;
    font-size: 1.38em;
    padding: .4em;
  }

  .page-viking .viking-btn:hover {
    color: #FFF;
  }

  .page-viking .viking-btn01 {
    margin-top: 40px;
  }

  .page-viking .viking-btn02 {
    margin-top: 10px;
  }

  /* ROOM
  *********************/
  #room_slider01 h2 {
    top: 40px;
    right: 25%;
    width: 6%;
    height: auto;
  }

  #room_slider01 h2.open_tit {
    top: initial;
    bottom: 50px;
    left: 15%;
    width: 31.35%;
    height: auto;
  }

  #room_slider02 .slider_cap {
    bottom: 50px;
    left: 50px;
  }

  #room_slider02 .slider_cap h2 {
    width: 21.5%;
    min-width: 558px;
    height: auto;
  }

  #room_slider02 .slider_cap.open_tit h2 {
    width: 29.73%;
    min-width: 571px;
    height: auto;
  }

  #room_slider03 .slider_cap {
    text-align: right;
    top: 20px;
    right: 50px;
    width: 90%;
  }

  #room_slider03 .slider_cap h2 img {
    width: 21.4%;
    min-width: 412px;
    height: auto;
  }

  #room_slider04 .slider_cap {
    top: auto;
    bottom: 40px;
    left: 50px;
  }

  #room_slider04 .slider_cap h2 {
    margin-left: -5px;
    width: 24.5%;
    min-width: 471px;
    height: auto;
  }

  .btn_room_open {
    display: none;
  }

  .page-room .lower_section {
    display: block;
  }

  .page-room .lower_section.toggle {
    padding: 0 10px 40px 10px;
  }

  /* .page-room .data_wrap01 {
    margin: 15px auto 40px auto;
  } */

  .page-room .data_wrap01 h4 {
    margin-bottom: 20px;
  }

  .page-room .data_wrap01 dl {
    margin: 1em 30px 0 30px;
    padding: 25px 0 0 0;
    border-top: 2px solid #36332e;
  }
  .page-room .data_wrap01 dl.no_border {
    border-top: none;
  }

  .page-room .data_wrap01 table {
    width: 47%;
    float: left;
  }

  .page-room .data_wrap01 table th {
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    padding-left: 0;
    font-size: .875em;
  }

  .page-room .data_wrap01 table td {
    font-size: .875em;
  }

  .page-room .data_wrap01 .room_map {
    position: relative;
    margin: 0;
    padding-bottom: 35px;
    margin-bottom: 30px;
    width: 49%;
    float: right;
  }

  .page-room .data_wrap01 .room_map img {
    display: block;
    margin: 0 auto;
  }

  .page-room .data_wrap01 .room_map img.btn_zoom {
    display: inline;
    position: absolute;
    bottom: 0;
    right: 10px;
  }

  .page-room .data_wrap01 .room_map a {
    pointer-events: auto;
  }

  .page-room .data_wrap01 .room_map a:hover img {
    opacity: .8;
  }

  #room_lead {
    padding: 15px 10px;
  }

  #room_lead .data_wrap01 {
    margin-top: 15px;
  }

  #room_lead .data_wrap01 ul.lower_topics {
    height: auto;
  }

  .data_wrap01 .table_room_pc {
    margin: 0 auto;
  }

  .data_wrap01 .table_room_pc tbody {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
  }

  .data_wrap01 .table_room_pc th,
  .data_wrap01 .table_room_pc td {
    padding: 8px 0;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    /* transform: rotate(0.001deg); */
    text-align: center;
    vertical-align: middle;
  }

  .data_wrap01 .table_room_pc th {
    font-size: 1.125em;
  }

  .data_wrap01 .table_room_pc td {
    font-size: 0.75em;
  }

  .data_wrap01 .table_room_pc th:nth-child(1) {
    width: 80px;
  }

  .data_wrap01 .table_room_pc thead th:nth-child(3) {
    width: 50px;
  }

  .data_wrap01 .table_room_pc thead th:nth-child(4) {
    width: 60px;
  }

  .data_wrap01 .table_room_pc tbody th,
  .data_wrap01 .table_room_pc tbody td {
    border-bottom: 1px dashed #333;
  }

  .data_wrap01 dl {
    margin-bottom: 0;
    padding: 3px 30px 0 30px;
    background: none;
  }

  .data_wrap01 dl dt {
    margin: 0;
    width: 120px;
    float: left;
  }

  .data_wrap01 dl dt:before {
    width: 18px;
    height: 12px;
    background-size: 18px auto;
  }

  .data_wrap01 dl dd {
    margin: 0 0 0 120px;
  }

  .data_wrap01 dl dd br {
    display: none;
  }

  .data_wrap01 dl dd:after {
    content: '';
    display: block;
    clear: both;
  }

  .data_wrap01 dl dt,
  .data_wrap01 dl dd {
    padding-bottom: 15px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .data_wrap01 dl dt:last-child,
  .data_wrap01 dl dd:last-child {
    padding-bottom: 0;
  }

  .page-birch-terrace #room_lead .data_wrap01 {
    margin-bottom: 50px;
  }

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

  .room_special_plan h4 {
    font-size: 1em;
  }

  .room_special_plan p.room_special_plan_image {
    width: 34%;
    float: left;
    margin: 0;
  }

  .room_special_plan p.room_special_plan_image img {
    vertical-align: bottom;
  }

  .room_special_plan .room_special_plan_inner {
    width: 63%;
    float: right;
  }

  .room_special_plan .room_special_plan_inner dt {
    margin-bottom: 10px;
    font-size: 1em;
  }

  .room_special_plan .room_special_plan_inner dd {
    font-size: .813em;
  }

  .room_special_plan .room_special_plan_inner .room_special_plan_price {
    margin: 0 0 10px 0;
  }

  .room_special_plan .room_special_plan_inner p.taC {
    text-align: right !important;
    float: right;
    width: 50%;
  }

  .room_special_plan .room_special_plan_inner p.taC img {
    width: 239px;
  }

  .room_special_plan.ptn02 p.room_special_plan_image {
    float: right;
  }

  .room_special_plan.ptn02 p.room_special_plan_image img {
    width: 100%;
    height: auto;
  }

  .room_special_plan.ptn02 .room_special_plan_inner {
    float: left;
  }

  .room_special_plan.ptn02 .room_special_plan_inner p {
    font-size: .813em;
  }

  /* FLOORGUIDE
  *********************/
  #floorguide_slider01 h2 {
    top: 40px;
    right: 25%;
    width: 6%;
    height: auto;
  }

  .page-floorguide .visual,
  .page-relaxation .visual {
    margin: 40px auto 0;
    width: 90%;
    max-width: 1500px;
  }

  .page-floorguide .lower_section {
    padding: 15px 10px 40px 10px;
  }

  .page-floorguide .data_wrap01 {
    margin: 15px auto 40px auto;
  }

  .page-floorguide .data_wrap01 table tr:last-child td,
  .page-floorguide .data_wrap01 table tr:last-child th {
    padding-bottom: 0;
  }

  .page-floorguide .data_wrap01 table tr.table_hr td {
    margin-top: 10px;
    padding-top: 20px;
  }

  .page-floorguide .room_special_plan {
    margin-top: 38px;
  }

  .page-floorguide #room_lead .data_wrap01 {
    margin-bottom: 25px;
  }

  .page-floorguide #buffet .lower_more_btns img.sp {
    display: none;
  }

  .page-floorguide #buffet ul.lower_more_btns {
    display: flex;
    justify-content: space-between;
  }

  .page-floorguide #buffet .lower_more_btns li {
    padding: 0;
    width: 45%;
    float: left;
  }

  .page-floorguide #buffet table ul li:nth-child(1) {
    float: left;
    margin-right: 50px;
  }

  .page-floorguide #hall #table-hall tr:nth-child(odd) {
    background: #f2e6e4;
  }

  .page-floorguide #hall #table-hall th {
    font-size: 1em;
  }

  .page-floorguide #hall #table-hall td {
    padding: 7px 0;
    border-right: none;
    border-bottom: 1px dashed #ede5db;
    font-size: .813em;
  }

  .page-floorguide #hall p {
    text-align: center;
  }

  .page-floorguide #terrace .data_wrap01 table th {
    width: 130px;
  }

  .page-floorguide #terrace .room_special_plan {
    margin-bottom: 40px;
  }

  .page-floorguide #kinuko .data_wrap01 {
    margin-bottom: 0;
  }

  .page-floorguide #salon h3 {
    padding: 13px 0 25px 0;
  }

  .page-floorguide #salon h3 span.sub {
    display: inline;
  }

  .page-floorguide #steamed_bun h3 {
    font-size: 1.875em;
  }

  .page-floorguide #banquet_hall .banquet_hall_box .banquet_hall_box_inner {
    float: left;
    width: 55%;
  }

  .page-floorguide #banquet_hall .banquet_hall_box p {
    float: right;
    width: 40%;
  }

  .page-floorguide #bar h3 {
    padding: 13px 0 25px 0;
  }

  .page-floorguide #bar h3 span.sub {
    display: inline;
  }

  .page-floorguide #bar .data_wrap01 {
    margin-bottom: 0;
  }

  .page-floorguide #izakaya .room_special_plan {
    margin-bottom: 40px;
  }

  .page-floorguide #night_club .data_wrap01 {
    margin-bottom: 0;
  }

  .page-floorguide #night_club h3 span.sub {
    display: inline;
  }

  .page-floorguide #karaoke .data_wrap01 {
    margin-bottom: 0;
  }

  .page-floorguide #pool .data_wrap01 {
    margin-bottom: 0;
  }

  .page-floorguide #pool .lower_slider {
    margin-bottom: 0;
  }

  .page-floorguide #pool .table_hr th,
  .page-floorguide #pool .table_hr td {
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .page-floorguide #pool .table_hr th {
    padding-right: 15px;
  }

  .page-floorguide #pool ul {
    padding: 0 25px;
  }

  .page-floorguide #pool ul li {
    font-size: .813em;
  }

  .page-floorguide #spa h3 span::before {
    top: -1px;
    left: 16px;
  }

  .page-floorguide #salon h3 span.cap::before {
    top: -1px;
    left: 24px;
  }

  .page-floorguide #steamed_bun h3 span.cap::before {
    top: -1px;
    left: 50px;
  }

  .mac .page-floorguide #spa h3 span::before,
  .mac .page-floorguide #salon h3 span::before,
  .mac .page-floorguide #steamed_bun h3 span::before {
    top: -10px;
  }

  .page-floorguide .lower_theme01{
    padding-bottom:40px;
  }

  .page-floorguide .lower_theme01.floor_last {
    border-bottom: 1px solid #b6b6b6;
  }

  .page-floorguide .lower_theme01.last {
    border-bottom: inherit;
  }

  /* UNIVERSAL DESIGN
  *********************/
  .page-universaldesign #afterparty .afterparty_wrap .party_image {
    width: 35%;
  }

  .page-universaldesign #afterparty .afterparty_wrap .afterparty_wrap_inner>section {
    width: 60%;
  }

  .page-universaldesign .data_wrap01 h4 {
    font-size: 1.8em;
  }

  .page-universaldesign02 .lower_lead_summary {
    font-size: 1.125em;
  }

  .page-universaldesign02 .img_top h2 {
    top: 13%;
    right: 25%;
    width: 3%;
    height: auto;
  }

  .page-universaldesign02 .data_wrap01 h4 {
    margin-top: 30px;
  }

  .page-universaldesign02 .data_wrap01 p {
    padding: 0 20px;
    font-size: 1.2em;
    /* .913em; */
  }

  .page-universaldesign02 .data_wrap01 p img {
    vertical-align: bottom;
  }

  .page-universaldesign02 .data_wrap01 .ud_info {
    text-align: center;
  }

  .page-universaldesign02 .data_wrap01 .ud_info p {
    display: inline-block;
    margin: 1em auto;
    padding: 5px 15px 10px 15px;
    font-size: 1.125em;
  }

  .page-universaldesign02 .data_wrap01 .ud_info p br {
    display: none;
  }

  .page-universaldesign02 .data_wrap01 a:hover img {
    opacity: .8;
  }

  .page-universaldesign02 .data_wrap01 .row {
    padding: 0 20px;
  }

  .page-universaldesign02 .data_wrap01 .row ul {
    margin: 0;
  }

  .page-universaldesign02 .data_wrap01 .row ul li {
    padding-bottom: 10px;
  }

  .page-universaldesign02 .data_wrap01 .row .fl_half {
    width: 49%;
  }

  .page-universaldesign02 .data_wrap01 .row .flR li {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #878585;
    font-size: .813em;
  }

  .page-universaldesign02 .data_wrap01 .row .fl_trisectionf ul {
    margin-left: -1%;
  }

  .page-universaldesign02 .data_wrap01 .row .fl_trisectionf li {
    float: left;
    width: 32%;
    margin-left: 1.33%;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #878585;
    font-size: .813em;
  }

  .page-universaldesign02 .data_wrap01 .row .fl_trisectionf li img {
    width: 100%;
  }

  .page-universaldesign02 .data_wrap01 .row .fl_trisectionf li span {
    display: inline-block;
    margin-right: -200px;
  }

  .page-universaldesign02 .data_wrap01 .row+p {
    margin: 0;
  }

  .page-universaldesign02 #ud_contact {
    padding: 15px 20px 25px 20px;
  }

  .page-universaldesign02 #ud_contact dt {
    font-size: 1.687em;
  }

  .page-universaldesign02 #ud_contact dd {
    font-size: 1.687em;
  }

  .page-universaldesign02 #ud_contact dd span {
    bottom: -7px;
  }

  .page-universaldesign02 .indent {
    margin: 1em;
  }

  .page-universaldesign02 .indent p {
    margin: 0;
  }

  .page-universaldesign02 #rest-room .indent p {
    text-align: right;
    padding-right: 0;
  }

  .page-universaldesign02 .lower_theme01 {
    margin-top: 0;
  }

  /* BIRCH-TERRACE
  *********************/
  #birch_slider01 h2 {
    top: 13%;
    right: 25%;
    width: 15%;
    max-width: 185px;
    height: auto;
  }

  .page-birch-terrace .data_wrap01 table th {
    width: 130px;
  }

  .page-birch-terrace .cont h3 img {
    width: auto;
    max-width: auto;
    max-width: initial;
  }

  .page-birch-terrace .cont h3+div {
    padding: 40px 0 30px;
  }

  .page-birch-terrace .cont h3+div img {
    width: 100%;
    max-width: 100%;
  }
  .page-birch-terrace #cont1 #new_menu_list02 ol li .menu_title{
    width: 100%;
    max-width: 100%;
  }

  .page-birch-terrace .cont h3+div span {
    font-size: 14px;
  }


  .page-birch-terrace #cont1 h3 {
    margin: 0;
    padding: 35px 0 30px;
    background: url(../../floorguide/birch-terrace/img/cont1_h3_bg.png) no-repeat center center, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
    background-size: auto 220px, auto 100%;
  }

  .page-birch-terrace #cont1 h3+div>ul {
    max-width: 1200px;
    margin: auto;
    text-align: left;
    letter-spacing: -0.4em;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 90%;
  }

  .page-birch-terrace #cont1 h3+div>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 290px;
    text-align: center;
    letter-spacing: normal;
  }

  .page-birch-terrace #cont1 h3+div>ul>li:nth-child(odd) {
    margin-right: 0;
  }

  .page-birch-terrace #cont1 h3+div>ul>li:nth-child(3n-1) {
    margin: 0 45px;
  }

  .page-birch-terrace #cont1 h3+div>ul>li figure.gentei,
  .page-birch-terrace #cont1 h3+div>ul>li figure.eatin {

    position: relative;
  }

  .page-birch-terrace #cont1 h3+div>ul>li figure.gentei:before {
    content: '';
    display: inline-block;
    width: 220px;
    max-width: 220px;
    padding-top: 100%;
    background: url(../../floorguide/birch-terrace/img/cont1_gentei.png) no-repeat left top;
    background-size: 100%;
    position: absolute;
    top: -2%;
    margin-left: 3%;
  }
  .page-birch-terrace #cont1 h3+div>ul>li figure.eatin:before {
    content: '';
    display: inline-block;
    width: 220px;
    max-width: 220px;
    padding-top: 100%;
    background: url(../../floorguide/birch-terrace/img/cont1_eatin.png) no-repeat left top;
    background-size: 100%;
    position: absolute;
    top: -4%;
    margin-left: 3%;
  }

  /*newitem*/
  .page-birch-terrace #cont1 h3+div>ul>li figure.newitem {
    position: relative;
  }

  .page-birch-terrace #cont1 h3+div>ul>li figure.newitem:before {
    content: '';
    display: inline-block;
    width: 220px;
    max-width: 220px;
    padding-top: 100%;
    background: url(../../floorguide/birch-terrace/img/cont1_newitem.png) no-repeat left top;
    background-size: 100%;
    position: absolute;
    top: -2%;
    margin-left: 3%;
  }

  .page-birch-terrace #cont1 h3+div>ul>li figure figcaption {
    margin: 10px 0 50px;
  }

  .page-birch-terrace #cont1 h3+div>ul>li figure figcaption img {
    width: 275px;
  }

  /*
    .page-birch-terrace #cont1 h3 + div > ul > li:last-child {
    display: inline-block;
    vertical-align: top;
    width: 290px;
    margin-top: -20px;
    text-align: left; }

    .page-birch-terrace #cont1 h3 + div > ul > li:last-child dl {
    border-top: none; }

    .page-birch-terrace #cont1 h3 + div > ul > li:last-child dl dt {
    padding: 20px 0 0; }

    .page-birch-terrace #cont1 h3 + div > ul > li:last-child dl dt img {
    width: 270px; }

    .page-birch-terrace #cont1 h3 + div > ul > li:last-child dl dd {
    padding: 5px 10px 15px;
    border-bottom: 1px dashed;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #917e66; }
    */

  .page-birch-terrace #cont1 h3+div>ul>li.photo_none {
    display: inline-block;
    vertical-align: top;
    width: 290px;
    margin: 0;
    text-align: left;
  }

  .page-birch-terrace #cont1 h3+div>ul>li.photo_none dl {
    border-top: none;
  }

  .page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dt {
    padding: 20px 0 0;
  }

  /* .page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dt img {
    width: 270px;
  } */

  .page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dd {
    padding: 5px 10px 15px;
    border-bottom: 1px dashed;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #917e66;
  }




  .page-birch-terrace #cont1 h3+div>ul>li.photo_none dl dd:last-of-type {
    border-bottom: none;
  }

  .page-birch-terrace #cont1 h3+div>section {
    width: 960px;
    height: 340px;
    margin: auto;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    color: #292929;
    background: url(../../floorguide/birch-terrace/img/cont1_drink_bg.jpg) no-repeat center top;
    background-size: auto;
    padding: 100px 0 0;
  }

  .page-birch-terrace #cont1 #birch-terrace_cmt {
    margin: 0;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #292929;
    padding: 20px 0 0 0;
    text-align: center;
  }

  .page-birch-terrace #cont1 h3+div>section div {
    display: inline-block;
    vertical-align: top;
    width: 400px;
  }

  .page-birch-terrace #cont1 h3+div>section div:first-of-type {
    /* width: 230px;  */
    width: 330px;
  }

  .page-birch-terrace #cont1 h3+div>section div:nth-of-type(2) {
    margin: 0 0 0 50px;
  }

  .page-birch-terrace #cont1 h3+div>section h4 {
    display: none;
  }

  .page-birch-terrace #cont1 h3+div>section span {
    font-weight: normal;
  }

  .page-birch-terrace #cont1 h3+div>section table {
    width: 100%;
  }

  .page-birch-terrace #cont1 h3+div>section div:nth-of-type(n+2) table {
    margin-left: 3%;
    width: 97%;
  }

  .page-birch-terrace #cont1 h3+div>section table th {
    text-align: left;
    vertical-align: top;
  }

  .page-birch-terrace #cont1 h3+div>section table td {
    text-align: right;
    vertical-align: top;
  }

  .page-birch-terrace #cont1 h3+div>section h5 {
    text-align: left;
    margin: 1.5em 0 0;
    font-weight: bold;
    font-size: 1em;
  }

  .page-birch-terrace #cont1 h3+div>section h5:first-of-type {
    margin-top: -5px;
  }

  .page-birch-terrace #cont2 h3 {
    margin: 0;
    padding: 35px 0 30px;
    background: url(../../floorguide/birch-terrace/img/cont2_h3_bg_pc.png) no-repeat center bottom, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
    background-size: auto, auto 100%;
  }

  .page-birch-terrace #cont3 h3 {
    margin: 0;
    padding: 35px 0 30px;
    background: url(../../floorguide/birch-terrace/img/cont3_h3_bg.png) no-repeat center bottom, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
    background-size: 620px auto, auto 100%;
  }

  .page-birch-terrace #cont2 h3+div,
  .page-birch-terrace #cont3 h3+div {
    padding: 20px 0 10px;
  }

  .page-birch-terrace #cont2 h3+div ol,
  .page-birch-terrace #cont3 h3+div ol {
    max-width: 1200px;
    margin: 10px auto 0;
    letter-spacing: -0.4em;
    width: 90%;
  }

  .page-birch-terrace #cont2 h3+div ol li,
  .page-birch-terrace #cont3 h3+div ol li {
    width: calc(50% - 10px);
    margin: 0 0 30px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
  }

  .page-birch-terrace #cont2 h3+div ol li:nth-child(odd),
  .page-birch-terrace #cont3 h3+div ol li:nth-child(odd) {
    margin-right: 10px;
  }

  .page-birch-terrace #cont2 h3+div ol li:nth-child(even),
  .page-birch-terrace #cont3 h3+div ol li:nth-child(even) {
    margin-left: 10px;
  }

  .page-birch-terrace #cont2 h3+div ol li h4,
  .page-birch-terrace #cont3 h3+div ol li h4 {
    margin: 0 0 3px;
    line-height: 1;
    background: #666 url(../../floorguide/birch-terrace/img/cont2_h4_bg.png) center;
    background-size: auto 100%;
    text-align: left;
  }

  .page-birch-terrace #cont2 h3+div ol li h4 img,
  .page-birch-terrace #cont3 h3+div ol li h4 img {
    width: 280px;
    max-width: 280px;
    vertical-align: bottom;
  }

  .page-birch-terrace #cont2 h3+div ol li p,
  .page-birch-terrace #cont3 h3+div ol li p {
    margin: 0;
    color: #878585;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-birch-terrace #cont4 h3 {
    margin: 0;
    padding: 35px 0 30px;
    background: url(../../floorguide/birch-terrace/img/cont4_h3_bg_pc.png) no-repeat center 7px, url(../../floorguide/birch-terrace/img/cont_h3_bg.jpg) repeat-x center center;
    background-size: 947px auto, auto 100%;
  }

  .page-birch-terrace #cont4 h3+div {
    padding: 20px 0 40px;
  }

  .page-birch-terrace #cont4 h3+div>ul {
    width: 960px;
    margin: 10px auto 0;
  }

  .page-birch-terrace #cont4 h3+div>ul li {
    margin: 0 0 30px;
  }

  .page-birch-terrace #cont4 h3+div>ul li p {
    margin: 10px 0 0;
    color: #878585;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper {
    width: 960px;
    margin: 0 auto 20px;
    background: url(../../floorguide/birch-terrace/img/slide_bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 0 0 20px;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper img {
    width: 100%;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-slide:focus {
    outline: none;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper p {
    color: #fff;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    margin: 20px 20px 0;
    padding: 0;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev,
  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next {
    top: 0;
    width: 45px;
    height: 70px;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev:before,
  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next:before {
    content: '';
    opacity: .75;
    color: #fff;
    font-size: 30px;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev {
    left: 5px;
    z-index: 10;
    background: url(../../floorguide/birch-terrace/img/slide_left.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next {
    right: 5px;
    z-index: 11;
    background: url(../../floorguide/birch-terrace/img/slide_right.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev:hover,
  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-prev:focus {
    background: url(../../floorguide/birch-terrace/img/slide_left.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next:hover,
  .page-birch-terrace #cont4 h3+div .slider_wrapper .slick-next:focus {
    background: url(../../floorguide/birch-terrace/img/slide_right.png) no-repeat 0 0;
    background-size: 100% auto;
  }

    .page-birch-terrace #cont1 #new_menu_list {
        padding: 20px 5% 5px 5%;
    }

    .page-birch-terrace #cont1 #new_menu_list ol {
        max-width: 1200px;
        margin: 10px auto 0;
        letter-spacing: -0.4em;
        text-align: left;
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-birch-terrace #cont1 #new_menu_list ol li {
        width: calc(50% - 10px);
        margin: 0 0 30px;
        padding: 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        position: relative;
    }

    .page-birch-terrace #cont1 #new_menu_list ol li img{
      max-width: 100%;
    }
    .page-birch-terrace #cont1 #new_menu_list ol li  img.txt_100{
      width: initial;
    }
    .page-birch-terrace #cont1 #new_menu_list ol li:nth-last-child(odd) {
        padding-right: 0;
    }

    /* .page-birch-terrace #cont1 h3+div ol li:nth-child(odd) {
        margin-right: 10px;
    } */

    .page-birch-terrace #cont1 h3+div ol li:nth-child(even) {
        margin-left: 10px;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol>li:nth-child(3n-1) {
        margin: 0 45px;
    }

    .page-birch-terrace #cont1 #new_menu_list .list_title {
        margin-bottom: 35px;
    }

    .page-birch-terrace #cont1 #new_menu_list .list_title img {
        width: 226px;
    }

    .page-birch-terrace #cont1 #new_menu_list .set_menu_time {
        color: #60513e;
        margin-bottom: 35px;
        font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
        font-size: 0.9em;
    }

    .page-birch-terrace #cont1 #new_menu_list ol img {

        margin: 0 0 10px 0;
    }

    .page-birch-terrace #cont1 #new_menu_list ol li .buffet {
        position: absolute;
        top: -24px;
        width: 242px;
        left: 0;
    }

    .page-birch-terrace #cont1 #new_menu_list ol li p {
        margin: 0;
        /*! text-align: justify; */
        /*! text-justify: inter-ideograph; */

        padding: 5px 0 15px;
        font-size: 0.875em;
        font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #60513e;
        text-align: left;
    }

    /*menu_list02*/

    .page-birch-terrace #cont1 #new_menu_list02 .list_title {
        margin-bottom: 35px;
    }

    .page-birch-terrace #cont1 #new_menu_list02 .list_title img {
        width: 226px;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        /*2列の時はspace-evenly*/
        align-content: center;
        align-items: stretch;
        flex-wrap: wrap;
        width: 90%;
        flex-direction: row;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol.list_center {
        justify-content: center;
    }

    .page-birch-terrace #cont1 #new_menu_list02 li {
        width: 290px;
        margin: 0 0 35px;
    }
    .page-birch-terrace #cont1 #new_menu_list02 ol li .menu_ph{
      width: 100%;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li .buffet {
        width: 242px;
        margin: 5px 0;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li .no_buffet {
        margin: 5px 0;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li p {
        margin: 0;
        padding: 5px 0 15px;
        font-size: 0.875em;
        font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
        color: #60513e;
        text-align: left;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only {
        text-align: left;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div {
        border-top: 1px dotted #292929;
        padding: 15px 0 0;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div:first-of-type {
        border-top: 0;
        padding: 0;

    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div .menu_title,
    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div .menu_title01,
    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div .menu_title02,
    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div .menu_title03 {
        width: auto;
    }

    .page-birch-terrace #cont1 #new_menu_list02 ol li.txt_only>div p span {
        font-size: 12px;
        color: #60513e;
    }
    .page-birch-terrace #cont1 #new_menu_list02 li figure{
      width: 100%;
      margin-top: 0;
    }
    .page-birch-terrace #cont1 #new_menu_list02 li figure.gentei {
      position: relative;
    }
    .page-birch-terrace #cont1 #new_menu_list02 li figure.gentei img{
      width: 100%;
    }
    .page-birch-terrace #cont1 #new_menu_list02 li figure.gentei figcaption img{
      max-width:inherit;
    }
    .page-birch-terrace #cont1 #new_menu_list02 li figure.gentei:before {
      content: '';
      display: inline-block;
      width: 220px;
      max-width: 220px;
      padding-top: 100%;
      background: url(../../floorguide/birch-terrace/img/cont1_gentei.png) no-repeat left top;
      background-size: 100%;
      position: absolute;
      top: -2%;
      margin-left: 3%;
    }


  /* ACCESS
  *********************/
  .page-access h2.lead {
    top: 55px;
    right: 25%;
    width: 16%;
    max-width: 226px;
    height: auto;
  }

  .page-access {
    padding: 0 0 5px;
    text-align: center;
    background: none;
  }

  .page-access>img {
    width: 100%;
  }

  .page-access>dl {
    max-width: 1200px;
    margin: 25px auto;
    padding: 0;
    overflow: hidden;
    width: 90%;
  }

  .page-access>dl dt {
    float: left;
  }

  .page-access>dl dt h2 {
    margin: 7px 0 0;
  }

  .page-access>dl dt h2 img {
    width: auto;
  }

  .page-access>dl dd {
    font-size: 1.5em;
    color: #000;
    letter-spacing: 0.05em;
    float: right;
    text-align: right;
  }

  .page-access>dl dd span:first-of-type {
    margin-right: 10px;
    font-size: 0.75em;
  }

  .page-access>dl dd span:first-of-type:before {
    content: '〒';
    display: inline;
    width: auto;
    margin-right: 0;
    padding-top: auto;
    background-image: none;
  }

  .page-access>dl dd span:nth-of-type(2) {
    margin-right: 40px;
  }

  .page-access #map {
    max-width: 1200px;
    margin: auto;
    border: 3px solid #caae8c;
    width: 90%;
  }

  .page-access #map iframe {
    width: 100% !important;
    height: 570px !important;
  }

  .page-access section.cont {
    margin-top: 20px;
  }

  /* .page-access section.cont h3 {
    margin: 25px 0 20px;
    padding: 17px 0 48px;
    font-size: 1.75em;
    color: #fff;
    letter-spacing: 0.15em;
    text-indent: 0.15em;
    background: url(../../access/img/tit_h3_bg.png) repeat-x center top;
  } */

  .page-access section.cont>div {
    margin: auto;
  }

  .page-access section.cont>section {
    margin: auto;
    padding: 0;
    color: #878585;
  }

  .page-access section.cont .accordion {
    display: block;
    margin: 80px auto 0;
    width: 100%;
  }

  .page-access #cont1 .red {
    color: #b91520;
  }

  .page-access #cont1 section h4 {
    margin: 0 0 0;
    font-size: 1.5em;
    letter-spacing: -0.05em;
  }

  .page-access #cont1 section h4 span:last-of-type {
    display: inline;
    margin-left: 10px;
  }

  .page-access #cont1 section dl {
    margin: 0 0 0;
    padding: 35px 0 20px;
    background: url(../../access/img/cont1_1_202112.png) no-repeat left bottom, url(../../access/img/cont1_2_202112.png) no-repeat right top;
  }

  .page-access #cont1 section dl dt {
    font-size: 1em;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-access #cont1 section dl dd {
    font-size: 0.8125em;
    line-height: 2;
  }

  .page-access #cont1 section>div {
    margin: auto;
    overflow: hidden;
  }

  .page-access #cont1 section>div div {
    width: 100%;
    max-width: 800px;
    float: left;
  }

  .page-access #cont1 section>div div table.sp_table {
    display: none;
  }

  .page-access #cont1 section>div div table {
    width: 100%;
  }

  .page-access #cont1 section>div div table th {
    height: 57px;
    font-size: 1.125em;
    font-weight: normal;
  }

  .page-access #cont1 section>div div table td.gothic {
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-access #cont1 section>div div table td span.pc {
    display: inline;
  }

  .page-access #cont1 section>div div table tr {
    border-bottom: 2px solid;
  }

  .page-access #cont1 section>div div table tr:nth-child(2) {
    border-bottom: 1px dashed;
  }

  .page-access #cont1 section>div div ul {
    margin: 10px 0 0;
  }

  .page-access #cont1 section>div div ul li {
    margin: 0 0 3px 1em;
    text-indent: -1em;
    text-align: left;
    font-size: 0.875em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-access #cont1 section>div div p {
    display: block;
    line-height: 48px;
    margin: 5px 0 0;
    padding: 0;
    border: 2px solid #b91520;
    background-color: #fff;
    font-size: 0.9375em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
  }

  .page-access #cont1 section>div figure {
    width: 348px;
    float: right;
  }

  .page-access #cont1 section>div figure figcaption {
    line-height: 57px;
    font-size: 1.125em;
  }

  .page-access #cont2 img {
    margin: 10px auto;
    width: 100%;
  }

  .page-access #cont2 section {
    padding: 0;
  }

  .page-access #cont2 section h4 {
    width: 100%;
    line-height: 43px;
    padding-bottom: 3px;
    font-size: 1.125em;
    font-weight: normal;
    color: #decf98;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    background-color: #7f6849;
    border-radius: 8px;
  }

  .page-access #cont2 section h4:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 214px;
    margin-top: -2px;
    padding-top: 3px;
    margin-right: 20px;
    background: url(../../access/img/cont2_tit_h4_bg1.png) no-repeat left top;
  }

  .page-access #cont2 section h4:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 214px;
    margin-top: -2px;
    padding-top: 3px;
    margin-left: 20px;
    background: url(../../access/img/cont2_tit_h4_bg2.png) no-repeat right top;
  }

  .page-access #cont2 section dl {
    padding-left: 30px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  .page-access #cont2 section dl dt {
    margin: 25px 0 10px;
    font-weight: bold;
    position: relative;
  }

  .page-access #cont2 section dl dt:before {
    content: '';
    width: 18px;
    height: 11px;
    background: url(../../access/img/cont2_dt.png) no-repeat left top;
    position: absolute;
    left: -25px;
    top: 5px;
  }

  .page-access #cont2 section dl dd {
    font-size: 0.875em;
  }

  .page-access #cont3 section {
    margin: 0 auto;
  }

  .page-access #cont3 section h4 {
    line-height: 46px;
    padding-left: 10px;
    border-left: 20px solid #e6aca1;
    font-size: 1.125em;
    color: #878585;
    text-align: left;
    letter-spacing: 0.1em;
    background: #fff;
  }

  .page-access #cont3 section img {
    margin: auto;
    width: 100%;
  }

  .page-access #cont3 section ul.list {
    margin: 30px 0 40px;
  }

  .page-access #cont3 section ul.list li {
    font-size: 1em;
    text-align: left;
  }

  .page-access #cont3 section ul.list li a {
    color: #7a5752;
  }

  /* SIGHTSEEING
  *********************/
  .page-sightseeing .sp_none {
    display: block;
  }

  .page-sightseeing .pc_none {
    display: none;
  }

  .page-sightseeing .img_top h2 {
    top: 13%;
    right: 25%;
    width: 12%;
    max-width: 165px;
    height: auto;
  }

  .page-sightseeing #map_sightseeing {
    height: 540px;
  }

  .page-sightseeing .map_box .lower_section {
    padding: 0;
  }

  .page-sightseeing .map_box .map_nav {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
  }

  .page-sightseeing .map_box .map_nav p {
    flex: initial !important;
    margin-right: 35px;
    line-height: 1.9;
  }

  .page-sightseeing .map_box .map_nav p:last-child {
    margin-right: 0;
  }

  .page-sightseeing .info_box h4 {
    margin-bottom: 32px !important;
  }

  .page-sightseeing .info_box h4 img {
    max-width: 213px;
    width: 100% !important;
    height: auto;
    margin-right: 50px !important;
  }

  .page-sightseeing .info_box h4 img.arrow02 {
    margin-right: 0px !important;
    margin-left: 50px !important;
    transform: rotateX(-180deg);
  }

  .page-sightseeing .info_box.season_box h4 {
    margin-top: 0;
  }

  .page-sightseeing .info_box ul li {
    padding: 8px 20px !important;
  }

  .page-sightseeing .info_box ul li p.num {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 42px !important;
  }

  .page-sightseeing .info_box ul li .info_detail {
    display: flex;
    flex: 1 1 100px;
    align-items: center;
  }

  .page-sightseeing .info_box ul li .info_detail p {
    margin: 0 !important;
  }

  .page-sightseeing .info_box ul li .info_detail p.name {
    flex: 1.5 1 250px;
  }

  .page-sightseeing .info_box ul li .info_detail p.tel {
    flex: 0.8 1 100px;
    padding: 0 2%;
  }

  .page-sightseeing .info_box ul li .info_detail p.url {
    padding: 0 1.5%;
    flex: 2 1 100px;
    word-break: break-all;
  }

  .page-sightseeing .info_box ul li .info_detail p.transportation {
    flex: 1.3 1 100px;
  }

  .page-sightseeing .event_box ul.event_list li {
    display: block !important;
  }

  .page-sightseeing .event_box ul.event_list li div.event_wrap {
    position: absolute;
    top: 50%;
    padding: 0 10px 0 0;
    transform: translateY(-50%);
    width: calc(100% - 38px);
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .page-sightseeing .event_box ul.event_list li p.season {
    justify-content: center !important;
    flex-direction: row;
  }

  .page-sightseeing .event_box ul.event_list li p.season span {
    margin: 0 5px 0 0;
  }

  .page-sightseeing .event_box ul.event_list li p.season span.mg01 {
    margin: 0 -34px 0 34px;
  }

  .page-sightseeing .event_box ul.event_list li p.season span.mg02 {
    margin: 0 -69px 0 0;
  }

  .page-sightseeing .event_box .info_detail {
    display: flex;
    align-items: center;
    flex: 1 1 100px;
  }

  .page-sightseeing .event_box .info_detail p {
    margin: 0 !important;
  }

  .page-sightseeing .event_box span.small {
    font-size: 0.88em;
  }

  .page-sightseeing .event_box p.period {
    flex: 1 1 140px;
    text-align: center;
    padding: 0 0 0 140px;
  }

  .page-sightseeing .event_box p.name {
    flex: 1.5 1 100px;
    text-align: center;
  }


  .page-sightseeing .activity_box .info_box {
    width: 90%;
  }

  /* RELAXATION
  *********************/
  .page-relaxation #relaxation_slider01 h2 {
    top: 13%;
    right: 25%;
    width: 6%;
    height: auto;
  }

  .page-relaxation .price01 .minite,
  .page-relaxation .price01 .yen,
  .page-relaxation .price01 .normal_price {
    font-size: .813em;
  }

  .page-relaxation .data_wrap01 {
    margin: 0 auto 40px auto;
  }

  .page-relaxation .data_wrap01 br:not(.pc_under1030){
    display: inline-block;
  }

  .page-relaxation .data_wrap01 br.pc {
    display: inline-block;
  }

  .page-relaxation .data_wrap01 br.sp {
    display: none;
  }
  .page-relaxation .data_wrap01.shop_info_wrap {
    margin-bottom: 0;
    padding: 20px 20px 20px 20px;
  }

  .page-relaxation .data_wrap01.shop_info_wrap .shop_info {
    padding: 0 25px 0 25px;
  }

  .page-relaxation .data_wrap01.shop_info_wrap dt {
    font-weight: normal;
  }

  .page-relaxation .note_wrap {
    margin: 0 auto;
    max-width: 1200px;
  }

  .page-relaxation .note_wrap .list_note {
    margin: 0 0 40px 0;
  }

  .page-relaxation .relaxation_menu h4 {
    margin: 20px 0 0 0;
    font-size: 1.4em;
  }
  .page-relaxation .relaxation_menu h4 span {
    padding: 0 20px;
  }
  .page-relaxation .relaxation_menu dl,
  .page-relaxation .relaxation_menu ul {
    padding: 0 20px;
  }

  .page-relaxation .relaxation_menu dt {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }

  .page-relaxation .relaxation_menu dd {
    margin: 0;
  }

  .page-relaxation .relaxation_menu img {
    height: 22px;
  }

  .page-relaxation #relax .relaxation_menu ul:nth-of-type(1) {
    float: left;
    width: 47.7%;
  }

  .page-relaxation #relax .relaxation_menu ul:nth-of-type(2) {
    float: right;
    width: 47.7%;
  }
  .page-relaxation #relax .clearfix .relaxation_menu.col_1_w100,
  .page-relaxation #relax .clearfix .relaxation_menu.col_2_left,
  .page-relaxation #relax .clearfix .relaxation_menu.col_2_right{
    margin-bottom: 20px;
  }

  .page-relaxation #relax .relaxation_menu.col_2_left ul:nth-of-type(1),
  .page-relaxation #relax .relaxation_menu.col_2_left ul:nth-of-type(2),
  .page-relaxation #relax .relaxation_menu.col_2_right ul:nth-of-type(1),
  .page-relaxation #relax .relaxation_menu.col_2_right ul:nth-of-type(2){
    float: none;
    width: 100%;
  }
  .page-relaxation #relax .relaxation_menu.col_2_left p,
  .page-relaxation #relax .relaxation_menu.col_2_right p{
    padding: 0 20px;
  }
  .page-relaxation #relax .relaxation_menu p.note{
    padding: 10px 20px 0;
  }
  .page-relaxation #relax .relaxation_menu.col_1 ul:nth-of-type(1) {
    float: none;
    width: 73%;
    margin: 0 auto;
  }

  .page-relaxation #paradiso .clearfix .relaxation_menu:nth-child(1) {
    float: left;
    width: 47.7%;
  }

  .page-relaxation #paradiso .clearfix .relaxation_menu:nth-child(2) {
    float: right;
    width: 47.7%;
  }

  .page-relaxation #paradiso #paradiso_set ul {
    padding: 0;
  }

  .page-relaxation #paradiso #paradiso_set li {
    padding: 0 20px;
    background: url(../../relaxation/img/bg_dot01.png) no-repeat 50% 50%;
  }

  .page-relaxation #paradiso #paradiso_set li:nth-child(1) {
    float: left;
    width: 47.7%;
  }

  .page-relaxation #paradiso #paradiso_set li:nth-child(2) {
    float: right;
    width: 47.7%;
  }

  .page-relaxation #paradiso #paradiso_set li .price {
    background: #fcfbf9;
    padding-left: 10px;
  }

  .page-relaxation .list_note {
    margin: 15px 0 15px 1em;
    padding: 0 20px;
  }

  .page-relaxation .list_note li {
    font-size: .85em;
    margin-bottom: 5px;
  }

  .page-relaxation #relaxation_cmt {
    text-indent: -1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #878585;
    margin: -20px 15px 20px 15px;
  }

  .page-floorguide #floorguide_cmt,
  .note_cmt#faq_cmt {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #878585;
    text-align: center;
  }

  .note_cmt#spa_cmt {
    padding-left: 25px !important;
  }

  .page-relaxation #bedrock_bath div.clearfix>.relaxation_menu {
    float: left;
    width: 47.7%;
  }

  .page-relaxation #bedrock_bath div.clearfix .content_r {
    float: right;
    width: 47.7%;
  }

  .page-relaxation #bedrock_bath div.clearfix .content_r ul {
    padding: 0 20px;
  }

  .page-relaxation #bedrock_bath_shopdata div:first-child {
    float: left;
    width: 47.7%;
    margin-bottom: 0;
  }

  .page-relaxation #bedrock_bath_shopdata div:last-child {
    float: right;
    width: 47.7%;
    margin-bottom: 0;
  }

  .page-relaxation #akasuri ul li:nth-child(4) {
    background: url(../../relaxation/img/bg_dot01.png) no-repeat 50% 50%;
  }

  .page-relaxation #akasuri ul li:nth-child(4) .price {
    background: #fcfbf9;
    padding-left: 10px;
  }

  .page-relaxation #set_menu dl {
    float: left;
    width: 47.7%;
  }

  .page-relaxation #set_menu dl dt {
    background: url(../../relaxation/img/bg_dot01.png) no-repeat 0 50%;
  }

  .page-relaxation #set_menu ul {
    float: right;
    width: 47.7%;
    padding: 0 20px;
  }

  .page-relaxation #set_menu ul li:nth-child(3) {
    background: url(../../relaxation/img/bg_dot01.png) no-repeat 50% 50%;
  }

  .page-relaxation #set_menu ul li:nth-child(3) .price {
    background: #fcfbf9;
    padding-left: 10px;
  }

  .page-relaxation #relax .clearfix .relaxation_menu:nth-child(2n + 1){
    float: left;
    width: 47.7%;
  }

  .page-relaxation #relax .clearfix .relaxation_menu:nth-child(2n){
    float: right;
    width: 47.7%;
  }

  .page-relaxation #relax .clearfix .relaxation_menu:nth-child(3),
  .page-relaxation #relax .clearfix .relaxation_menu.col_1,
  .page-relaxation #relax .clearfix .relaxation_menu.col_1_w100{
    float: right;
    width: 100%;
  }
  .page-relaxation #relax .clearfix .relaxation_menu.col_2_left{
    float: left;
    width: 47.7%;
  }
  .page-relaxation #relax .clearfix .relaxation_menu.col_2_right{
    float: right;
    width: 47.7%;
  }


  .page-relaxation .foot_btn {
    padding: 0 0 40px 0;
  }

  .page-relaxation .foot_btn p img {
    width: 399px;
    height: auto;
  }


  .page-relaxation h4.anti-aliasing.none {
    background: none;
  }

  .page-relaxation h4.anti-aliasing.none:before,
  h4.anti-aliasing.none:after {
    content: none;
  }


  .price09 p {
    display: inline-block;
    position: relative;
    padding: 0 0 0 12px;
    background-color: #fcfbf9;
  }

  span.price09:before {
    background: url(../../relaxation/img/bg_dot01.png) 0 center repeat-x;
    content: "";
    width: 100%;
    height: 4px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .page-relaxation #paradiso_set li .price09 {
    padding-left: 100px;
    background: url(../../relaxation/img/bg_dot02.png) no-repeat 0 50%;
    display: block;
    width: 100%;
    text-align: right;
    position: relative;
  }

  /* DAYTRIP
  *********************/
  .page-daytrip {
    padding: 0 0 0;
    text-align: center;
    background: none;
  }

  .page-daytrip #dish_slider01 h2 {
    width: 6%;
  }

  .page-daytrip h2 img {
    width: 100%;
  }

  /* .page-daytrip .lower_slider .slick-dots {
    bottom: 20px;
  } */

  .page-daytrip #room_lead {
    padding-top: 10px;
    text-align: left;
  }

  .page-daytrip #room_lead .lower_lead_summary {
    line-height: 1.9;
  }

  .page-daytrip .data_wrap01 h4 {
    font-weight: normal;
  }

  .page-daytrip .data_wrap01 h4 span {
    font-size: 0.815em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-daytrip .data_wrap01 table {
    width: 880px;
    margin: 0 auto 30px;
  }

  .page-daytrip .data_wrap01 table:last-of-type {
    margin-bottom: 0;
  }

  .page-daytrip .data_wrap01 table th,
  .page-daytrip .data_wrap01 table td {
    padding: 7px 0;
  }

  .page-daytrip .data_wrap01 table th {
    width: 120px;
  }

  .page-daytrip .data_wrap01 table:last-of-type th {
    width: 75px;
  }

  .page-daytrip .data_wrap01 table td dl {
    margin: 0;
    padding: 0;
    font-size: 1.125em;
  }

  .page-daytrip .data_wrap01 table td dl dt {
    width: auto;
    padding: 0 10px 0 0;
    float: left;
    clear: left;
    font-weight: normal;
  }

  .page-daytrip .data_wrap01 table td dl dt:before {
    content: none;
  }

  .page-daytrip .data_wrap01 table td dl dd {
    margin: 0;
    padding: 0;
  }

  .page-daytrip .data_wrap01 table td p {
    margin: 0 0 0 1em;
    text-indent: -1em;
  }

  .page-daytrip .bath_plan {
    width: 90%;
    max-width: 1200px;
    margin: auto;
  }

  .page-daytrip .bath_plan h4 {
    margin: 0 0 5px;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
  }

  .page-daytrip .bath_plan h4 span {
    display: block;
    font-size: 0.5417em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-daytrip .bath_plan table {
    width: 100%;
    border-top: 2px solid #878585;
    border-bottom: 2px solid #878585;
    font-size: 0.875em;
  }

  .page-daytrip .bath_plan table tr {
    border-bottom: 1px dashed #7d7d7d;
  }

  .page-daytrip .bath_plan table th,
  .page-daytrip .bath_plan table td {
    line-height: 50px;
    padding: 0;
    display: table-cell;
  }

  .page-daytrip .bath_plan table.nolineh th,
  .page-daytrip .bath_plan table.nolineh td {
    line-height: 1.5em;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .page-daytrip .bath_plan table th:last-of-type,
  .page-daytrip .bath_plan table td {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-daytrip .bath_plan table th {
    text-align: center;
  }

  .page-daytrip .bath_plan table th:first-of-type {
    width: 130px;
    padding: 0 0 5px;
    font-size: 1.143em;
  }

  .page-daytrip .bath_plan table th:last-of-type {
    font-weight: bold;
    width: 250px;
  }

  .page-daytrip .bath_plan table td {
    padding: 0 0 0 10px;
  }


  .page-daytrip .bath_plan img.pc {
    display: block;
    margin: 0 auto;
  }

  .page-daytrip .bath_plan img.sp {
    display: none;
  }

  /* .page-daytrip .cont {
    padding-bottom: 5px;
    color: #000;
  } */

  /* .page-daytrip .cont h3 {
    margin: 20px 0 25px;
    padding: 17px 0 48px;
    font-size: 1.75em;
    color: #fff;
    letter-spacing: 0.15em;
    text-indent: 0.15em;
    background: url(../../spa/daytrip/img/tit_h3_bg.png) repeat-x center top;
  } */

  .page-daytrip .cont .cont_wrapper {
    display: block;
    min-width: 960px;
    padding: 0;
  }
  .page-daytrip .cont .new_column{
    display: flex;
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
  }


  .page-daytrip .cont .cont_wrapper.white_bg {
    margin: -35px 0 40px;
    padding: 35px 0 10px;
    background-color: rgba(255, 255, 255, 0.7);
  }

  .page-daytrip .cont .cont_wrapper>div {
    margin-bottom: 40px;
    position: relative;
    letter-spacing: -0.4em;
  }



  .page-daytrip .cont .cont_wrapper>div .left {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 467px);
    margin-right: 12px;
    letter-spacing: normal;
  }

  .page-daytrip .cont .cont_wrapper>div .left .lead h4 img {
    width: 100%;
  }
  .page-daytrip h4.w_line_img {
    width: 100%;
  }

  .page-daytrip .cont .cont_wrapper>div .left .lead h4 img.tit_pc {
    display: inline-block;
  }

  .page-daytrip .cont .cont_wrapper>div .left .lead h4 img.tit_sp {
    display: none;
  }

  .page-daytrip .cont .cont_wrapper>div .left .lead p {
    line-height: 1.9;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 1em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: 0.03em;
  }

  .page-daytrip .cont .cont_wrapper>div .left .data_wrap01 {
    width: 100%;
    margin: 0;
    text-align: left;
  }

  .page-daytrip #cont3.cont .cont_wrapper>div .left .data_wrap01 {
    position: inherit;
  }

  .page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table {
    width: 90%;
    margin: auto;
    white-space: nowrap;
  }

  .page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table td {
    white-space: normal;
  }

  .page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table th.normal {
    padding-top: 8px;
  }

  .page-daytrip .cont .cont_wrapper>div .left .data_wrap01 table+p {
    width: 90%;
    font-size: 0.8125em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 auto;
    padding-left: 1em;
    text-indent: -1em;
  }



  .page-daytrip .cont .cont_wrapper .banner_pc {
    display: inline-block;
    margin-bottom: 10px;
  }

  .page-daytrip .cont .cont_wrapper .banner_sp {
    display: none;
  }

  .page-daytrip .cont .cont_wrapper>div .right {
    display: inline-block;
    vertical-align: top;
    width: 468px;
    margin-left: 10px;
  }

  .page-daytrip #cont1 .cont_wrapper>div+a {
    display: block;
    margin: 0 auto 0;
  }

  .page-daytrip #cont1 .cont_wrapper:last-of-type>div+a {
    margin: 0 auto 30px;
  }
  .page-daytrip #cont1 .cont_wrapper .jizen{
    max-width: 1200px;
    margin: 0 auto;
  }


  .page-daytrip #cont1 .cont_wrapper .jizen a{
    width: 50%;
    max-width:510px;
  }

  .page-daytrip #cont2 .cont_wrapper dl,
  .page-daytrip #cont3 .cont_wrapper dl {
    margin: 0 0 0;
  }

  .page-daytrip #cont2 .cont_wrapper dl dt,
  .page-daytrip #cont3 .cont_wrapper dl dt {
    display: inline-block;
    vertical-align: top;
    font-size: 1.125em;
    letter-spacing: 0.6em;
    text-indent: 0.6em;
    margin-right: 5px;
    padding: 2px 8px 6px;
    border: 1px solid;
  }

  .page-daytrip #cont2 .cont_wrapper dl dd,
  .page-daytrip #cont3 .cont_wrapper dl dd {
    display: inline-block;
    vertical-align: top;
    font-size: 0.8125em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    text-align: left;
    letter-spacing: 0.05em;
  }
  .page-daytrip #cont2 .cont_wrapper dl+ul {
    width: auto;
    margin: 3px 0 30px;
  }

  .page-daytrip #cont2 .cont_wrapper dl+ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.525em;
  }
  .page-daytrip #cont2 .cont_wrapper dl+ul li a{
    font-size:1rem;
  }

  .page-daytrip #cont2 .cont_wrapper dl+ul li:first-child {
    margin-right: 20px;
  }

  .page-daytrip #cont2 .cont_wrapper dl+ul li span {
    color: #970000;
  }

  .page-daytrip #cont2 .cont_wrapper>div .left .lead h4.large {
    font-size: 1.75em;
    letter-spacing: 0;
  }

  .page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table th {
    padding-right: 20px;
  }

  .page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table td ul {
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }

  .page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table td ul li {
    font-size: 1em;
  }

  .page-daytrip #cont2 .cont_wrapper>div .left .data_wrap01 table td ul li:last-child {
    text-align: right;
  }

  .page-daytrip #cont2 .data_wrap01.position_relative_pc {
    position: relative;
    margin-top: 0;
  }


  .page-daytrip #cont3 .cont_wrapper ul .plan_link,
  .page-daytrip #cont2 .cont_wrapper ul .plan_link{
    width:50%;
    margin: 0 auto;
    max-width:510px;
  }

  .page-daytrip .redbox{
    font-size:0.875em;
  }

  /* STYLE
  *********************/
  /* STYLE COMMON
  *********************/
  .style_content_wrap {
    max-width: 1200px;
    margin: 0 auto;
  }

  .style_content_wrap #recommend_style dt img.img-responsive.pc {
    width: 100%;
  }

  .btn_style02 {
    text-align: center;
    width: auto !important;
  }

  .btn_style02 a {
    position: relative;
    display: inline-block;
    padding: 2px 20px 6px 20px;
    background: url(../img/btn_main01.png) repeat-x 50% 0;
    background-size: auto 100%;
    color: #fff;
    text-decoration: none;
    font-size: 1.125em;
    letter-spacing: .1em;
    height: 35px;
  }

  .btn_style02 a:before {
    position: absolute;
    top: 0;
    left: -2px;
    display: inline-block;
    content: '';
    width: 15px;
    height: 35px;
    background: url(../img/btn_left01.png) no-repeat 0 0;
    background-size: auto 100%;
  }

  .btn_style02 a:after {
    position: absolute;
    top: 0;
    right: -6px;
    display: inline-block;
    content: '';
    width: 15px;
    height: 35px;
    background: url(../img/btn_right01.png) no-repeat 0 0;
    background-size: auto 100%;
  }

  .btn_style02 a:hover {
    color: #fff;
    opacity: .8;
  }

  /* COUPLE
  *********************/
  .page-couple #style_head h2 {
    top: 20px;
    left: 25%;
    width: 6%;
    height: auto;
  }

  .page-couple #style_catch {
    position: relative;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0;
  }

  .page-couple #style_catch h3 {
    width: auto;
    margin: 0 auto;
  }

  .page-couple #style_catch h3 img {
    width: auto;
    height: auto;
  }

  .page-couple #style_catch p {
    position: absolute;
    width: auto;
    top: 50px;
    right: 80px;
  }

  .page-couple #check_point h3,
  .page-couple #recommend_style h3 {
    margin: 70px auto 0 auto;
    width: 475px;
    padding: 10px 0;
    font-size: 1.75em;
    background-size: 100% 100%;
    text-align: center;
    font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  }

  .page-couple #check_point ul {
    margin: 20px auto 0 auto;
    width: 100%;
  }

  .page-couple #check_point ul li {
    width: 25%;
    padding: 0 1% 20px 1%;
    font-size: .875em;
  }

  .page-couple #recommend_style {
    padding: 0 12px;
  }

  .page-couple #recommend_style h3 {
    margin-top: 60px;
    margin-bottom: 70px;
  }

  .page-couple #recommend_style div.style_ptn01 {
    margin: 0 auto;
    max-width: 855px;
  }

  .page-couple #recommend_style dl.style_ptn01,
  .page-couple #recommend_style div.style_ptn01 {
    position: relative;
    margin: 0 auto;
    max-width: 855px;
  }

  .page-couple #recommend_style dl.style_ptn01 p.note_top {
    font-size: 0.7rem;
    position: absolute;
    top: 22px;
    left: 64px;
    z-index: 100;
  }

  .page-couple #recommend_style dl.style_ptn01 img.time,
  .page-couple #recommend_style div.style_ptn01 img.time {
    width: auto;
    top: -35px;
  }

  .page-couple #recommend_style dl.style_ptn01.step01 img.time,
  .page-couple #recommend_style dl.style_ptn01.step03 img.time,
  .page-couple #recommend_style dl.style_ptn01.step05 img.time,
  .page-couple #recommend_style dl.style_ptn01.step07 img.time,
  .page-couple #recommend_style dl.style_ptn01.step09 img.time,
  .page-couple #recommend_style div.style_ptn01.step01 img.time,
  .page-couple #recommend_style div.style_ptn01.step03 img.time,
  .page-couple #recommend_style div.style_ptn01.step05 img.time,
  .page-couple #recommend_style div.style_ptn01.step07 img.time,
  .page-couple #recommend_style div.style_ptn01.step09 img.time {
    left: -40px;
  }

  .page-couple #recommend_style dl.style_ptn01.step02 img.time,
  .page-couple #recommend_style dl.style_ptn01.step04 img.time,
  .page-couple #recommend_style dl.style_ptn01.step06 img.time,
  .page-couple #recommend_style dl.style_ptn01.step08 img.time,
  .page-couple #recommend_style dl.style_ptn01.step10 img.time,
  .page-couple #recommend_style div.style_ptn01.step02 img.time,
  .page-couple #recommend_style div.style_ptn01.step04 img.time,
  .page-couple #recommend_style div.style_ptn01.step06 img.time,
  .page-couple #recommend_style div.style_ptn01.step08 img.time,
  .page-couple #recommend_style div.style_ptn01.step10 img.time {
    right: -40px;
  }

  .page-couple #recommend_style dl.style_ptn01 dd,
  .page-couple #recommend_style div.style_ptn01 dd {
    padding: 0;
    background: none;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi {
    position: absolute;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi01,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi01 {
    top: 23px;
    right: -55px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi02,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi02 {
    top: -71px;
    left: -53px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi03,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi03 {
    top: 200px;
    right: 270px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi04,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi04 {
    top: 109px;
    right: 295px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi05,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi05 {
    top: 43px;
    left: 40px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi06,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi06 {
    top: 217px;
    right: 13px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi07,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi07 {
    top: 385px;
    right: 330px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi08,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi08 {
    top: 465px;
    left: -40px;
    z-index: 10;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi08-ptn02,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi08-ptn02 {
    top: 390px;
    left: -40px;
    z-index: 10;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi09,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi09 {
    top: -40px;
    left: 45px;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi10,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi10 {
    top: 425px;
    right: -75px;
    z-index: 10;
  }

  .page-couple #recommend_style dl.style_ptn01 img.fukidashi.fukidashi11,
  .page-couple #recommend_style div.style_ptn01 img.fukidashi.fukidashi11 {
    top: 113px;
    right: 80px;
  }

  .page-couple #recommend_style dl.style_ptn01.next,
  .page-couple #recommend_style div.style_ptn01.next {
    padding-bottom: 30px;
    background-image: url(../../style/img/couple/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 77% 100%;
    background-size: 429px auto;
  }

  .page-couple #recommend_style dl.style_ptn02 {
    position: relative;
    max-width: 855px;
    min-height: 238px;
    height: auto;
    padding: 20px 25px;
  }

  .page-couple #recommend_style dl.style_ptn02:before {
    padding-top: 100%;
    /* 1:1 */
  }

  .page-couple #recommend_style dl.style_ptn02 dt {
    margin: 0 0 15px 0;
    padding: 0 0 5px 10px;
    width: 60%;
    font-size: 1em;
    color: #878585;
  }

  .page-couple #recommend_style dl.style_ptn02 dd {
    width: 60%;
    font-size: .813em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-couple #recommend_style dl.style_ptn02 img {
    position: absolute;
    top: 20px;
    right: 25px;
    margin: 0;
    width: 33%;
    height: auto;
  }

  .page-couple #recommend_style .btn_info_wrap.step_right {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/couple/bg_ptn_line_pc.png), url(../../style/img/couple/bg_ptn01_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-couple #recommend_style .btn_info_wrap.step_right.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/couple/bg_ptn01_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-couple #recommend_style .btn_info_wrap.step_left {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/couple/bg_ptn_line_pc.png), url(../../style/img/couple/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 44% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-couple #recommend_style .btn_info_wrap.step_left.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/couple/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 44% 100%;
    background-size: 429px auto;
  }

  .page-couple #recommend_style .btn_info_wrap.step_center {
    padding: 20px 0;
    background-image: url(../../style/img/couple/bg_ptn_line_pc.png), url(../../style/img/couple/bg_ptn_line_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-couple #recommend_style .btn_info_wrap.step_center.no_result {
    padding: 20px 0;
    background-image: url(../../style/img/couple/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-couple #recommend_style .btn_info {
    margin: 0;
  }

  .page-couple #recommend_style .btn_info a {
    display: block;
    margin: 0 auto;
    padding: 10px 5px 14px 5px;
    width: 80%;
    max-width: 370px;
    color: #fff;
    font-size: 1.125em;
    text-decoration: none;
    text-align: center;
    background: #458293;
    border: 1px solid #afdeeb;
  }

  .page-couple #recommend_style .btn_info a:first-child {
    margin-bottom: 5px;
  }

  .page-couple #recommend_style .btn_info.next_left {
    padding-bottom: 120px;
    background-image: url(../../style/img/couple/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 27% 100%;
    background-size: 431px auto;
  }

  .page-couple #recommend_style .btn_info.next_right {
    padding-bottom: 120px;
    background-image: url(../../style/img/couple/bg_ptn03_pc.png);
    background-repeat: no-repeat;
    background-position: 73% 100%;
    background-size: 429px auto;
  }

  .page-couple #recommend_style .btn_info.double {
    background-image: url(../../style/img/couple/bg_ptn_line02_pc.png), url(../../style/img/couple/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 28% 100%;
    background-size: 429px auto, 431px auto;
  }

  /* FAMILY
  *********************/
  .page-family #style_head h2 {
    top: 20px;
    right: 25%;
    width: 6%;
    height: auto;
  }

  .page-family #style_catch {
    position: relative;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0;
  }

  .page-family #style_catch h3 {
    width: auto;
    margin: 0 auto;
  }

  .page-family #style_catch h3 img {
    width: auto;
    height: auto;
  }

  .page-family #style_catch p {
    position: absolute;
    width: auto;
    top: 75px;
    right: 60px;
  }

  .page-family #check_point h3,
  .page-family #recommend_style h3 {
    margin: 70px auto 0 auto;
    width: 475px;
    padding: 10px 0;
    font-size: 1.75em;
    background-size: 100% 100%;
    text-align: center;
    font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  }

  .page-family #check_point ul {
    margin: 20px auto 0 auto;
    width: 100%;
  }

  .page-family #check_point ul li {
    width: 25%;
    padding: 0 .75% 20px .75%;
    font-size: .875em;
  }

  .page-family #recommend_style {
    padding: 0 12px;
  }

  .page-family #recommend_style h3 {
    margin-top: 60px;
    margin-bottom: 70px;
  }

  .page-family #recommend_style div.style_ptn01 {
    margin: 0 auto;
    max-width: 855px;
  }

  .page-family #recommend_style dl.style_ptn01,
  .page-family #recommend_style div.style_ptn01 {
    position: relative;
    margin: 0 auto;
    max-width: 855px;
  }

  .page-family #recommend_style dl.style_ptn01 img.time,
  .page-family #recommend_style div.style_ptn01 img.time {
    width: auto;
    top: -35px;
  }

  .page-family #recommend_style dl.style_ptn01.step01 img.time,
  .page-family #recommend_style dl.style_ptn01.step03 img.time,
  .page-family #recommend_style dl.style_ptn01.step05 img.time,
  .page-family #recommend_style dl.style_ptn01.step07 img.time,
  .page-family #recommend_style dl.style_ptn01.step09 img.time,
  .page-family #recommend_style div.style_ptn01.step01 img.time,
  .page-family #recommend_style div.style_ptn01.step03 img.time,
  .page-family #recommend_style div.style_ptn01.step05 img.time,
  .page-family #recommend_style div.style_ptn01.step07 img.time,
  .page-family #recommend_style div.style_ptn01.step09 img.time {
    left: -40px;
  }

  .page-family #recommend_style dl.style_ptn01.step02 img.time,
  .page-family #recommend_style dl.style_ptn01.step04 img.time,
  .page-family #recommend_style dl.style_ptn01.step06 img.time,
  .page-family #recommend_style dl.style_ptn01.step08 img.time,
  .page-family #recommend_style dl.style_ptn01.step10 img.time,
  .page-family #recommend_style div.style_ptn01.step02 img.time,
  .page-family #recommend_style div.style_ptn01.step04 img.time,
  .page-family #recommend_style div.style_ptn01.step06 img.time,
  .page-family #recommend_style div.style_ptn01.step08 img.time,
  .page-family #recommend_style div.style_ptn01.step10 img.time {
    right: -40px;
  }

  .page-family #recommend_style dl.style_ptn01 dd,
  .page-family #recommend_style div.style_ptn01 dd {
    padding: 0;
    background: none;
  }

  .page-family #recommend_style dl.style_ptn01 img.fukidashi,
  .page-family #recommend_style div.style_ptn01 img.fukidashi {
    position: absolute;
  }

  .page-family #recommend_style dl.style_ptn01 img.fukidashi.fukidashi01,
  .page-family #recommend_style div.style_ptn01 img.fukidashi.fukidashi01 {
    top: 23px;
    right: -55px;
  }

  .page-family #recommend_style dl.style_ptn01 img.fukidashi.fukidashi02,
  .page-family #recommend_style div.style_ptn01 img.fukidashi.fukidashi02 {
    top: -71px;
    left: 25px;
    z-index: 50;
  }

  .page-family #recommend_style dl.style_ptn01.next,
  .page-family #recommend_style div.style_ptn01.next {
    padding-bottom: 30px;
    background-image: url(../../style/img/family/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 77% 100%;
    background-size: 429px auto;
  }

  .page-family #recommend_style dl.style_ptn02 {
    position: relative;
    max-width: 855px;
    min-height: 238px;
    height: auto;
    padding: 20px 25px;
  }

  .page-family #recommend_style dl.style_ptn02:before {
    padding-top: 100%;
    /* 1:1 */
  }

  .page-family #recommend_style dl.style_ptn02 dt {
    margin: 0 0 15px 0;
    padding: 0 0 5px 10px;
    width: 60%;
    font-size: 1em;
    color: #878585;
  }

  .page-family #recommend_style dl.style_ptn02 dd {
    width: 60%;
    font-size: .813em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-family #recommend_style dl.style_ptn02 img {
    position: absolute;
    top: 20px;
    right: 25px;
    margin: 0;
    width: 33%;
    height: auto;
  }

  .page-family #recommend_style .btn_info_wrap.step_right {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/family/bg_ptn_line_pc.png), url(../../style/img/family/bg_ptn01_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-family #recommend_style .btn_info_wrap.step_right.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/family/bg_ptn01_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-family #recommend_style .btn_info_wrap.step_left {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/family/bg_ptn_line_pc.png), url(../../style/img/family/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 44% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-family #recommend_style .btn_info_wrap.step_left.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/family/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 44% 100%;
    background-size: 429px auto;
  }

  .page-family #recommend_style .btn_info_wrap.step_center {
    padding: 20px 0;
    background-image: url(../../style/img/family/bg_ptn_line_pc.png), url(../../style/img/family/bg_ptn_line_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-family #recommend_style .btn_info_wrap.step_center.no_result {
    padding: 20px 0;
    background-image: url(../../style/img/family/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-family #recommend_style div.wrap_end {
    width: 855px;
  }

  .page-family #recommend_style div.wrap_end p.note_rgt {
    font-size: 0.8rem;
    display: inline-block;
    padding: 5px 10px;
  }

  .page-family #recommend_style .btn_info {
    margin: 0;
  }

  .page-family #recommend_style .btn_info a {
    display: block;
    margin: 0 auto;
    padding: 10px 5px 14px 5px;
    width: 80%;
    max-width: 370px;
    color: #fff;
    font-size: 1.125em;
    text-decoration: none;
    text-align: center;
  }

  .page-family #recommend_style .btn_info a:first-child {
    margin-bottom: 5px;
  }

  .page-family #recommend_style .btn_info.next_left {
    padding-bottom: 120px;
    background-image: url(../../style/img/family/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 27% 100%;
    background-size: 443px auto;
  }

  .page-family #recommend_style .btn_info.next_right {
    padding-bottom: 120px;
    background-image: url(../../style/img/family/bg_ptn03_pc.png);
    background-repeat: no-repeat;
    background-position: 73% 100%;
    background-size: 433px auto;
  }

  .page-family #recommend_style .btn_info.double {
    background-image: url(../../style/img/family/bg_ptn_line02_pc.png), url(../../style/img/family/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 28% 100%;
    background-size: 429px auto, 431px auto;
  }

  /* LADIES
  *********************/
  .page-ladies #style_head h2 {
    top: 20px;
    left: 25%;
    width: 2.7%;
    height: auto;
  }

  .page-ladies #style_catch {
    position: relative;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0;
  }

  .page-ladies #style_catch h3 {
    width: auto;
    margin: 0 auto;
  }

  .page-ladies #style_catch h3 img {
    width: auto;
    height: auto;
  }

  .page-ladies #style_catch p {
    position: absolute;
    margin: 0 auto;
    width: auto;
    top: 29px;
    right: 60px;
  }

  .page-ladies #check_point h3,
  .page-ladies #recommend_style h3 {
    margin: 70px auto 0 auto;
    width: 475px;
    padding: 10px 0;
    font-size: 1.75em;
    background-size: 100% 100%;
    text-align: center;
    font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  }

  .page-ladies #check_point ul {
    margin: 20px auto 0 auto;
    width: 100%;
  }

  .page-ladies #check_point ul li {
    width: 25%;
    padding: 0 .75% 20px .75%;
    font-size: .875em;
  }

  .page-ladies #recommend_style {
    padding: 0 12px;
  }

  .page-ladies #recommend_style h3 {
    margin-top: 60px;
    margin-bottom: 70px;
  }

  .page-ladies #recommend_style div.style_ptn01 {
    margin: 0 auto;
    max-width: 855px;
  }

  .page-ladies #recommend_style dl.style_ptn01,
  .page-ladies #recommend_style div.style_ptn01 {
    position: relative;
    margin: 0 auto;
    max-width: 855px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.time,
  .page-ladies #recommend_style div.style_ptn01 img.time {
    width: auto;
    top: -35px;
  }

  .page-ladies #recommend_style dl.style_ptn01.step01 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step03 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step05 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step07 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step09 img.time,
  .page-ladies #recommend_style div.style_ptn01.step01 img.time,
  .page-ladies #recommend_style div.style_ptn01.step03 img.time,
  .page-ladies #recommend_style div.style_ptn01.step05 img.time,
  .page-ladies #recommend_style div.style_ptn01.step07 img.time,
  .page-ladies #recommend_style div.style_ptn01.step09 img.time {
    left: -40px;
  }

  .page-ladies #recommend_style dl.style_ptn01.step02 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step04 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step06 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step08 img.time,
  .page-ladies #recommend_style dl.style_ptn01.step10 img.time,
  .page-ladies #recommend_style div.style_ptn01.step02 img.time,
  .page-ladies #recommend_style div.style_ptn01.step04 img.time,
  .page-ladies #recommend_style div.style_ptn01.step06 img.time,
  .page-ladies #recommend_style div.style_ptn01.step08 img.time,
  .page-ladies #recommend_style div.style_ptn01.step10 img.time {
    right: -40px;
  }

  .page-ladies #recommend_style dl.style_ptn01.step02,
  .page-ladies #recommend_style div.style_ptn01.step02 {
    margin-top: 30px;
  }

  .page-ladies #recommend_style dl.style_ptn01.step02 img.time,
  .page-ladies #recommend_style div.style_ptn01.step02 img.time {
    top: -75px;
    right: -40px;
  }

  .page-ladies #recommend_style dl.style_ptn01 dd,
  .page-ladies #recommend_style div.style_ptn01 dd {
    padding: 0;
    background: none;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi {
    position: absolute;
    z-index: 50;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi01,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi01 {
    top: -50px;
    left: 25px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi02,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi02 {
    top: -50px;
    right: -55px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi03,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi03 {
    top: -50px;
    left: -55px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi04,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi04 {
    bottom: -80px;
    left: -55px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi04-ptn02,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi04-ptn02 {
    bottom: -27px;
    left: -55px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi05,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi05 {
    top: 182px;
    right: 55px;
  }

  .page-ladies #recommend_style dl.style_ptn01 img.fukidashi.fukidashi06,
  .page-ladies #recommend_style div.style_ptn01 img.fukidashi.fukidashi06 {
    top: -50px;
    left: 25px;
  }

  .page-ladies #recommend_style dl.style_ptn01.next,
  .page-ladies #recommend_style div.style_ptn01.next {
    padding-bottom: 30px;
    background-image: url(../../style/img/ladies/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 77% 100%;
    background-size: 429px auto;
  }

  .page-ladies #recommend_style dl.style_ptn02 {
    position: relative;
    max-width: 855px;
    min-height: 238px;
    height: auto;
    padding: 20px 25px;
  }

  .page-ladies #recommend_style dl.style_ptn02:before {
    padding-top: 100%;
    /* 1:1 */
  }

  .page-ladies #recommend_style dl.style_ptn02 dt {
    margin: 0 0 15px 0;
    padding: 0 0 5px 10px;
    width: 60%;
    font-size: 1em;
    color: #878585;
  }

  .page-ladies #recommend_style dl.style_ptn02 dd {
    width: 60%;
    font-size: .813em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-ladies #recommend_style dl.style_ptn02 img {
    position: absolute;
    top: 20px;
    right: 25px;
    margin: 0;
    width: 33%;
    height: auto;
  }

  .page-ladies #recommend_style .btn_info_wrap.step_right {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/ladies/bg_ptn_line_pc.png), url(../../style/img/ladies/bg_ptn01_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-ladies #recommend_style .btn_info_wrap.step_right.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/ladies/bg_ptn01_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-ladies #recommend_style .btn_info_wrap.step_left {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/ladies/bg_ptn_line_pc.png), url(../../style/img/ladies/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 44% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-ladies #recommend_style .btn_info_wrap.step_left.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/ladies/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 44% 100%;
    background-size: 429px auto;
  }

  .page-ladies #recommend_style .btn_info_wrap.step_center {
    padding: 20px 0;
    background-image: url(../../style/img/ladies/bg_ptn_line_pc.png), url(../../style/img/ladies/bg_ptn_line_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-ladies #recommend_style .btn_info_wrap.step_center.no_result {
    padding: 20px 0;
    background-image: url(../../style/img/ladies/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-ladies #recommend_style .btn_info {
    margin: 0;
  }

  .page-ladies #recommend_style .btn_info a {
    display: block;
    margin: 0 auto;
    padding: 10px 5px 14px 5px;
    width: 80%;
    max-width: 370px;
    color: #fff;
    font-size: 1.125em;
    text-decoration: none;
    text-align: center;
  }

  .page-ladies #recommend_style .btn_info a:first-child {
    margin-bottom: 5px;
  }

  .page-ladies #recommend_style .btn_info.birch a {
    max-width: 478px;
  }

  .page-ladies #recommend_style .btn_info.next_left {
    padding-bottom: 120px;
    background-image: url(../../style/img/ladies/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 27% 100%;
    background-size: 443px auto;
  }

  .page-ladies #recommend_style .btn_info.next_right {
    padding-bottom: 120px;
    background-image: url(../../style/img/ladies/bg_ptn03_pc.png);
    background-repeat: no-repeat;
    background-position: 73% 100%;
    background-size: 433px auto;
  }

  .page-ladies #recommend_style .btn_info.double {
    background-image: url(../../style/img/ladies/bg_ptn_line02_pc.png), url(../../style/img/ladies/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 28% 100%;
    background-size: 429px auto, 431px auto;
  }

  /* ANNYVERSARY
  *********************/
  .page-anniversary #style_head h2 {
    top: 20px;
    right: 25%;
    width: 2.7%;
    height: auto;
  }

  .page-anniversary #style_catch {
    position: relative;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0;
  }

  .page-anniversary #style_catch h3 {
    width: auto;
    margin: 0 auto;
  }

  .page-anniversary #style_catch h3 img {
    width: auto;
    height: auto;
  }

  .page-anniversary #style_catch p {
    position: absolute;
    margin: 0 auto;
    width: auto;
    top: 76px;
    right: 60px;
  }

  .page-anniversary #check_point h3,
  .page-anniversary #recommend_style h3 {
    margin: 70px auto 0 auto;
    width: 475px;
    padding: 10px 0;
    font-size: 1.75em;
    background-size: 100% 100%;
    text-align: center;
    font-family: "リュウミン M-KL", "Ryumin Medium KL", "a-otf-ryumin-pr6n";
  }

  .page-anniversary #check_point ul {
    margin: 20px auto 0 auto;
    width: 100%;
  }

  .page-anniversary #check_point ul li {
    width: 25%;
    padding: 0 .75% 20px .75%;
    font-size: .875em;
  }

  .page-anniversary #recommend_style {
    padding: 0 12px;
  }

  .page-anniversary #recommend_style h3 {
    margin-top: 60px;
    margin-bottom: 70px;
  }

  .page-anniversary #recommend_style div.style_ptn01 {
    margin: 0 auto;
    max-width: 855px;
  }

  .page-anniversary #recommend_style dl.style_ptn01,
  .page-anniversary #recommend_style div.style_ptn01 {
    position: relative;
    margin: 0 auto;
    max-width: 855px;
    /*&.step02 {
      	margin-top: 30px;

      	img.time {
      		top: -75px;
      		right: -40px;
      	}
      }*/
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.time,
  .page-anniversary #recommend_style div.style_ptn01 img.time {
    width: auto;
    top: -35px;
  }

  .page-anniversary #recommend_style dl.style_ptn01.step01 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step03 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step05 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step07 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step09 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step01 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step03 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step05 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step07 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step09 img.time {
    left: -40px;
  }

  .page-anniversary #recommend_style dl.style_ptn01.step02 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step04 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step06 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step08 img.time,
  .page-anniversary #recommend_style dl.style_ptn01.step10 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step02 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step04 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step06 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step08 img.time,
  .page-anniversary #recommend_style div.style_ptn01.step10 img.time {
    right: -40px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 dd,
  .page-anniversary #recommend_style div.style_ptn01 dd {
    padding: 0;
    background: none;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi {
    position: absolute;
    z-index: 50;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi01,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi01 {
    top: 23px;
    right: -55px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi02,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi02 {
    top: -47px;
    left: 25px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi03,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi03 {
    top: -55px;
    right: -55px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi03-ptn02,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi03-ptn02 {
    top: -55px;
    right: -55px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi04,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi04 {
    top: -40px;
    left: 25px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi05,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi05 {
    bottom: -30px;
    left: -55px;
  }

  .page-anniversary #recommend_style dl.style_ptn01 img.fukidashi.fukidashi05-ptn02,
  .page-anniversary #recommend_style div.style_ptn01 img.fukidashi.fukidashi05-ptn02 {
    bottom: -17px;
    left: -55px;
  }

  .page-anniversary #recommend_style dl.style_ptn01.next,
  .page-anniversary #recommend_style div.style_ptn01.next {
    padding-bottom: 30px;
    background-image: url(../../style/img/anniversary/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 77% 100%;
    background-size: 429px auto;
  }

  .page-anniversary #recommend_style dl.style_ptn02 {
    position: relative;
    max-width: 855px;
    min-height: 238px;
    height: auto;
    padding: 20px 25px;
  }

  .page-anniversary #recommend_style dl.style_ptn02:before {
    padding-top: 100%;
    /* 1:1 */
  }

  .page-anniversary #recommend_style dl.style_ptn02 dt {
    margin: 0 0 15px 0;
    padding: 0 0 5px 10px;
    width: 60%;
    font-size: 1em;
    color: #878585;
  }

  .page-anniversary #recommend_style dl.style_ptn02 dd {
    width: 60%;
    font-size: .813em;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-anniversary #recommend_style dl.style_ptn02 img {
    position: absolute;
    top: 20px;
    right: 25px;
    margin: 0;
    width: 33%;
    height: auto;
  }

  .page-anniversary #recommend_style .btn_info_wrap.step_right {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/anniversary/bg_ptn_line_pc.png), url(../../style/img/anniversary/bg_ptn01_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-anniversary #recommend_style .btn_info_wrap.step_right.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/anniversary/bg_ptn01_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-anniversary #recommend_style .btn_info_wrap.step_left {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/anniversary/bg_ptn_line_pc.png), url(../../style/img/anniversary/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 44% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-anniversary #recommend_style .btn_info_wrap.step_left.no_result {
    padding: 20px 0 125px 0;
    background-image: url(../../style/img/anniversary/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 44% 100%;
    background-size: 429px auto;
  }

  .page-anniversary #recommend_style .btn_info_wrap.step_center {
    padding: 20px 0;
    background-image: url(../../style/img/anniversary/bg_ptn_line_pc.png), url(../../style/img/anniversary/bg_ptn_line_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 72% 100%;
    background-size: 429px auto, 429px auto;
  }

  .page-anniversary #recommend_style .btn_info_wrap.step_center.no_result {
    padding: 20px 0;
    background-image: url(../../style/img/anniversary/bg_ptn_line_pc.png);
    background-repeat: no-repeat;
    background-position: 72% 100%;
    background-size: 429px auto;
  }

  .page-anniversary #recommend_style .btn_info {
    margin: 0;
  }

  .page-anniversary #recommend_style .btn_info a {
    display: block;
    margin: 0 auto;
    padding: 10px 5px 14px 5px;
    width: 80%;
    max-width: 370px;
    color: #fff;
    font-size: 1.125em;
    text-decoration: none;
    text-align: center;
  }

  .page-anniversary #recommend_style .btn_info a:first-child {
    margin-bottom: 5px;
  }

  .page-anniversary #recommend_style .btn_info.birch a {
    max-width: 478px;
  }

  .page-anniversary #recommend_style .btn_info.next_left {
    padding-bottom: 120px;
    background-image: url(../../style/img/anniversary/bg_ptn02_pc.png);
    background-repeat: no-repeat;
    background-position: 27% 100%;
    background-size: 443px auto;
  }

  .page-anniversary #recommend_style .btn_info.next_right {
    padding-bottom: 120px;
    background-image: url(../../style/img/anniversary/bg_ptn03_pc.png);
    background-repeat: no-repeat;
    background-position: 73% 100%;
    background-size: 433px auto;
  }

  .page-anniversary #recommend_style .btn_info.double {
    background-image: url(../../style/img/anniversary/bg_ptn_line02_pc.png), url(../../style/img/anniversary/bg_ptn02_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 72% 0, 28% 100%;
    background-size: 429px auto, 431px auto;
  }

  /* TXT PAGE COMMON
  *********************/
  h2.txt_page_h2 {
    margin: 0;
    padding-top: 299px;
    background: url(../../common/img/tit_txtpage_h2_bg.jpg) no-repeat center top;
    background-size: auto;
    position: relative;
  }

  h2.txt_page_h2 img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -191px;
  }

  .page-faq h2.txt_page_h2 img {
    margin: -30px 0 0 -130px;
  }

  .page-download h2.txt_page_h2 img {
    margin: -30px 0 0 -191px;
  }

  .cms h2.txt_page_h2 img {
    width: auto;
    margin: -30px 0 0 -90px;
  }



  /* パートナー
  *********************/
  #contents.page-partner .partner_list {
    margin: 0;
  }
  #contents.page-partner .partner_list li {
    width: 23.6%;
    min-height: 189px;
    margin: 0 0.7% 1.4% 0.7%;
    padding: 15px 20px;
  }
  #contents.page-partner .partner_list_long img {
    padding: 15px;
  }
  #contents.page-partner .download_wrap .box {
    width: 47%;
	  margin-bottom:50px;
  }


  /* 宿泊約款
  *********************/
  .page-agreement h2.txt_page_h2 img {
    margin: -30px 0 0 -230px;
  }

  /* FAQ
  *********************/
  .page-faq {
    padding: 0;
    text-align: center;
    background: none;
  }

  .page-faq>div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px 20px;
  }

  .page-faq nav ul {
    max-width: 1200px;
    width: 100%;
    ;
    /*    margin: 30px 0 55px;*/
    margin: 30px 0;
    overflow: visible;
  }

  .page-faq nav ul li {
    width: 15%;
    display: inline-block;
    margin: 0 2px;
  }

  .page-faq nav ul li:nth-child(odd) {
    margin-left: 2px;
  }

  .page-faq nav ul li:nth-child(even) {
    margin-right: 2px;
  }

  .page-faq nav ul li:first-child {
    margin-left: 0;
  }

  .page-faq nav ul li:last-child {
    margin-right: 0;
  }

  .page-faq nav ul li a {
    display: block;
    width: 100%;
    padding-top: 2px;
    line-height: 33px;
    font-size: 0.875em;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    color: #fff;
    background: url(../../download/img/btn_dl_02.png) repeat-x center top;
    background-size: auto;
    text-decoration: none;
    background-size: contain;
  }

  .page-faq section {
    padding-top: 40px;
    margin: -40px 0 50px;
  }

  .page-faq section:last-of-type {
    margin-bottom: 30px;
  }

  .page-faq section h3 {
    line-height: 1;
    font-size: 1.3125em;
    font-weight: normal;
    color: #878585;
    letter-spacing: 0.1em;
  }

  /* .page-faq section h3:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 213px;
    padding-top: 3px;
    margin-right: 30px;
    background: url(../../faq/img/tit_h3_bg1.png) no-repeat center top;
  } */

  /* .page-faq section h3:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 213px;
    padding-top: 3px;
    margin-left: 30px;
    background: url(../../faq/img/tit_h3_bg2.png) no-repeat center top;
  } */

  .page-faq dl {
    padding: 0;
    text-align: left;
    color: #878585;
  }

  .page-faq dl dt {
    width: 100%;
    margin: 5px 0 0;
    padding: 12px 30px 12px 15px;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    font-size: 1em;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-left: 6px solid #e6aca1;
    cursor: pointer;
    position: relative;
    float: none;
  }

  .page-faq dl dt:after {
    content: '▼';
    font-size: 18px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #e6aca1;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
  }

  .page-faq dl dt.open {
    background-color: #f2dcd8;
  }

  .page-faq dl dt.open:after {
    content: '▲';
  }

  .page-faq dl dd {
    width: 100%;
    margin: 0;
    padding: 15px 30px;
    font-size: 0.875em;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-left: 6px solid #7a5752;
    border-top: none;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    display: none;
  }

  .page-faq dl dd .indent {
    margin-left: 1em;
    text-indent: -1em;
  }

  .page-faq dl dd .only_pc {
    display: block;
  }

  .page-faq dl dd .only_smart {
    display: none;
  }

  .page-faq dl dd div {
    margin-bottom: 1em;
  }

  .page-faq dl dd div:last-child {
    margin-bottom: 0;
  }

  /* Download
  *********************/
  .page-download {
    padding: 0;
    text-align: center;
    background: none;
  }

  .page-download>div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0 35px;
  }

  .page-download>div ul {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .page-download>div ul li {
    display: block;
    vertical-align: top;
    /* max-width: 550px; */
    width: 48%;
    margin: 0 1%;
  }
  .page-download .voice{
    text-align: center;
    margin-top:0;
  }

  .page-download>div ul li:nth-child(-n+4) {
    margin-bottom: 40px;
  }

  .page-download>div ul li:nth-child(odd) {
    margin-left: 0;
  }

  .page-download>div ul li:nth-child(even) {
    margin-right: 0;
  }

  .page-download>div ul li.movie {
    width: 48%;
    /* max-width: 900px; */
  }

  .page-download>div ul li.movie div.yt {
    width: 419px;
  }


  .page-download>div ul li section {
    color: #878585;
    text-align: justify;
    text-justify: inter-ideograph;
    overflow: hidden;
    position: relative;
  }

  .page-download>div ul li section h3 {
    line-height: 30px;
    margin: 0 0 20px;
    padding: 0 0 5px 15px;
    font-size: 1.25em;
    border-left: 4px solid #e6aca1;
    border-bottom: 1px solid #c4c4c3;
  }

  .page-download>div ul li section>a img {
    max-width: 100%;
    width: 210px;
    margin: 0 5%;
    float: left;
  }

  .page-download>div ul li section p {
    margin: 0 0 1.2em;
    font-size: 0.9375em;
    text-align: left;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.8;
  }

  /* .page-download>div ul li section p.panf {
    padding-left: 56%;
  } */

  .page-download>div ul li section div {
    max-width: 250px;
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 13px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }

  .page-download>div ul li section div.panf {
    position: static;
    width: 100%;
    float: left;
    margin-left: 20px;
  }
  .page-download>div ul li section div.panf a:after {
    content:none;
  }
  .page-download>div ul li section div span {
    display: block;
  }

  .page-download>div ul li section div span.note {
    font-size: 10px !important;
    text-align: center;
    margin-top: 4px;
  }

  .page-download>div ul li section div a {
    display: inline-block;
    width: 250px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: url(../../download/img/btn_dl_02.png) repeat-x left top;
    border-radius: 5px;
    position: relative;
  }

  .page-download>div ul li section div a:after {
    content: '';
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-left: 6px solid #fff;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -3px;
  }


  /* congestion　混雑状況
	*********************/
  .page-congestion .lower_section {
    padding: 15px 0;
    margin: 0 auto;
    max-width: 1200px;
  }

  #contents.page-congestion {
    padding: 0 0 40px 0;
  }

  #contents.page-congestion h3.anti-aliasing {
    font-size: 2rem;
    line-height: 1.2em;
  }

  #contents.page-congestion h3.anti-aliasing span {
    font-size: 1rem;
  }

  #contents.page-congestion .text {
    font-size: 1.45rem;
  }

  #contents.page-congestion .text strong span {
    font-size: 1.5rem;
  }

  #contents.page-congestion .text {
    padding: 0 30px;
  }

  #contents.page-congestion .text p.lower_lead_summary {
    padding: 0 0 35px 0;
    font-size: 1.25rem;
  }

  #contents.page-congestion dl {
    float: left;
    width: 33.3%;
    margin-bottom: 100px;
  }

  #contents.page-congestion dl dt {
    font-size: 1.5em;
    padding: 7px;
  }

  #contents.page-congestion .standard {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    width: 70%;
    max-width: 730px;
    margin: 0 auto;
  }

  #contents.page-congestion .standard>p {
    background: #c8aa50;
    text-align: center;
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 15px 30px;
    line-height: 1;
    width: 180px;
    height: 58px;
    margin: 0;
  }

  #contents.page-congestion .standard ul {
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    width: 100%;
    height: 58px;
    margin: 0;
    padding: 15px;
    flex-wrap: initial;
    flex-direction: row;
  }

  #contents.page-congestion .standard li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 100%;
    font-size: 1rem;
    font-weight: bold;
    width: initial;
    margin: 0;
  }

  #contents.page-congestion .standard li span {
    width: 50px;
    height: 28px;
    display: block;
    line-height: 1;
    margin: 0 10px;
  }

  #contents.page-congestion .standard li .color_area01 {
    background: #5487cf;
  }

  #contents.page-congestion .standard li .color_area02 {
    background: #ffd800;
  }

  #contents.page-congestion .standard li .color_area03 {
    background: #db103f;
  }


  /* Download
  *********************/
  .cms .data_wrap01 .blog_head_content time {
    display: inline;
    position: absolute;
    top: 5px;
    right: 0;
  }

  /* CMS
  *********************/
  /*********************
  MODAL
  *********************/
  .modaal-iframe-elem html,
  .modaal-iframe-elem body {
    background: rgba(231, 204, 168, 0.8);
  }

  .modaal-container,
  .modaal-iframe-elem {
    background: #f7f6f5;
    border: 2px solid #fff;
  }

  .modaal-container h3,
  .modaal-iframe-elem h3 {
    text-align: center;
    font-size: 1.375em;
    color: #3d301f;
    line-height: 1.2;
  }

  .modaal-container h3:after,
  .modaal-iframe-elem h3:after {
    display: block;
    content: 'Reservation';
    font-size: .63em;
  }

  .modaal-container h4,
  .modaal-iframe-elem h4 {
    margin: 0 0 5px 0;
    color: #000000;
    font-size: 1em;
  }

  .modaal-container h4:before,
  .modaal-iframe-elem h4:before {
    content: '◆';
  }

  .modaal-container #book_check_in,
  .modaal-iframe-elem #book_check_in {
    position: relative;
    width: 50%;
    float: left;
  }

  .modaal-container #book_check_in input[type="text"],
  .modaal-iframe-elem #book_check_in input[type="text"] {
    display: inline-block;
    width: 4em;
  }

  .modaal-container #book_check_in #lbchkymd,
  .modaal-iframe-elem #book_check_in #lbchkymd {
    position: absolute;
    top: 0;
    right: 30px;
  }

  .modaal-container #book_room,
  .modaal-container #book_member,
  .modaal-iframe-elem #book_room,
  .modaal-iframe-elem #book_member {
    width: 25%;
    float: left;
    padding-left: 15px;
  }

  .modaal-container #book_room select,
  .modaal-container #book_member select,
  .modaal-iframe-elem #book_room select,
  .modaal-iframe-elem #book_member select {
    display: inline-block;
    width: 6em;
    margin-right: 5px;
  }

  .modaal-container #oth_btn,
  .modaal-iframe-elem #oth_btn {
    clear: both;
    margin: 10px 20px;
    text-align: center;
  }

  .modaal-container #oth_btn li,
  .modaal-iframe-elem #oth_btn li {
    display: inline-block;
    padding: 0 10px;
  }

  .modaal-container #book_info,
  .modaal-iframe-elem #book_info {
    text-align: center;
  }

  .modaal-container #book_info #book_info_tel,
  .modaal-iframe-elem #book_info #book_info_tel {
    margin: 0;
    color: #3d301f;
  }

  .modaal-container #book_info #book_info_tel span,
  .modaal-iframe-elem #book_info #book_info_tel span {
    font-size: 2em;
    color: #970000;
  }

  .modaal-container #book_info #book_info_data,
  .modaal-iframe-elem #book_info #book_info_data {
    margin: 0;
    color: #3d301f;
  }

  .modaal-container #book_info #book_info_data span,
  .modaal-iframe-elem #book_info #book_info_data span {
    padding: 3px 10px 2px 10px;
    color: #fff;
    background: #3d301f;
    font-size: .75em;
    border-radius: 7px;
  }

  .modaal-container #book_bns,
  .modaal-iframe-elem #book_bns {
    border-top: 1px solid #3d301f;
    margin-top: 25px;
    padding: 30px 0 0 0;
    text-align: center;
  }

  .modaal-container #book_bns li,
  .modaal-iframe-elem #book_bns li {
    display: inline-block;
    padding: 0 8px;
  }

  .modaal-container .close_modal,
  .modaal-iframe-elem .close_modal {
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
  }

  .modaal-container .close_modal:hover img,
  .modaal-iframe-elem .close_modal:hover img {
    opacity: .8;
  }

  /*********************
  FOOTER STYLES
  *********************/
  #footer {
    padding: 15px 0 0 0;
  }

  #footer p,
  #footer li,
  #footer dt,
  #footer dd {
    /* transform: rotate(0.001deg); */
  }

  #footer img {
    transform: rotate(0) !important;
  }

  #footer dt img {
    width: 174px;
    height: auto;
  }

  #footer dd {
    font-size: 0.875em;
  }

  #footer dd:last-child {
    font-size: 1.125em;
  }

  #footer #foot_sns li img {
    width: 51px;
  }

  #footer #footer_nav {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 0 30px 0;
    display: table;
    border: none;
  }

  #footer #footer_nav li:nth-child(2n+1),
  #footer #footer_nav li:nth-child(2n) {
    float: none;
    border: none;
  }

  #footer #footer_nav li:first-child {
    display: table-cell;
  }

  #footer #footer_nav li {
    float: none;
    display: table-cell;
    width: auto;
    font-size: 1.125em;
  }

  #footer #copyright {
    font-size: 0.687em;
  }

  .top_campaign_bnr img{
    width: 100%;
    height: auto;
  }

  #to_campign{
    position: fixed;
    right: 30px;
    bottom: 180px;
    z-index: 99;
  }
  #to_campign img{
     height:30vh;
     max-height: 300px;
     width: auto;
  }

  .batsu{
    font-size: 100%;/*ボタンの大きさ*/
    font-weight: bold;
    border: 1px solid #999;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
    position: absolute;
    background:#fff;
    top:-1em;
    right:-1em;
    z-index: 10;
  }
      
  .batsu:hover{
      background: #333;
      border-color: #333;
      color: #FFF;
  }

  /* close button */
  .action-close {
      position: relative;
      margin-top: 2em;
  }
  .action-close .btn {
      position: absolute;
      right: -0.5em;
      top: -0.8em;
  }
  .action-close .box {
      margin-bottom: 2em;
  }
  
  /* checkbox 非表示 */
  .add-control .checkbox {
      display: none;
  }
  
  /* close button's control */
  .add-control .action-close #close:checked ~ .btn {
      display: none;
  }
  .add-control .action-close #close:checked ~ .box {
      display: none;
  }




  #footer #to_top {
    display: none;
    width: 67px;
    height: 67px;
    position: fixed;
    /* Goto除外前＆追従バナー設置後 */
    right: 30px;
    bottom: 100px;

    /* Goto除外後＆追従バナー設置前
		right: 150px;
		bottom: 15px;
*/
    margin: 0;
    z-index: 999;
    background: #e6aca1;
    border-radius: 10px;
    text-align: center;
    padding-top: 40px;
  }

  #footer #to_top a {
    text-decoration: none;
    color: #fff;
  }

  #footer #to_top a::before {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../img/ico_footmenu05.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: calc(50% - 20px);
  }

  #footer .group_hotels {
    width: 100%;
    margin: 80px auto;
    text-align: center;
  }

  #footer .group_hotels li {
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px 0 15px;
    font-size: 1.062rem;
    background: url("../img/ico_arr01.png") no-repeat 0 50%;
    background-size: 7px 11px;
  }

  /*popup*/

  .cc-message{
    font-size: 14px !important;
  }

  .cc-window{
    padding:30px !important;
    width: calc(100% - 350px) !important;
    margin-bottom:0 !important;
  }

  .cc-revoke.cc-bottom{
    bottom:0 !important;
  }

}


/*********************
add place
*********************/
/* add. 2020_06_22 */
.redbox {
  border: 1px solid red;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  color: #878585;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.redbox.center {
  margin: 0 0 20px;
  text-align: initial;
  display: flex;
  justify-content: center;
}

.bath_plan .redbox.time,
.data_wrap01 .redbox.time,
#faq1 .redbox.time,
#faq3 .redbox.time,
#faq5 .redbox.time {
  font-size: 1.1em;
  font-weight: bold;
  color: #f00;
  margin: 0;
}

.bath_plan .redbox.time a,
.data_wrap01 .redbox.time a,
#faq1 .redbox.time a,
#faq3 .redbox.time a,
#faq5 .redbox.time a {
  color: #f00;
  text-decoration: underline;
}



.bath_plan .redbox.time a:hover,
.data_wrap01 .redbox.time a:hover,
#faq1 .redbox.time a:hover,
#faq3 .redbox.time a:hover,
#faq5 .redbox.time a:hover {
  text-decoration: underline;
}


.t_left {
  text-align: left;
}

.note_cmt_03 {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.94em;
  margin: 0.5em 1em 0.5em 1.5em;
  text-indent: -1em !important;
  padding: 0 0 0 1em !important;
}

.note_cmt_03 ul {
  margin: 0 0 0.5em 1.5em;
}

.doumin {
  writing-mode: tb-rl;
  display: block;
  padding: 15px 10px 15px 15px;
  color: #fff;
  position: fixed;
  right: 0;
  top: 70px;
  z-index: 1;
  font-size: 1.2em;
  background: linear-gradient(135deg, #eca71a 0%, #da0641 100%);
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.doumin a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.doumin a:hover,
.doumin a:focus,
.doumin a:visited:hover,
.doumin a:visited:focus {
  text-decoration: underline;
  color: #fff;
}

.s_size_pc {
  display: none;
}

@media only screen and (max-width: 1366px) {
  .s_size_pc {
    display: block;
  }

  .thankyou .pc {
    display: none;
  }

  .doumin {
    padding: 20px 10px;
  }
}

@media only screen and (max-width: 769px) {
  .s_size_pc {
    display: block;
  }

  .doumin {
    writing-mode: lr-tb;
    width: 100%;
    border-right: 5px solid #fff;
    font-size: 0.85em;
    text-align: center;
    padding: 10px;
    top: auto;
    bottom: 65px;
  }

}

/* 縦バナー */
.thankyou {
	display: block;
	padding: 0;
	position: fixed;
	right: 0;
	top: 59px;
	z-index: 5;
}
.thankyou .pc{
	display:block;
}

@media only screen and (max-width: 1366px) {
	.thankyou {
		right: 0;
		top: 76px;
	}
	#footer #to_top {
		right: 15px;
		bottom: 15px;
	}
	.thankyou .pc{
		display: none;
	}
	.s_size_pc {
		display: block;
	}

}

@media only screen and (max-width: 768px) {
	.s_size_pc {
		display: none;
	}
	.thankyou {
		right: 0;
		top: auto;
		bottom:0;
	}
	.thankyou img{
		width:100%;
		max-width: 750px;
		margin: 0 auto;
	}
	#footer{
		padding-bottom:118px;
	}
	#footer #copyright{
/*		padding-bottom:50px;*/ /* 35%bnr space */
	}
    .index .caution div ul.date{
        max-width: 310px;
    }
}

/* フロートバナー */
.float_bnr {
	display: block;
	padding: 0;
	position: fixed;
  right: 30px;
  bottom: 180px;
	z-index: 99;
}


.float_bnr img{
    height:30vh;
    max-height: 300px;
    width: auto;
}

@media only screen and (max-width: 768px) {

	.float_bnr {
		right: 0;
		top: auto;
		bottom:65px;
    width: 100%;
	}


	.float_bnr img{
		width:100%;
		margin: 0 auto;
		height: auto;
	}
	#footer{
		padding-bottom:118px;
	}
}



/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {

  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Desktop Stylsheet

  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.

  ******************************************************************/
  .wrap {
    width: 1040px;
  }

  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner .data_wrap01 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    margin: 0;
  }
  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner .data_wrap01.karaoke {
    width: 100%;
  }
  .pc_under1030 {
    display: none;
  }
  .page-relaxation #relax .relaxation_menu.col_1_w100 .price{
    padding-top:0;
  }

}

@media only screen and (min-width: 1205px) {
  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner .data_wrap01.karaoke {
    position: absolute;
    width: 50%;
  }
  #buffet .dish_wrap01 .dish_sammary {
    float: left;
    width: 48.5%;
    /* height: 661px; */
    position: relative;
  }

  #buffet .dish_wrap01 .dish_sammary p {
     position: absolute;
    bottom: 0;
    margin: 0;
    /*margin-top:80px; */
  }
}


/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1280px) {

  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
  #lang_menu {
    top: 12px;
  }
}

@media only screen and (min-width: 1560px) {

  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
  #top_banners .slick-prev,
  #top_banners .slick-next {
    width: 40px;
    height: 90px;
    background-size: 100%;
    top: 35%;
    z-index: 99999;
  }

  #top_banners .slick-next {
    right: 15px;
  }

  #top_banners .slick-prev {
    left: 15px;
  }
}

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

  ******************************************************************/
  /*

  EXAMPLE
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go.

  */
}

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {

  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  a:after,
  a:visited:after {
    content: " ("attr(href) ")";
  }

  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " ("attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */