@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[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 {
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-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: "“" "”" "‘" "’";
}

/**
 * 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 */
  /* 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;
}

* {
  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;
}

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

@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: 768px) 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.0909090909%;
  }
  .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;
}

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

/*共通*/
.fr.between {
  display: flex;
  justify-content: space-between !important;
}

.fr.start {
  display: flex;
  justify-content: flex-start !important;
}

.fr.end {
  display: flex;
  justify-content: flex-end !important;
}

.fr.reverse {
  display: flex;
  flex-direction: row-reverse;
}

.fr.wrap {
  display: flex;
  flex-wrap: wrap;
}

.fr.center {
  display: flex;
  justify-content: center;
}

.fr.hcenter {
  display: flex;
  align-items: center;
}

.fr.bottom {
  display: flex;
  align-items: flex-end !important;
}

.fr.top {
  display: flex;
  align-items: flex-start !important;
}

.ancer {
  position: absolute;
  top: -100px;
}

/*********************
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: #5c6b80;
  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;
  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;
}

/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Noto Serif", serif;
  font-size: 100%;
  line-height: 1.5;
  color: #535353;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.r {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

.g {
  font-family: "Roboto", sans-serif;
}

.sp,
.sp02 {
  display: block;
}

.pc {
  display: none;
}

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

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}

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

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #131341;
}

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;
  font-weight: 500;
  /*
  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 0 0 15px;
  font-size: 1em;
}

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

#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: 0.82em;
  text-decoration: none;
  color: #26321A;
}

#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: #8a927b;
  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: #26321A;
  				color: #fff;
  				text-decoration: none;
  			}
  		}
  	}
  }*/
}

#gNavi_sp p.close_btn {
  position: absolute;
  top: 20px;
  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: 20px 15px 0 15px;
  background: #f4f0e9;
  border-top: 2px solid #a59578;
  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 #fff;
}

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

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

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

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

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

#gNavi_sp ul#menu li:nth-child(6) {
  background-image: url(../img/ico_gnavfaq.png);
  background-size: 32px 32px;
  background-position: 15px 50%;
}

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

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

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

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

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

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

#gNavi_sp #lang_sw_box {
  padding: 10px 0 0 0;
  border-bottom: 2px solid #a59578;
  background: #f4f0e9;
}

#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: #FEFDFA;
}

#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: #26321A;
}

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

#foot_navs {
  display: none;
}

#sp_foot_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  display: table;
  background: #987e53;
  z-index: 9999999;
  border-top: 1px solid #987e53;
}

#sp_foot_menu li {
  color: #FFFFFF;
  display: table-cell;
  border-right: 1px solid #a59578;
  font-size: 0.75em;
  text-align: center;
  padding-bottom: 0px;
}

#sp_foot_menu li.nolink {
  background-color: #DFDFDF;
}

#sp_foot_menu li:last-child {
  border-right: none;
}

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

/* 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: 0.875em;
}

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

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

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

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

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

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

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

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

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

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

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

/* INDEX
*********************/
#index_slider_pc p {
  display: none;
}

#index_slider_pc .slider {
  display: none;
}

#index_slider_pc ul {
  display: none;
  margin: 0;
}

#index_slider_pc ul.slick-initialized {
  display: block;
}

#index_slider_pc ul .slick-track {
  height: 330px;
}

#index_slider_pc ul img {
  width: auto;
  height: 100%;
  vertical-align: bottom;
}

/* 以下通常版 */
#index_slider02 {
  position: relative;
  z-index: 100;
  background: url(../../../img/index/slide.jpg) repeat-x 0 0;
  background-size: cover;
  width: 100%;
  height: 330px;
  overflow: hidden;
  animation: loop 70s linear infinite;
}

/* 以下クリスマスバージョン */
/*	#index_slider02 {
		position: relative;
		z-index: 100;
		width: 100%; 
		overflow: hidden;
		padding-left:-10px;		
		background: url(../../../img/index/bg_index01_xmas2020.jpg) repeat-x 50% 50%;
		background-size: cover;		
		height: 416px;
		margin-top:54px;
        padding-top:0;
	} */
/*ここまでクリスマスバージョン*/
@media screen and (max-width: 767px) {
  /* 以下通常版 */
  #index_slider02 {
    height: 191px;
  }
  /* 以下クリスマスバージョン */
  /*
  #index_slider02 {
  	position: relative;
  	z-index: 100;
  	width: 100%; 
  	overflow: hidden;
  	padding-left:-10px;
  	background: url(../../../img/index/bg_index01_xmas2020_sp.jpg) repeat-x 50% 50%;
  	background-size: cover;    
  	margin-top:0;
  	padding-top:90.35294%;
  } */
  /*ここまでクリスマスバージョン*/
}
#index_slider02 p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 300px;
  height: 3.2rem;
  z-index: 999999;
  text-align: center;
}

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

#index_slider02 p img.sp {
  display: block;
  filter: drop-shadow(3px 3px 5px #000);
}

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

/*アニメーション*/
@keyframes loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3411px 0;
  }
}
#index_lead {
  background: url(../../img/index/bg_img02.jpg) repeat 0 0;
}

#index_lead div {
  margin: 0 auto;
  padding: 15px 10px 40px 10px;
  width: 300px;
}

#index_lead h2 {
  margin: 0;
  padding: 20px 10px;
  background: #403323;
  /*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: #dec597;
  line-height: 1.5;
}

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

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

#index_lead p span {
  font-size: 1.7em;
  white-space: nowrap;
}

#iquipment_menu {
  display: table;
  margin: 0;
  width: 100%;
  table-layout: fixed;
}

#iquipment_menu li {
  display: table-cell;
  width: 33.3%;
}

#iquipment_menu img {
  vertical-align: bottom;
}

#iquipment_menu img:hover {
  opacity: 0.8;
}

#top_banners {
  position: relative;
  z-index: 5;
  margin: 0;
  padding: 20px 30px;
  background: url(../../img/index/bg_top_bns01.jpg);
  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: 0.8;
}

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

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

#index_food {
  position: relative;
  z-index: 10;
  padding: 25px 0 0 0;
  background: url(../../img/index/bg_index_food01.png) repeat 0 0;
}

#index_food h3 {
  margin: 0;
  text-align: center;
}

#index_food h3 img {
  width: 168px;
  height: auto;
}

#index_food #index_food_wrap img {
  width: 100%;
  height: auto;
}

#index_food #index_food_wrap dl {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 40px;
}

#index_food #index_food_wrap dl:hover {
  opacity: 0.8;
}

#index_food #index_food_wrap dt {
  position: relative;
}

#index_food #index_food_wrap dt .food_tit {
  display: block;
  position: absolute;
  top: 17%;
  left: 36%;
  width: 28%;
  height: auto;
  z-index: 9999;
}

#index_food #index_food_wrap dd {
  position: static;
  bottom: 0;
  left: 0;
  padding: 20px 10px;
  width: 100%;
  background: url(../../img/index/bg_index_food_dd01.png) repeat 0 0;
  color: #efe2c9;
  font-size: 0.9em;
  text-align: center;
}

#index_food #index_food_wrap dd span {
  display: none;
}

#index_food #index_food_wrap .slick-current dd span {
  display: block;
  opacity: 1;
  animation-duration: 0.8s;
  animation-name: fade-in;
  -moz-animation-duration: 0.8s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: fade-in;
}

#index_food .slick-prev {
  background: url(../img/btn_prev02.png) no-repeat 0 0;
}

#index_food .slick-next {
  background: url(../img/btn_next02.png) no-repeat 0 0;
  right: 5px;
}

#index_food .slick-prev,
#index_food .slick-next {
  width: 42px;
  height: 42px;
  background-size: 100%;
  top: 35%;
  z-index: 99999;
}

#index_style {
  position: relative;
  z-index: 15;
  padding: 25px 0 40px 0;
  background: url(../../img/index/bg_index_style01.jpg) 50% 0;
  background-size: cover;
}

#index_style h3 {
  margin: 0;
  text-align: center;
}

#index_style h3 img {
  width: 220px;
  height: auto;
}

#index_style #index_style_wrap img {
  width: 100%;
  height: auto;
}

#index_style #index_style_wrap img a:hover img {
  opacity: 0.8;
}

#index_style #index_style_wrap li {
  margin: 0 10px;
}

#index_style .slick-prev {
  background: url(../img/btn_prev02.png) no-repeat 0 0;
}

#index_style .slick-next {
  background: url(../img/btn_next02.png) no-repeat 0 0;
  right: 5px;
}

#index_style .slick-prev,
#index_style .slick-next {
  width: 42px;
  height: 42px;
  background-size: 100%;
  top: 35%;
  z-index: 99999;
}

#sub_contents {
  padding: 20px 0 0 0;
  background: url(../../img/index/bg_news01.jpg) repeat 0 0;
}

.more_read {
  font-size: 0.82em;
}

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

.more_read a:after {
  position: relative;
  top: 2px;
  display: inline-block;
  content: "";
  margin-left: 5px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
}

.more_read a:hover {
  color: #fff;
  opacity: 0.8;
}

#index_news {
  margin-bottom: 30px;
}

#index_news li {
  font-size: 0.75em;
  margin-bottom: 15px;
}

#index_news li a {
  display: block;
}

#index_news time {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #552b00;
}

#index_news .cat {
  display: inline-block;
  width: 6.5em;
  margin: 0 1em 0 1em;
  padding: 4px 0;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  border-radius: 7px;
  text-align: center;
}

#index_news .cat-news {
  color: #fff;
  background: #b16f2d;
}

#index_news .cat-local {
  color: #fff;
  background: #804000;
}

#index_news .cat-event {
  color: #fff;
  background: #b5895d;
}

#index_news .cat-recommend {
  color: #fff;
  background: #8e6c3a;
}

#index_news .cat-others {
  color: #fff;
  background: #968370;
}

#index_news .cat-spa {
  color: #403323;
  background: #c6c7de;
}

#index_news .cat-restaurant {
  color: #fff;
  background: #33658f;
}

#index_news .more_read {
  text-align: center;
}

#index_news .more_read a {
  background-color: #552b00;
}

#index_news .campaign {
  width: 94%;
  margin: 15px auto 30px;
}

#index_news .campaign img {
  width: 100%;
  height: auto;
}

#topics {
  margin: 0 3.5%;
}

#fb_box {
  text-align: center;
  margin: 0 auto;
}

.topics_box {
  margin-bottom: 20px;
  padding: 10px 10px 12px 10px;
  background: #faf8f5;
  border: 1px solid #5a5887;
}

#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.5em;
  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_magazine {
  width: 48%;
  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: 0.714em;
}

#topics_magazine dl {
  margin: 10px 0;
}

#topics_magazine dt {
  margin: 0 0 0 0;
  width: 100%;
  text-align: center;
  color: #1d1e65;
  font-size: 0.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: 0.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.1em;
}

#topics_magazine .more_read a {
  margin: 0 -5px;
  padding: 5px 5px 5px 5px;
}

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

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

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

#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: 0.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
*********************/
.red_information {
  max-width: 960px;
  height: auto;
  padding: 15px 10px 15px 10px;
  background-color: #fff;
  margin: auto;
  text-align: center;
  border: 4px solid #a55736;
  color: #403323;
  letter-spacing: 0;
  font-size: 0.75em;
}

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

.lower_slider {
  position: relative;
}

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

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

.lower_slider ul {
  margin: 0;
}

.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 {
  background: #d1c0a5;
  border-top: 1px solid #9f7e55;
  border-bottom: 1px solid #9f7e55;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

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

#breadcrumb ol li {
  float: left;
  font-size: 0.75em;
  color: #3d3021;
  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: #3d3021;
  text-decoration: none;
}

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

.lower_section {
  padding: 15px 10px 20px 10px;
  background: url(../../spa/img/bg_spa01.jpg) repeat 50%;
}

.lower_section .lower_lead_summary {
  width: 300px;
  margin: 0 auto;
  font-size: 0.75em;
  color: #333333;
  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 span.strong {
  white-space: nowrap;
  font-size: 1.313em;
  font-weight: normal;
}

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

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

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

.lower_theme01 h3 {
  position: relative;
  margin: 0;
  padding: 13px 0 25px 0;
  font-size: 1.312em;
  background: url(../../common/img/bg_lower_tit01.jpg) repeat-x 50%;
  background-size: auto 100%;
  line-height: 62px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.2em;
  text-indent: -0.2em;
  line-height: 1;
  box-shadow: 1px 1.732px 7.6px 0.4px rgba(0, 0, 0, 0.3);
  z-index: 500;
}

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

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

.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: 5px 0;
  font-size: 0.875em;
  color: #582b25;
}

.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: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.data_wrap01 ul.lower_topics li a:link,
.data_wrap01 ul.lower_topics li a:visited {
  color: #582b25;
}

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

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

.data_wrap01 dl dt {
  margin: 12px 0 4px 0;
  padding: 0;
  color: #403323;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 0.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: #403323;
  font-size: 0.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: 0.875em;
  color: #403323;
  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 a {
  display: inline-block;
  padding: 3px 15px;
  background-image: -ms-linear-gradient(90deg, #624742 0%, #997e6e 100%);
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}

.data_wrap01 table a:after {
  position: relative;
  top: 2px;
  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: 0.5em;
}

.data_wrap01 table a:hover {
  opacity: 0.8;
  color: #fff;
}

.data_wrap02 {
  margin: 10px 0 0 0;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.8);
}

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

.lower .note {
  font-size: 0.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: 0.75em;
  color: #333;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  padding-left: 1em;
  text-indent: -1em;
}

/*********************
MODAL
*********************/
.modaal-iframe-elem {
  background: rgba(231, 204, 168, 0.8);
}

div#modal {
  background: rgba(231, 204, 168, 0.8);
  padding: 20px 15px;
}

div#modal #modal {
  padding: 0 15px;
}

div#modal h3 {
  text-align: center;
  font-size: 1.375em;
  color: #26321A;
  line-height: 1.2;
}

div#modal h3:after {
  display: block;
  content: "Reservation";
  font-size: 0.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: #26321A;
}

div#modal #book_info #book_info_tel span {
  font-size: 2em;
  color: #970000;
}

div#modal #book_info #book_info_data {
  margin: 0;
  color: #26321A;
}

div#modal #book_info #book_info_data span {
  padding: 3px 10px 2px 10px;
  color: #fff;
  background: #26321A;
  font-size: 0.75em;
  border-radius: 7px;
}

div#modal #book_bns {
  border-top: 1px solid #26321A;
  margin-top: 25px;
  padding: 30px 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: 0.8;
}

.nolink > a {
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .sp,
  .sp02 {
    display: none !important;
  }
  .pc {
    display: block;
  }
  .red_information {
    font-size: 1em;
  }
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /*********************
  HEADER STYLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* AI Concierge */
  /*********************
  PAGE STYLES
  *********************/
  /* INDEX
  *********************/
  /* テスト2020 start */
  /* テスト2020 end */
  /* お正月対策2020 start */
  /* お正月対策2020 end */
  /* COMMON
  *********************/
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .anti-aliasing {
    text-shadow: 0 0 0.1px rgba(51, 51, 51, 0.5);
  }
}
@media only screen and (min-width: 768px) {
  .wrap {
    width: 760px;
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: none;
    z-index: 999;
  }
  #header li img {
    transform: rotate(0);
    margin: 0;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .slide-down {
    animation-name: slideDown;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transform-origin: 50% 50% 0;
    animation-duration: 0.5s;
    top: 0;
  }
  @keyframes slideDown {
    0% {
      top: -72px;
    }
    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: 0.5s;
    top: -72px;
  }
  @keyframes slideUp {
    0% {
      top: 0;
    }
    100% {
      top: -72px;
    }
  }
  #hd_logo {
    display: none;
  }
  #lang_menu {
    display: block;
  }
  #sp_foot_menu {
    display: none;
  }
  #gNavi {
    transform: rotate(0);
    display: block;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  #gNavi > ul {
    width: 1000px;
    margin: 0 auto;
    padding: 4px 0;
    display: flex;
    justify-content: space-between;
  }
  #gNavi > ul::before, #gNavi > ul::after {
    display: none;
  }
  #gNavi > ul > li {
    height: 64px;
    text-align: center;
    font-size: 1.125em;
    line-height: 1;
  }
  #gNavi > ul > li:nth-last-child(2) {
    background: linear-gradient(#d0bd71 0%, #73541d 100%);
  }
  #gNavi > ul > li:nth-last-child(2) a {
    color: #fff;
    padding: 0 15px;
  }
  #gNavi > ul > li.nolink:nth-last-child(2) {
    background: linear-gradient(#d0bd71 0%, #73541d 100%);
    opacity: 0.3;
  }
  #gNavi > ul > li.nolink:nth-last-child(2) a {
    color: #fff;
    padding: 0 15px;
  }
  #gNavi > ul > li a:hover {
    background-color: rgba(220, 210, 164, 0.7);
  }
  #gNavi > ul > li:first-child a:hover {
    background-color: transparent;
  }
  #gNavi > ul > li > a {
    display: block;
    height: 100%;
    color: #6B4908;
    text-decoration: none;
    font-size: 18px;
    line-height: 64px;
  }
  #gNavi > ul > li h1 {
    margin: 0;
  }
  #gNavi > ul > li h1 a {
    display: flex;
    align-items: center;
    padding-top: 0;
    height: 64px;
  }
  #gNavi > ul > li h1 a img {
    width: 250px;
    margin: 10px 0 0;
  }
  #trip_ai_container {
    display: block !important;
  }
  br.no_br_sp {
    display: inline;
  }
  .more_read {
    font-size: 0.875em;
    line-height: 1;
    vertical-align: middle;
  }
  .more_read a {
    padding: 5px 15px 8px 20px;
    line-height: 1;
  }
  .more_read a:after {
    border: 7px solid transparent;
    border-left: 7px solid #fff;
  }
  .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: 0.875em;
  }
  #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;
  }
  #index_slider02 {
    height: 416px;
    margin-top: 72px;
  }
  #index_slider02 p {
    display: block;
    width: 80%;
  }
  #index_slider02 p img {
    position: relative;
    display: block;
    margin: 0 auto;
    top: -20px;
    width: auto;
    height: auto;
  }
  #index_slider02 p img.sp {
    display: none;
    filter: drop-shadow(3px 3px 5px #000);
  }
  #index_slider02 p img.pc {
    display: block;
    max-width: 600px; /* 通常版 */
    /* max-width:450px; */ /* クリスマスバージョン */
    filter: drop-shadow(3px 3px 5px #000);
  }
  #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;
  }
  #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;
  }
  #index_lead div {
    padding: 40px 0;
    width: 100%;
    background-image: url(../../img/index/bg_index_lead01.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
  }
  #index_lead h2 {
    font-size: 2.1875em;
    letter-spacing: 0.15em;
    text-indent: -0.15em;
  }
  #index_lead p {
    font-size: 0.875em;
    line-height: 2;
    letter-spacing: 0.07em;
    text-indent: -0.07em;
  }
  #index_lead p span {
    white-space: normal;
  }
  #top_banners .slick-list {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 0;
  }
  #top_banners .slick-prev,
  #top_banners .slick-next {
    top: 40%;
  }
  #index_food {
    padding: 38px 0 90px 0;
  }
  #index_food h3 img {
    width: 337px;
  }
  #index_food #index_food_wrap dl {
    padding-bottom: 0;
  }
  #index_food #index_food_wrap dt {
    position: relative;
  }
  #index_food #index_food_wrap dt .food_tit {
    display: block;
    position: absolute;
    top: 15%;
    left: 38%;
    width: 28%;
    height: auto;
    z-index: 9999;
  }
  #index_food #index_food_wrap dt .food_bg {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #index_food #index_food_wrap dd {
    padding: 15px 10px;
    font-size: 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(30, 17, 10, 0.6);
    color: #efe2c9;
    text-align: center;
  }
  #index_food #index_food_wrap dd span {
    display: block;
  }
  #index_food #index_food_wrap .slick-current dd span {
    display: block;
    opacity: 1;
    animation-duration: 0;
    animation-name: none;
    -moz-animation-duration: 0;
    -moz-animation-name: none;
    -webkit-animation-duration: 0;
    -webkit-animation-name: none;
  }
  #index_style {
    padding: 35px 0 70px 0;
  }
  #index_style h3 img {
    width: 440px;
  }
  #sub_contents {
    padding: 60px 0 40px 0;
    border-top: 1px solid #d1c8b8;
    border-bottom: 1px solid #d1c8b8;
    background-image: url(../../img/index/bg_index_sub01.png), url(../../img/index/bg_index_sub02.png);
    background-position: 0 0, 0 100%;
    background-repeat: repeat-x, repeat-x;
    background-color: #fefbf3;
    background-size: 40px auto;
  }
  .sub_contents_box {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
  }
  #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: 0;
  }
  #index_news li a {
    display: inline;
  }
  #index_news .cat {
    margin: 0 1em 20px 1em;
  }
  #index_news .campaign {
    width: 100%;
    margin: 15px auto 30px;
  }
  #fb_box {
    float: right;
    width: 310px;
  }
  .lower_slider .slider_cap p {
    font-size: 1em;
  }
  #breadcrumb ol {
    padding: 15px 0;
  }
  .pc_mt00 .dish_wrap01 {
    margin: 0 -15px 0 -15px;
  }
  .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_section .lower_lead_summary br.pc_inline {
    display: none;
    margin-right: 10px;
  }
  .lower_section .lower_more_btns {
    max-width: 1000px;
    margin: 0 auto;
  }
  .page-dish .lower_section {
    padding: 0 10px 10px 10px;
  }
  .data_wrap01 {
    max-width: 1000px;
    margin: 35px auto 40px auto;
    padding: 20px;
  }
  .data_wrap01 h4 {
    padding: 0 0 5px 15px;
    font-size: 1.125em;
  }
  .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: 0.813em;
    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: 1000px;
    margin: 15px auto 0 auto;
  }
  .lower_more_btns {
    max-width: 1000px;
    margin: 40px auto 0 auto;
  }
  .lower_more_btns li {
    padding-bottom: 26px;
  }
}
/************************
contents
*************************/
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

/*****************************
sec1
*********************************/
section {
  position: relative;
}
section .ancer {
  position: absolute;
  top: -70px;
}
section p {
  text-align: center;
  font-size: 22px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 0 0 0px 0;
}
section h2 {
  font-weight: 600;
  font-size: 42px;
  letter-spacing: 0.3em;
  text-align: center;
  line-height: 80px;
  padding-bottom: 20px;
  background-image: url(/img/index/bg_tit_border01.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: 0 0 60px 0;
}
section h3 {
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #535353;
  margin: 0 0 30px;
}
section h3::after {
  display: block;
  margin: 10px auto;
  content: "";
  height: 5px;
  background-color: #D5B680;
  width: 137px;
}

section.sec1 {
  padding: 50px 0;
}
section.sec1 p.lead {
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
  section .ancer {
    position: relative;
    top: auto;
  }
  section p {
    text-align: center;
    font-size: 15px;
  }
  section h2 {
    font-size: 24px;
    line-height: 64px;
    margin: 0 0 25px 0;
    padding-bottom: 4px;
  }
  section h3 {
    font-size: 22px;
    margin: 0 0 24px;
  }
  section h3::after {
    display: block;
    margin: 10px auto;
    height: 3px;
    width: 90px;
  }
  section.sec1 {
    padding: 20px 20px;
  }
  section.sec1 p.lead {
    text-align: center;
    font-size: 16px;
  }
}
/*****************************
hot spring
*********************************/
section.sec-hotspring {
  padding: 0px 0 80px;
}
section.sec-hotspring h3 {
  margin-bottom: 65px;
}
section.sec-hotspring .container > p {
  padding: 50px 0;
  text-align: center;
}
section.sec-hotspring .spaslide {
  max-width: 1660px;
  margin: 0 auto;
  min-width: 1000px;
}
section.sec-hotspring .box {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0px 2px 3px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 40px;
}
section.sec-hotspring .box dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 2;
}
section.sec-hotspring .box dl dt {
  width: 175px;
  font-weight: bold;
}
section.sec-hotspring .box dl dd {
  width: calc(100% - 175px);
}
section.sec-hotspring .notebox2,
section.sec-hotspring .notebox {
  background-color: #FEFBF1;
  border-left: 20px solid #AE1818;
  padding: 15px 25px 15px 25px;
}
section.sec-hotspring .notebox2 .ttl,
section.sec-hotspring .notebox .ttl {
  color: #AE1818;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
section.sec-hotspring .notebox2 p,
section.sec-hotspring .notebox p {
  font-size: 18px;
  text-align: left;
  margin: 0 0 0 30px;
}
section.sec-hotspring .notebox2 {
  margin-top: 40px;
  border: 1px solid #AE1818;
  background-color: #fff;
}
section.sec-hotspring .notebox2 .ttl {
  padding-left: 40px;
  background: url(../../img/index/caution.svg) no-repeat left top;
}

/* top slide Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  position: absolute;
  bottom: 20px;
  display: inline-block !important;
  right: 15px;
  left: auto;
  transform: translateX(0);
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots.thin {
  bottom: 20px;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: 15px;
  margin: 0 6px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 19px;
  height: 1 9px;
  padding: 0px;
  border-radius: 0;
  background-color: #fff;
  cursor: pointer;
  border: 0;
  outline: none;
}
.slick-dots li button::before {
  content: "";
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li.slick-active button {
  border: none;
  background-color: #987e53;
}

@media screen and (max-width: 767px) {
  section.sec-hotspring {
    padding: 30px 0 40px;
  }
  section.sec-hotspring h3 {
    margin-bottom: 25px;
  }
  section.sec-hotspring .container {
    padding: 0 20px;
  }
  section.sec-hotspring .container > p {
    padding: 35px 0 25px;
    text-align: center;
  }
  section.sec-hotspring .spaslide {
    margin: 0 auto;
    min-width: auto;
  }
  section.sec-hotspring .spaslide img {
    width: 100%;
    height: auto;
  }
  section.sec-hotspring .box {
    padding: 20px;
    margin-bottom: 20px;
  }
  section.sec-hotspring .box dl {
    display: block;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
  }
  section.sec-hotspring .box dl dt {
    width: auto;
    font-weight: bold;
  }
  section.sec-hotspring .box dl dd {
    width: auto;
    margin-bottom: 10px;
  }
  section.sec-hotspring .notebox2,
  section.sec-hotspring .notebox {
    border-top: 4px solid #AE1818;
    border-left: none;
    padding: 15px 20px 15px 20px;
  }
  section.sec-hotspring .notebox2 .ttl,
  section.sec-hotspring .notebox .ttl {
    font-size: 16px;
    margin-bottom: 7px;
  }
  section.sec-hotspring .notebox2 p,
  section.sec-hotspring .notebox p {
    font-size: 14px;
    margin: 0 0 0 0px;
  }
  section.sec-hotspring .notebox2 {
    margin-top: 20px;
    border: 1px solid #AE1818;
    background-color: #fff;
  }
  section.sec-hotspring .notebox2 .ttl {
    padding-left: 25px;
    background: url(../../img/index/caution.svg) no-repeat left 5px;
    background-size: 20px 20px;
  }
  .slick-dots {
    bottom: -25px;
    right: auto;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }
  .slick-dots li {
    margin: 0 4px;
  }
  .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0px;
    background-color: #C7C7C7;
  }
}
/**************
tab
***************/
.tablist {
  display: flex;
  margin: 0 0 23px;
  justify-content: center;
  align-items: center;
}
.tablist li {
  padding: 0 5px;
}
.tablist li > div {
  cursor: pointer;
  width: 263px;
  height: 114px;
  line-height: 1.5;
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  white-space: nowrap;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tablist li > div span {
  color: #fff;
}
.tablist li > div.active {
  width: 300px;
  height: 130px;
  font-size: 26px;
}
.tablist li > div.active span {
  color: #4f360b;
  text-shadow: 0px 0px 3px #fff, 0px 0px 6px #fff, 0px 0px 8px #fff, 0px 0px 12px #fff;
}
.tablist li > div.active::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 13px 23px 13px;
  border-color: transparent transparent #D5B680 transparent;
  left: 50%;
  transform: translateX(-50%);
  bottom: -23px;
  z-index: 1;
}
.tablist li:nth-child(2) > div {
  padding: 0 30px;
}

.sec-meal .tablist li:first-child > div {
  background-image: url(../../img/index/tab-mea01_202506.jpg);
}
.sec-meal .tablist li:first-child > div.active {
  background-image: url(../../img/index/tab-mea01a_202506.jpg);
}
.sec-meal .tablist li:nth-child(2) > div {
  background-image: url(../../img/index/tab-mea02.jpg);
}
.sec-meal .tablist li:nth-child(2) > div.active {
  background-image: url(../../img/index/tab-mea02a.jpg);
}
.sec-meal .tablist li:nth-child(3) > div {
  background-image: url(../../img/index/tab-mea03.jpg);
}
.sec-meal .tablist li:nth-child(3) > div.active {
  background-image: url(../../img/index/tab-mea03a.jpg);
}

.sec-room .tablist li:first-child > div {
  background-image: url("../../img/index/tab-room01_20210825.jpg");
}
.sec-room .tablist li:first-child > div.active {
  background-image: url("../../img/index/tab-room01a_20210825.jpg");
}
.sec-room .tablist li:nth-child(2) > div {
  background-image: url("../../img/index/tab-room02_20210825.jpg");
}
.sec-room .tablist li:nth-child(2) > div.active {
  background-image: url("../../img/index/tab-room02a_20210825.jpg");
}
.sec-room .tablist li:nth-child(3) > div {
  background-image: url("../../img/index/tab-room03_20210825.jpg");
}
.sec-room .tablist li:nth-child(3) > div.active {
  background-image: url("../../img/index/tab-room03a_20210825.jpg");
}

.slick-slider {
  outline: none;
}

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

.tab-pane {
  background-color: rgba(255, 255, 255, 0.6);
  max-width: 1660px;
  margin: 0 auto;
  min-width: 1000px;
  border-top: 10px solid #D5B680;
}
.tab-pane h3 {
  margin: 36px 0;
}

@media screen and (max-width: 767px) {
  .tablist {
    display: none;
  }
  .tlabel {
    margin: 0 20px 10px;
    height: 175px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: calc(100% - 8px) auto;
    background-position: bottom 4px center;
    font-size: 20px;
    line-height: 60px;
    color: #535353;
    text-align: center;
    padding: 0 0;
  }
  .tlabel span {
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-image: url(../../img/index/arrow-b.svg);
    background-size: 21px 22px;
    font-weight: 500;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
  }
  .tlabel span span {
    font-size: 13px;
    background-image: none;
    padding: 0 0;
    width: auto;
  }
  .tlabel.active {
    margin: 0 20px 0px;
    height: 60px;
    line-height: 60px;
    background-color: #26321A;
    background-image: none;
  }
  .tlabel.active span {
    color: #fff;
    background-image: url("../../img/index/arrow-up-w.svg");
    background-color: #987e53;
  }
  .tlabel.active span span {
    background-image: none;
  }
  .tlabel i {
    font-size: 12px;
    font-style: normal;
  }
  .sec-meal .tlabel.btn1 {
    background: url(../../img/index/sp-meal01t_202506.jpg) top 60px center no-repeat #ece6d7;
    background-size: calc(100% - 10px) auto;
    border-bottom: solid #ece6d7 5px;
  }
  .sec-meal .tlabel.btn1.active {
    background: #ece6d7;
    border-bottom: none;
  }
  .sec-meal .tlabel.btn2 {
    background: url(../../img/index/sp-meal02t.jpg) top 60px center no-repeat #ece6d7;
    background-size: calc(100% - 10px) auto;
    border-bottom: solid #ece6d7 5px;
  }
  .sec-meal .tlabel.btn2.active {
    background: #ece6d7;
    border-bottom: none;
  }
  .sec-meal .tlabel.btn3 {
    background: url(../../img/index/sp-meal03t.jpg) top 60px center no-repeat white;
    background-size: calc(100% - 10px) auto;
    border-bottom: solid white 5px;
  }
  .sec-meal .tlabel.btn3.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-room .tlabel.btn4 {
    background: url("../../img/index/sp-room01t_20210825.jpg") top 60px center no-repeat #ece6d7;
    background-size: calc(100% - 10px) auto;
    border-bottom: solid #ece6d7 5px;
  }
  .sec-room .tlabel.btn4.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-room .tlabel.btn5 {
    background: url("../../img/index/sp-room02t_20210825.jpg") top 60px center no-repeat #ece6d7;
    background-size: calc(100% - 10px) auto;
    border-bottom: solid #ece6d7 5px;
  }
  .sec-room .tlabel.btn5.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-room .tlabel.btn6 {
    background: url("../../img/index/sp-room03t_20210825.jpg") top 60px center no-repeat #ece6d7;
    background-size: calc(100% - 10px) auto;
    border-bottom: solid #ece6d7 5px;
  }
  .sec-room .tlabel.btn6.active {
    background: #26321A;
    border-bottom: none;
  }
  .tab-pane {
    margin: 0 20px 20px;
    min-width: auto;
    padding: 4px;
    border-top: 0;
  }
  .tab-pane h3 {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .sec-meal .tlabel.btn1 {
    background: url(../../img/index/sp-meal01t_202506.jpg) bottom center no-repeat white;
    background-size: calc(100% - 10px) auto;
    border-bottom: none;
  }
  .sec-meal .tlabel.btn1.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-meal .tlabel.btn2 {
    background: url(../../img/index/sp-meal02t.jpg) bottom center no-repeat white;
    background-size: calc(100% - 10px) auto;
    bborder-bottom: none;
  }
  .sec-meal .tlabel.btn2.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-meal .tlabel.btn3 {
    background: url(../../img/index/sp-meal03t.jpg) bottom center no-repeat white;
    background-size: calc(100% - 10px) auto;
    border-bottom: none;
  }
  .sec-meal .tlabel.btn3.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-room .tlabel.btn4 {
    background: url(../../img/index/sp-room01t.jpg) bottom center no-repeat white;
    background-size: calc(100% - 10px) auto;
    border-bottom: none;
  }
  .sec-room .tlabel.btn4.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-room .tlabel.btn5 {
    background: url(../../img/index/sp-room02t.jpg) bottom center no-repeat white;
    background-size: calc(100% - 10px) auto;
    border-bottom: none;
  }
  .sec-room .tlabel.btn5.active {
    background: #26321A;
    border-bottom: none;
  }
  .sec-room .tlabel.btn6 {
    background: url(../../img/index/sp-room03t.jpg) bottom center no-repeat white;
    background-size: calc(100% - 10px) auto;
    border-bottom: none;
  }
  .sec-room .tlabel.btn6.active {
    background: #26321A;
    border-bottom: none;
  }
  .tab-pane {
    margin: 0 20px 20px;
    min-width: auto;
    padding: 4px;
    border-top: 0;
  }
  .tab-pane h3 {
    display: none;
  }
}
/***********************************
meal & room
***************************************/
.sec-meal,
.sec-room {
  position: relative;
  padding-bottom: 50px;
  text-align: center;
}
.sec-meal .tablist,
.sec-room .tablist {
  max-width: 1070px;
  margin-right: auto;
  margin-left: auto;
}
.sec-meal > p,
.sec-room > p {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
}
.sec-meal .tab-pane,
.sec-room .tab-pane {
  background: #ece6d7;
}
.sec-meal .tab-pane .container,
.sec-room .tab-pane .container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.sec-meal .tab-pane .container p,
.sec-room .tab-pane .container p {
  font-size: 22px;
}
.sec-meal .tab-pane .container .box,
.sec-room .tab-pane .container .box {
  border: 3px solid #D5B680;
  padding: 30px;
  margin-top: 40px;
}
.sec-meal .tab-pane .container .box dl,
.sec-room .tab-pane .container .box dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 2;
  text-align: left;
  margin: 0;
}
.sec-meal .tab-pane .container .box dl dt,
.sec-room .tab-pane .container .box dl dt {
  width: 155px;
  font-weight: bold;
}
.sec-meal .tab-pane .container .box dl dd,
.sec-room .tab-pane .container .box dl dd {
  width: calc(100% - 155px);
}
.sec-meal .tab-pane .container .box dl dd span.note,
.sec-room .tab-pane .container .box dl dd span.note {
  display: block;
  text-indent: -0.5em;
  margin-left: 0.5em;
  color: #535353;
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .sec-meal,
  .sec-room {
    padding: 20px 0px 0;
  }
  .sec-meal p,
  .sec-room p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .sec-meal h3,
  .sec-room h3 {
    text-align: center;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0 0 0 0px;
  }
  .sec-meal h3 span,
  .sec-room h3 span {
    display: block;
    margin-left: 0px;
    font-size: 15px;
    margin-top: 10px;
  }
  .sec-meal h3::before,
  .sec-room h3::before {
    display: none;
  }
  .sec-meal .tab-pane .container,
  .sec-room .tab-pane .container {
    padding: 30px 12px 20px;
  }
  .sec-meal .tab-pane .container p,
  .sec-room .tab-pane .container p {
    font-size: 14px;
  }
  .sec-meal .tab-pane .container .box,
  .sec-room .tab-pane .container .box {
    border: 1px solid #D5B680;
    padding: 15px;
    margin-top: 0px;
  }
  .sec-meal .tab-pane .container .box dl,
  .sec-room .tab-pane .container .box dl {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
  }
  .sec-meal .tab-pane .container .box dl dt,
  .sec-room .tab-pane .container .box dl dt {
    font-size: 14px;
    width: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .sec-meal .tab-pane .container .box dl dd,
  .sec-room .tab-pane .container .box dl dd {
    line-height: 1.5;
    font-size: 14px;
    width: 100%;
    margin-bottom: 5px;
  }
  .sec-meal .tab-pane .container .box dl dd span.note,
  .sec-room .tab-pane .container .box dl dd span.note {
    margin-top: 10px;
    font-size: 12px;
    margin-left: 0;
  }
}
.sec-facilities .container ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec-facilities .container ul li {
  width: calc(50% - 10px);
  margin-bottom: 45px;
}
.sec-facilities .container ul li > div {
  padding: 30px 24px;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 2px 3px 4px rgba(0, 0, 0, 0.05);
  text-align: center;
  height: 100%;
  position: relative;
}
.sec-facilities .container ul li > div .floor {
  display: inline-block;
  color: #fff;
  background-color: #e4a96a;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 0 10px;
  line-height: 23px;
  margin-bottom: 0px;
}
.sec-facilities .container ul li > div h3 {
  font-size: 28px;
  height: 63px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  margin-bottom: 50px;
}
.sec-facilities .container ul li > div h3::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  margin: 10px auto;
  content: "";
  height: 5px;
  background-color: #D5B680;
  width: 137px;
}
.sec-facilities .container ul li > div img {
  width: 100%;
  height: auto;
}
.sec-facilities .container ul li > div p {
  padding: 15px 0;
  font-size: 18px;
  text-align: left;
  letter-spacing: 0.01em;
}
.sec-facilities .container ul li > div dl {
  width: calc(100% - 48px);
  position: absolute;
  bottom: 30px;
  left: 24px;
  border-top: 1px solid #D5B680;
  border-bottom: 1px solid #D5B680;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8;
  text-align: left;
  margin: 0;
}
.sec-facilities .container ul li > div dl dt {
  font-size: 18px;
  width: 85px;
  font-weight: bold;
}
.sec-facilities .container ul li > div dl dd {
  font-size: 18px;
  width: calc(100% - 85px);
}
.sec-facilities .container ul li > div dl dd span.note {
  display: block;
  text-indent: -0.5em;
  margin-left: 0.5em;
  color: #535353;
  font-size: 14px;
  line-height: 1.5;
}
.sec-facilities .container ul li:nth-child(1) > div h3 span {
  display: block;
  margin-top: 10px;
  font-size: 20px;
}
.sec-facilities .container ul li:first-child > div, .sec-facilities .container ul li:nth-child(2) > div {
  padding-bottom: 155px;
}
.sec-facilities .container ul li:nth-child(3) > div {
  padding-bottom: 260px;
}
.sec-facilities .container ul li:nth-child(5) > div, .sec-facilities .container ul li:nth-child(6) > div {
  padding-bottom: 135px;
}
.sec-facilities .container ul li:nth-child(7) > div {
  padding-bottom: 85px;
}

@media screen and (max-width: 767px) {
  .sec-facilities .container {
    padding: 0 20px;
  }
  .sec-facilities .container ul {
    display: block;
  }
  .sec-facilities .container ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .sec-facilities .container ul li > div {
    padding: 20px 16px !important;
  }
  .sec-facilities .container ul li > div .floor {
    font-size: 14px;
    padding: 0 10px;
    line-height: 23px;
    margin-bottom: 15px;
  }
  .sec-facilities .container ul li > div h3 {
    font-size: 24px;
    margin-bottom: 35px;
    line-height: 1.2;
    height: auto;
  }
  .sec-facilities .container ul li > div h3::after {
    bottom: -25px;
    margin: 10px auto;
    height: 3px;
    width: 90px;
  }
  .sec-facilities .container ul li > div p {
    padding: 10px 0;
    font-size: 15px;
  }
  .sec-facilities .container ul li > div dl {
    width: auto;
    position: relative;
    bottom: auto;
    left: auto;
    padding: 5px 0px;
    line-height: 1.8;
  }
  .sec-facilities .container ul li > div dl dt {
    font-size: 15px;
    width: 80px;
    font-weight: bold;
  }
  .sec-facilities .container ul li > div dl dd {
    font-size: 14px;
    width: calc(100% - 80px);
  }
  .sec-facilities .container ul li > div dl dd span.note {
    font-size: 12px;
    line-height: 1.5;
  }
}
/*---------------------------------------------
access sec
----------------------------------------------*/
.sec-access {
  position: relative;
  padding: 0px 0px 30px;
}
.sec-access h3 {
  font-size: 28px;
  letter-spacing: 0.02em;
  line-height: 1.3;
  margin-bottom: 50px;
}
.sec-access h3 span {
  font-size: 22px;
}
.sec-access .maptitle {
  margin-bottom: 15px;
}
.sec-access .maptitle img {
  width: 238px;
  height: auto;
}
.sec-access .maptitle > div:last-child {
  font-size: 16px;
  text-align: right;
}
.sec-access .maptitle > div:last-child > span {
  font-size: 14px;
}
.sec-access .maptitle > div:last-child > span i {
  font-style: normal;
  font-size: 22px;
}
.sec-access .map {
  height: 606px;
  border: 3px solid #caae8c;
  margin-bottom: 50px;
}
.sec-access dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 2;
  text-align: left;
  margin: 0 0 10px;
}
.sec-access dl dt {
  line-height: 1.6;
  width: 155px;
  font-weight: bold;
  margin-bottom: 5px;
}
.sec-access dl dd {
  line-height: 1.6;
  width: calc(100% - 155px);
  margin-bottom: 5px;
}
.sec-access dl + .g strong {
  font-size: 20px;
}
.sec-access dl + .g span {
  font-size: 20px;
}
.sec-access dl + .g a {
  text-decoration: underline;
}
.sec-access .note {
  display: block;
  text-indent: -0.5em;
  margin-left: 0.5em;
  color: #535353;
  font-size: 14px;
  line-height: 1.5;
}
.sec-access .note a {
  text-decoration: underline;
}
.sec-access .ex {
  margin-bottom: 60px;
}
.sec-access .ex > div:first-child {
  padding-right: 25px;
}
.sec-access .ex > div:last-child {
  min-width: 348px;
}
.sec-access .ex > div:last-child iframe {
  max-width: 348px;
}
.sec-access .ex > div:last-child img {
  max-width: 348px;
}
.sec-access .ex p {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
.sec-access .ex p.note {
  margin-left: 0.8em;
  text-indent: -0.8em;
}
.sec-access .block.pc {
  margin-bottom: 70px;
}
.sec-access .block.pc img {
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .sec-access {
    padding: 0px 0px;
  }
  .sec-access .container {
    padding: 0 20px;
  }
  .sec-access .maptitle {
    text-align: center;
    display: block;
    margin-bottom: 15px;
  }
  .sec-access .maptitle img {
    width: 140px;
    height: auto;
  }
  .sec-access .maptitle > div:last-child {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
  }
  .sec-access .maptitle > div:last-child span {
    font-size: 14px;
  }
  .sec-access .maptitle > div:last-child span i {
    font-size: 14px;
  }
  .sec-access h3 {
    margin: 0 0px 15px;
    padding-left: 0px;
    font-size: 16px;
  }
  .sec-access h3 span {
    font-size: 14px;
    font-weight: normal;
  }
  .sec-access .map {
    height: 209px;
    border-width: 2px;
    margin-bottom: 30px;
  }
  .sec-access .map iframe {
    height: 205px;
  }
  .sec-access dl {
    display: block;
    flex-wrap: wrap;
    font-size: 14px;
    text-align: left;
    margin: 0 0 10px;
  }
  .sec-access dl dt {
    width: auto;
    font-weight: bold;
  }
  .sec-access dl dd {
    width: auto;
  }
  .sec-access dl + .g {
    font-size: 14px;
  }
  .sec-access dl + .g span,
  .sec-access dl + .g strong {
    font-size: 14px;
  }
  .sec-access .note {
    display: block;
    text-indent: -0.5em;
    margin-left: 0.5em;
    color: #535353;
    font-size: 13px;
    line-height: 1.5;
  }
  .sec-access .note + .note {
    margin-top: 5px !important;
  }
  .sec-access .ex {
    display: block;
    margin-bottom: 30px;
  }
  .sec-access .ex > div:first-child {
    padding-right: 0;
  }
  .sec-access .ex > div:last-child {
    margin: 20px 0;
    min-width: auto;
  }
  .sec-access .ex > div:last-child iframe {
    max-width: none;
    width: 100%;
  }
  .sec-access .ex > div:last-child img {
    width: 100%;
    height: auto;
    max-width: none;
  }
  .sec-access .ex p {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.8;
  }
  .sec-access .ex p.note {
    margin-left: 0.8em;
    text-indent: -0.8em;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .sec-access .tlabel {
    margin: 0 0px 0px;
    text-align: center;
    height: auto;
    background-color: #ece6d7;
    font-size: 16px;
    line-height: 1.3;
    color: #26321A;
    text-align: center;
    padding: 10px 0;
  }
  .sec-access .tlabel span {
    width: 100%;
    display: block;
    padding: 0 !important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url(../../img/index/arrow-b.svg);
    background-size: 21px 22px;
    font-weight: 500;
  }
  .sec-access .tlabel span::before {
    display: none;
  }
  .sec-access .tlabel.active {
    margin: 0 0px 0px;
    text-align: center;
    height: auto;
    background-color: #987e53;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    padding: 10px 0;
  }
  .sec-access .tlabel.active span {
    padding-left: 0 !important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url(../../img/index/arrow-up-w.svg);
    background-size: 21px 22px;
    font-weight: 500;
  }
  .sec-access .tlabel.active span::before {
    display: none;
  }
  .sec-access .block.pc {
    margin-bottom: 70px;
  }
  .sec-access .accesslist h3 {
    font-size: 22px;
  }
  .sec-access .accesslist .box {
    margin-bottom: 30px;
  }
  .sec-access .accesslist .sp {
    margin-bottom: 10px;
  }
  .sec-access .accesslist .block {
    display: none;
    padding-bottom: 20px;
  }
  .sec-access .accesslist .block img {
    width: 100%;
    height: auto;
    max-width: 674px;
  }
  .sec-access .accesslist .block dl {
    margin-top: 20px;
  }
  .sec-access .accesslist .block > div {
    margin-top: 20px;
  }
}
/*---------------------------------------------
FAQ
--------------------------------------------*/
.sec-faq {
  padding-bottom: 50px;
}
.sec-faq .tablist {
  display: flex;
  margin: 0 auto 65px;
  justify-content: space-between;
  max-width: 1510px;
}
.sec-faq .tablist li {
  width: 255px;
  padding: 0 10px;
}
.sec-faq .tablist li > div {
  cursor: pointer;
  border-radius: 10px;
  background-color: #fff;
  border: 1px #D5B680 solid;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #535353;
  position: relative;
  padding: 0 15px;
  white-space: nowrap;
}
.sec-faq .tablist li > div span {
  color: #535353;
}
.sec-faq .tablist li > div.active {
  background-color: #D5B680;
}
.sec-faq .tablist li > div.active span {
  position: relative;
  display: inline-block;
  color: #fff;
  text-shadow: none;
}
.sec-faq .tablist li > div.active::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 13px 0 13px;
  border-color: #D5B680 transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%);
  bottom: -23px;
  z-index: 1;
}
.sec-faq .tab-content .tab-pane {
  background-color: transparent;
  margin: 0 auto;
  max-width: 1000px;
  border-top: none;
}
.sec-faq dl {
  border-bottom: 1px dashed #707070;
  padding: 20px 0;
}
.sec-faq dl:last-child {
  border-bottom: 0;
}
.sec-faq dl dt {
  margin-left: 50px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.8;
  margin-bottom: 25px;
  position: relative;
}
.sec-faq dl dt::before {
  font-family: Raleway;
  content: "Q.";
  position: absolute;
  left: -50px;
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  color: #6B4908;
  top: 0px;
}
.sec-faq dl dd {
  text-align: left;
  margin-left: 50px;
  position: relative;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
.sec-faq dl dd p {
  font-size: 18px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
.sec-faq dl dd p a {
  text-decoration: underline;
}
.sec-faq dl dd::before {
  font-family: Raleway;
  content: "A.";
  position: absolute;
  left: -50px;
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  color: #D27700;
  top: -5px;
}
.sec-faq p.indent {
  font-size: 18px;
  margin-left: 0.8em;
  text-indent: -0.8em;
  line-height: 1.5;
}

@media (max-width: 1520px) {
  /*	.sec-faq{

  		.tablist{
  			flex-wrap: wrap;
  			max-width: 800px;
  			margin: 0 auto;
  			justify-content: center;
  			li{
  				flex: auto;
  				width: 33.3333%;
  				padding: 0 5px;
  				margin-bottom: 40px;
  			}
  		}
  		.faqcontent{
  			.container{
  				padding: 0;
  			}
  		}
  	}
  */
}
@media screen and (max-width: 767px) {
  .sec-faq {
    padding-bottom: 50px;
  }
  .sec-faq > .container {
    padding: 0 20px;
  }
  .sec-faq .tablist {
    display: none;
  }
  .sec-faq .tlabel {
    font-family: Raleway;
    letter-spacing: 0.15em;
    margin: 0 0px 12px;
    text-align: center;
    height: auto;
    background-color: #ece6d7;
    font-size: 18px;
    line-height: 1.3;
    color: #26321A;
    text-align: center;
    padding: 10px 0;
  }
  .sec-faq .tlabel span {
    width: 100%;
    display: block;
    padding: 0 !important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url(../../img/index/arrow-b.svg);
    background-size: 21px 22px;
    font-weight: 700;
  }
  .sec-faq .tlabel span::before {
    display: none;
  }
  .sec-faq .tlabel.active {
    margin: 0 0px 0px;
    text-align: center;
    height: auto;
    background-color: #987e53;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    padding: 10px 0;
  }
  .sec-faq .tlabel.active span {
    padding-left: 0 !important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url(../../img/index/arrow-up-w.svg);
    background-size: 21px 22px;
  }
  .sec-faq .tlabel.active span::before {
    display: none;
  }
  .sec-faq dl {
    border-bottom: 1px dashed #707070;
    padding: 0 0 10px 0;
  }
  .sec-faq dl:last-child {
    border-bottom: 0;
  }
  .sec-faq dl dt {
    margin-left: 30px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .sec-faq dl dt::before {
    left: -30px;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    top: 2px;
  }
  .sec-faq dl dd {
    margin-left: 30px;
    font-size: 14px;
    line-height: 1.6;
  }
  .sec-faq dl dd p {
    font-size: 14px;
  }
  .sec-faq dl dd p.indent {
    font-size: 13px;
    margin-left: 0.6em;
    text-indent: -0.6em;
    line-height: 1.5;
  }
  .sec-faq dl dd::before {
    left: -30px;
    font-size: 22px;
    top: -2px;
  }
}
/*==================================================
* footer
*================================================*/
.footer {
  background-color: #f9f7f2;
}
.footer .bg {
  background: url(../../img/index/bg-foot.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  height: 578px;
}
.footer .ttl {
  text-align: center;
  padding: 55px 0 0 0;
  margin: 0px 0 25px 0;
  text-align: center;
}
.footer .ttl img {
  max-width: 500px;
  height: auto;
}
.footer .text-center.m {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
}
.footer .snslist {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}
.footer .snslist a {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 10px;
  text-align: center;
  color: #a59578;
  line-height: 52px;
  border: 1px solid #a59578;
  margin: 0 6px;
  font-size: 30px;
}
.footer .snslist a:hover {
  background-color: #a59578;
  color: #fff;
  border: 1px solid #a59578;
}
.footer .group_link {
  display: flex;
  justify-content: center;
}
.footer .group_link li {
  margin: 0 10px;
}
.footer .group_link a {
  color: #535353;
}
.footer .group_link a i {
  color: #D5B680;
}

.footer__copyrights {
  color: #535353;
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding-bottom: 66px;
  }
  .footer .bg {
    background: url(../../img/index/ssp-bg-foot.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 289px;
  }
  .footer .ttl {
    text-align: center;
    padding: 45px 0 0 0;
    margin: 0px 0 20px 0;
  }
  .footer .ttl img {
    width: 300px;
    height: auto;
  }
  .footer .text-center.m {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .footer .snslist {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
  }
  .footer .snslist a {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    text-align: center;
    color: #a59578;
    line-height: 42px;
    border: 1px solid #a59578;
    margin: 0 5px;
    font-size: 24px;
  }
  .footer .snslist a:hover {
    background-color: #fff;
    color: #1E2C5B;
  }
  .footer .group_link {
    display: block;
  }
  .footer .group_link li {
    text-align: center;
    padding: 5px 0;
  }
  .footer__copyrights {
    padding: 10px 0 20px;
  }
}
/*********************
add place
*********************/
/* add. 2020_06_22 */
.redbox {
  border: 1px solid red;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  color: #26321A;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.redbox.center {
  margin: 0 0 20px;
  text-align: initial;
  display: flex;
  justify-content: center;
}

.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;
  }
  .doumin {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .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;
  }
}
@media only screen and (min-width: 1030px) {
  .wrap {
    width: 1040px;
  }
  .page-banquet #afterparty .afterparty_wrap .afterparty_wrap_inner .data_wrap01 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    margin: 0;
  }
}
@media only screen and (min-width: 1560px) {
  #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;
  }
}
@media print {
  * {
    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;
  }
}
/*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: 66px !important;
  left: 3px !important;
}

@media only screen and (min-width: 769px) {
  /*popup*/
  .cc-message {
    font-size: 14px !important;
  }
  .cc-window {
    padding: 30px !important;
    width: calc(100% - 460px) !important;
    margin-bottom: 0 !important;
  }
  .cc-revoke.cc-bottom {
    bottom: 0 !important;
  }
}/*# sourceMappingURL=style_202506.css.map */