@charset "UTF-8";
/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
  box-sizing: border-box; }

::before,
::after {
  box-sizing: inherit; }

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/ }

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0; }

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */ }

address {
  font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom; }

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom; }

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none; }

/**
 * Remove padding
 */
option {
  padding: 0; }

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px;
  /* 1 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer; }

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none; }

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

td,
th {
  vertical-align: top;
  padding: 0; }

th {
  text-align: left;
  font-weight: bold; }

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

*, *:before, *:after {
  -webkit-box-sizing: borfer-box;
  box-sizing: border-box; }

body, html {
  font-size: 16px;
  line-height: 1.6;
  font-family: "a-otf-ryumin-pr6n", serif;
  font-weight: 200;
  font-style: normal;
  font-feature-settings: 'palt';
  color: #000; }
  @media screen and (max-width: 600px) {
    body, html {
      font-size: 14px; } }

body {
  position: relative; }
  @media screen and (max-width: 600px) {
    body {
      padding-bottom: 70px; } }

a {
  color: inherit;
  text-decoration: none; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

sup {
  font-size: 50%;
  vertical-align: super; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  font-size: 0; }

@media screen and (max-width: 600px) {
  .pc {
    display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 600px) {
    .sp {
      display: block; } }

.aw {
  display: inline-block; }

.img {
  position: relative; }
  .img .cap {
    display: inline-block;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 200;
    font-style: normal;
    font-feature-settings: 'palt';
    font-size: 10px;
    text-align: right;
    line-height: 1.2; }
    .img .cap.in {
      position: absolute;
      bottom: 3px;
      right: 5px; }
      .img .cap.in.tal-left {
        right: inherit;
        left: 5px; }
    .img .cap.out {
      display: block;
      margin-top: 2px; }
    .img .cap.fff {
      color: #fff;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.64), 0 0 2px rgba(0, 0, 0, 0.56), 0 0 2px rgba(0, 0, 0, 0.48), 0 0 2px rgba(0, 0, 0, 0.4);
      font-weight: 400; }
    .img .cap.tal-left {
      text-align: left; }

.note {
  font-family: "a-otf-ryumin-pr6n", serif;
  font-weight: 200;
  font-style: normal;
  font-feature-settings: 'palt';
  font-size: 11px;
  text-align: left;
  line-height: 1.6; }
  @media screen and (max-width: 600px) {
    .note {
      font-size: 10px; } }

.en {
  font-family: "paganini", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: 'palt'; }

.request a, .reserve a {
  display: block;
  position: relative;
  top: 0;
  border: 0;
  cursor: pointer;
  line-height: 1.2;
  text-align: center;
  padding: 15px 25px;
  outline: 0;
  transition: all 0.4s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-position-x: 0%;
  animation-name: shine; }
  .request a:active, .reserve a:active {
    top: 2px; }

.request a {
  /*background-color:#9e7013;*/
  background: linear-gradient(to bottom, #392801 0%, #a17e37 100%);
  color: #fff;
  text-align: center;
  /*	  &.shinydarken {
      background: $btn-request-off-color;
      background: linear-gradient(
        -45deg,
        $btn-request-off-color 50%,
        darken($btn-request-off-color, 20%) 60%,
        $btn-request-off-color 70%
      );
    } */
  /*		&:hover{
      background: $btn-request-on-color;
  	//		@include btn-request-on;
  		} */ }
  .request a.shiny {
    /*background-color:#9e7013;*/
    background: linear-gradient(to bottom, #392801 0%, #a17e37 100%);
    color: #fff;
    text-align: center;
    /**background: linear-gradient(
    	-45deg,
    	$btn-request-off-color 50%,
    	lighten( $btn-request-off-color, 20%) 60%,
    	$btn-request-off-color 70%
    );
    background-size: 600% 100%;
    animation: shine 20s infinite;
    animation-delay: 0s;
    animation-timing-function: linear;**/ }
    .request a.shiny:hover {
      /**background: $btn-request-on-color;
      background: linear-gradient(
      	-45deg,
      	$btn-request-on-color 50%,
      	lighten( $btn-request-on-color, 20%) 60%,
      	$btn-request-on-color 70%
      );
      background-size: 600% 100%;
      animation: shine 20s infinite;
      animation-delay: 0s;
      animation-timing-function: linear;**/
      filter: brightness(1.3); }

.reserve a {
  background-color: #a72126;
  color: white; }
  .reserve a.shiny {
    background: #a72126;
    background: linear-gradient(-45deg, #a72126 50%, #dd5157 60%, #a72126 70%);
    background-size: 600% 100%;
    animation: shine 20s infinite;
    animation-delay: 0s;
    animation-timing-function: linear; }
    .reserve a.shiny:hover {
      background: #d83c42;
      background: linear-gradient(-45deg, #d83c42 50%, #e99194 60%, #d83c42 70%);
      background-size: 600% 100%;
      animation: shine 20s infinite;
      animation-delay: 0s;
      animation-timing-function: linear; }

@keyframes shine {
  0% {
    background-position-x: 400%; }
  50% {
    background-position-x: 0%; }
  100% {
    background-position-x: -400%; } }
.g-nav a, .g-nav .soon {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  position: relative; }
.g-nav a {
  transition: all 0.4s 0s ease-in;
  position: relative; }
.g-nav .soon {
  opacity: 0.4; }
.g-nav .new, .g-nav .update, .g-nav .pickup {
  font-family: "a-otf-ryumin-pr6n", serif;
  font-weight: 200;
  font-style: normal;
  font-feature-settings: 'palt';
  font-size: 0.5625rem;
  color: #fff;
  font-weight: bold;
  padding: 1px 4px 3px;
  /*background-color:  #F70000;*/
  background-color: #920d14;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%); }
@media screen and (max-width: 1024px) {
  .g-nav .new, .g-nav .update, .g-nav .pickup {
    top: 2px;
    left: 2px;
    transform: none; } }
@media screen and (max-width: 600px) {
  .g-nav .new, .g-nav .update, .g-nav .pickup {
    font-size: 0.571428571428571rem; } }

header {
  width: 100%;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.24);
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.88);
  z-index: 10;
  overflow: hidden; }
  header.js-header.change-color {
    background-color: #fff;
    transition: 0.3s;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.24); }

.header_container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0;
  line-height: 1;
  position: relative; }
  @media screen and (max-width: 600px) {
    .header_container {
      padding-left: 3.8647342995%;
      padding-right: 3.8647342995%; } }
  .header_container .logo {
    display: inline-block;
    width: 15.5%;
    min-width: 186px;
    margin-right: 1rem;
    vertical-align: middle; }
  .header_container h1 {
    display: inline-block;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 200;
    font-style: normal;
    font-feature-settings: 'palt';
    font-size: 0.625rem;
    text-align: left;
    vertical-align: middle;
    line-height: 1.2; }
  .header_container #sp-nav {
    display: none; }
  .header_container .sub-nav {
    position: absolute;
    top: 1.25rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center; }
    .header_container .sub-nav div, .header_container .sub-nav li {
      min-height: 0%; }
    .header_container .sub-nav li {
      /*&.map{
      				a{
      				&::before{
      					background-image: url("../images/common/s-nav-map.png");
      				}
      				}
      			}
      			&.outline{
      				a{
      				&::before{
      					background-image: url("../images/common/s-nav-outline.png");
      				}
      				}
      			} */ }
      .header_container .sub-nav li.faq, .header_container .sub-nav li.map, .header_container .sub-nav li.outline {
        margin-right: 1.9rem;
        line-height: 1.2; }
        .header_container .sub-nav li.faq a, .header_container .sub-nav li.map a, .header_container .sub-nav li.outline a {
          font-size: 0.8125rem;
          padding: 0 0.25rem 0.125rem;
          padding-left: 1.4rem;
          position: relative; }
          .header_container .sub-nav li.faq a:before, .header_container .sub-nav li.map a:before, .header_container .sub-nav li.outline a:before {
            content: "";
            position: absolute;
            left: 0;
            width: 14px;
            height: 20px;
            top: 50%;
            transform: translateY(-50%); }
          .header_container .sub-nav li.faq a:hover, .header_container .sub-nav li.map a:hover, .header_container .sub-nav li.outline a:hover {
            background-color: #f6efd6; }
      .header_container .sub-nav li.faq a {
        padding-left: 1.8rem; }
        .header_container .sub-nav li.faq a:before {
          width: 20px;
          height: 20px;
          background: url("../images/common/s-nav-faq.png") no-repeat;
          background-size: cover; }
      .header_container .sub-nav li.map a:before {
        background: url("../images/common/s-nav-map.png") no-repeat;
        background-size: cover; }
      .header_container .sub-nav li.outline a:before {
        background: url("../images/common/s-nav-outline.png") no-repeat;
        background-size: cover; }
      .header_container .sub-nav li.request, .header_container .sub-nav li.reserve {
        min-width: calc( 7em + 2rem);
        margin-left: 1px; }
        .header_container .sub-nav li.request a, .header_container .sub-nav li.reserve a {
          font-size: 0.9375rem;
          padding: 0.5rem 1rem; }
      .header_container .sub-nav li.bnr_app {
        display: none;
        width: 100%;
        margin-top: 2px; }
        .header_container .sub-nav li.bnr_app a {
          padding: 0 !important; }
          .header_container .sub-nav li.bnr_app a:hover {
            filter: brightness(110%); }
        .header_container .sub-nav li.bnr_app img {
          width: 100%;
          height: auto; }
  .header_container .g-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-top: 0.75rem; }
    .header_container .g-nav div, .header_container .g-nav li {
      min-height: 0%; }
    .header_container .g-nav li {
      flex-basis: auto;
      flex-grow: 1;
      border-right: solid thin #cfd8dc;
      line-height: 1;
      margin: 0;
      position: relative;
         /*   &.position, &.plan{
                a{
                    background-color: #60A4BB;
                    color: #fff;
                    &::before{
                        content: "";
                        display: block;
                        width: 1.25rem;
                        height: calc(1.25rem / 2);
                        background-color: #FFE33E;
                        clip-path: polygon(50% 0, 100% 100%, 0 100%);
                        transform: rotate(45deg);
                        position: absolute;
                        top:0;
                        right: -0.275rem;                        
                    }
            &.current, &:hover{
				&::after{
					background-color: #FFE33E;
				}
			}
                }
            } */ }
      .header_container .g-nav li:first-of-type {
        border-left: solid thin #cfd8dc; }
      .header_container .g-nav li a, .header_container .g-nav li .soon {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.875rem;
        text-align: center;
        color: #000;
        padding: 0.75rem 0.875rem 0.5rem;
        position: relative; }
        .header_container .g-nav li a::after, .header_container .g-nav li .soon::after {
          content: "";
          display: block;
          width: 100%;
          height: 0.25rem;
          background-color: #fff;
          opacity: 0;
          position: absolute;
          left: 0;
          bottom: -1px; }
      .header_container .g-nav li a.current, .header_container .g-nav li a:hover {
        color: #9e7013; }
        .header_container .g-nav li a.current::after, .header_container .g-nav li a:hover::after {
          background-color: #7f6e60;
          opacity: 1; }
      .header_container .g-nav li a.shiny {
        background: linear-gradient(-45deg, #ffffff00 50%, #d7e8ee 60%, #ffffff00 70%);
        background-size: 600% 100%;
        animation: shine 20s infinite;
        animation-delay: 0s;
        animation-timing-function: linear; }
      .header_container .g-nav li .tab {
        display: none; }
  @media screen and (max-width: 1200px) {
    .header_container .navigation .g-nav li.modelroom {
      max-width: 6.6666666667%; }
    .header_container .navigation .g-nav li .tab {
      display: block; } }
  @media screen and (max-width: 1024px) {
    .header_container h1 {
      width: 24%; }
    .header_container .navigation .sub-nav li.faq, .header_container .navigation .sub-nav li.map, .header_container .navigation .sub-nav li.outline {
      margin-right: 0.75rem; }
    .header_container .navigation .g-nav li:nth-of-type(2), .header_container .navigation .g-nav li:nth-of-type(3), .header_container .navigation .g-nav li:nth-of-type(4), .header_container .navigation .g-nav li:nth-of-type(5), .header_container .navigation .g-nav li:nth-of-type(6) {
      width: calc(100% / 6); }
    .header_container .navigation .g-nav li:nth-of-type(1), .header_container .navigation .g-nav li:nth-last-of-type(-n+7) {
      width: calc(100% / 7); }
    .header_container .navigation .g-nav li:nth-last-of-type(-n+7) {
      margin-top: 2px; }
    .header_container .navigation .g-nav li.modelroom {
      max-width: 100%; } }
  @media screen and (max-width: 834px) {
    .header_container h1 {
      width: 20%; }
    .header_container .logo {
      min-width: 10rem; }
    .header_container .navigation .g-nav li:nth-of-type(1) {
      width: calc(100% / 12); }
    .header_container .navigation .g-nav li a, .header_container .navigation .g-nav li .soon {
      font-size: 0.8125rem; } }
  @media screen and (max-width: 768px) {
    .header_container {
     /*           h1{
        width: 23%;
    } */ }
      .header_container .navigation .sub-nav li.faq, .header_container .navigation .sub-nav li.map, .header_container .navigation .sub-nav li.outline {
        margin-right: 0.25rem; }
        .header_container .navigation .sub-nav li.faq a, .header_container .navigation .sub-nav li.map a, .header_container .navigation .sub-nav li.outline a {
          font-size: 0.8125rem; }
      .header_container .navigation .sub-nav li.request, .header_container .navigation .sub-nav li.reserve {
        min-width: calc( 7em + 1rem); }
        .header_container .navigation .sub-nav li.request a, .header_container .navigation .sub-nav li.reserve a {
          font-size: 0.8125rem;
          padding: 0.5rem; }
      .header_container .navigation .g-nav li:nth-of-type(1) {
        width: calc(100% / 12);
        flex-shrink: 1; }
      .header_container .navigation .g-nav li:nth-of-type(2), .header_container .navigation .g-nav li:nth-of-type(3), .header_container .navigation .g-nav li:nth-of-type(5), .header_container .navigation .g-nav li:nth-of-type(6) {
        width: calc(100% / 6); }
      .header_container .navigation .g-nav li:nth-of-type(4) {
        width: calc(100% / 4.25); }
      .header_container .navigation .g-nav li:nth-of-type(1), .header_container .navigation .g-nav li:nth-last-of-type(-n+7) {
        width: calc(100% / 9); }
      .header_container .navigation .g-nav li .tab {
        display: none; }
      .header_container .navigation .sub-nav li a, .header_container .navigation .sub-nav li .soon {
        font-size: 0.8125rem; } }
  @media screen and (max-width: 600px) {
    .header_container {
      padding: 8px 0 0; }
      .header_container .logo {
        display: block;
        margin: 8px 0 0 10px;
        padding-bottom: 16px; }
        .header_container .logo img {
          width: 120px;
          height: auto; }
      .header_container h1 {
        display: none; }
      .header_container #sp-nav {
        display: block;
        width: 10.6280193237%;
        position: absolute;
        top: 8px;
        right: 8px; }
        .header_container #sp-nav span {
          display: block;
          width: 100%;
          height: 100%; }
        .header_container #sp-nav .sp-menu-close {
          display: none; }
        .header_container #sp-nav.active .sp-menu-open {
          display: none;
          position: relative;
          z-index: 1; }
        .header_container #sp-nav.active .sp-menu-close {
          display: block;
          position: relative;
          z-index: 2; }
      .header_container .navigation {
        display: none; }
        .header_container .navigation.panelactive {
          display: block; }
      .header_container nav {
        display: flex;
        flex-direction: column;
        padding: 0;
        /**background-color: #ecf6f8;**/
        background-color: #fff;
        border-top: 1px solid #ddd; }
      .header_container .g-nav, .header_container .sub-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0; }
        .header_container .g-nav div, .header_container .g-nav li, .header_container .sub-nav div, .header_container .sub-nav li {
          min-height: 0%; }
        .header_container .g-nav li, .header_container .sub-nav li {
          width: 50%;
          min-height: 3rem; }
          .header_container .g-nav li.top, .header_container .sub-nav li.top {
            border-left: none; }
          .header_container .g-nav li:nth-of-type(2n), .header_container .sub-nav li:nth-of-type(2n) {
            border-left: none; }
          .header_container .g-nav li .sp, .header_container .sub-nav li .sp {
            display: inline; }
          .header_container .g-nav li a, .header_container .g-nav li .soon, .header_container .sub-nav li a, .header_container .sub-nav li .soon {
            width: 100%;
            height: 100%; }
      .header_container .navigation .g-nav {
        margin-top: 0;
        order: 1; }
        .header_container .navigation .g-nav li {
          border-bottom: solid  #cfd8dc  thin; }
          .header_container .navigation .g-nav li:nth-last-of-type(-n+7) {
            margin-top: 0; }
          .header_container .navigation .g-nav li:nth-of-type(n+12), .header_container .navigation .g-nav li:nth-last-of-type(-n+12) {
            width: 50%; }
      .header_container .navigation .sub-nav {
        order: 2;
        position: static;
        width: 100%; }
        .header_container .navigation .sub-nav li {
          border-bottom: solid thin #cfd8dc; }
          .header_container .navigation .sub-nav li a, .header_container .navigation .sub-nav li .soon {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.5rem 0.875rem; }
          .header_container .navigation .sub-nav li.faq, .header_container .navigation .sub-nav li.map, .header_container .navigation .sub-nav li.outline {
            margin: 0; }
            .header_container .navigation .sub-nav li.faq a, .header_container .navigation .sub-nav li.faq .soon, .header_container .navigation .sub-nav li.map a, .header_container .navigation .sub-nav li.map .soon, .header_container .navigation .sub-nav li.outline a, .header_container .navigation .sub-nav li.outline .soon {
              font-size: 0.875rem; }
              .header_container .navigation .sub-nav li.faq a::before, .header_container .navigation .sub-nav li.faq .soon::before, .header_container .navigation .sub-nav li.map a::before, .header_container .navigation .sub-nav li.map .soon::before, .header_container .navigation .sub-nav li.outline a::before, .header_container .navigation .sub-nav li.outline .soon::before {
                content: none; }
          .header_container .navigation .sub-nav li.faq, .header_container .navigation .sub-nav li.outline {
            border-right: solid thin #cfd8dc; }
          .header_container .navigation .sub-nav li.request, .header_container .navigation .sub-nav li.reserve {
            width: 100%;
            /*width: 50%;*/
            min-width: inherit;
            margin-left: 0; }
          .header_container .navigation .sub-nav li.bnr_app {
            display: block; } }

.breadcrumbs {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0.25rem 1rem 0.375rem;
  background-color: #e7e2dd; }
  .breadcrumbs ul {
    width: 100%; }
    .breadcrumbs ul li {
      display: inline-block;
      padding: 0 0.5rem 0 0.5rem;
      font-size: 0.75rem;
      color: #3d3937;
      line-height: 1; }
      .breadcrumbs ul li + li::before {
        content: "\03e";
        display: inline-block;
        font-size: 1em;
        color: #3d3937;
        margin-right: 1.6rem; }
      .breadcrumbs ul li a {
        text-decoration: none;
        color: #3d3937; }
        .breadcrumbs ul li a:hover {
          text-decoration: underline; }
  @media screen and (max-width: 600px) {
    .breadcrumbs {
      display: none; } }

.conversion {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 5rem; }

.conversion-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .conversion-buttons div, .conversion-buttons li {
    min-height: 0%; }
  .conversion-buttons li {
    width: 40%;
    max-width: 480px;
    margin-right: 2%; }
    .conversion-buttons li:last-of-type {
      margin-right: 0; }
    .conversion-buttons li a {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 1.5rem;
      letter-spacing: 0.25em;
      padding: 1.5rem 0;
      position: relative;
      /**&::before{
          content: "";
          display: block;
          width:calc(100% - 4px) ;
          height: calc(100% - 4px);
          border:thin solid #fff;
          position: absolute;
          top:50%;
          left: 50%;
          transform: translate(-50%, -50%);
      }**/ }
  @media screen and (max-width: 834px) {
    .conversion-buttons li {
      max-width: 520px; }
      .conversion-buttons li a {
        font-size: 1.25rem; } }
  @media screen and (max-width: 600px) {
    .conversion-buttons li {
      width: 90%;
      margin-right: 0;
      margin-bottom: 4px; } }

.contents-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 600px) {
    .contents-container {
      padding-left: 3.8647342995%;
      padding-right: 3.8647342995%; } }

.note-section {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 5rem;
  margin: auto;
  width: 90%;
  margin-top: 1rem;
  max-width: 1100px; }

.mainvisual {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

.maincopy {
  font-size: 2rem;
  text-align: center;
  width: 100%;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
  line-height: 1.44; }
  .maincopy::before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: url("../images/common/bg_regimental.png") center center repeat;
    background-size: 0.25%;
    position: absolute;
    bottom: 0;
    left: 0; }

.lead {
  font-size: 1rem;
  text-align: left;
  line-height: 2;
  letter-spacing: 0.1rem; }

.main {
  max-width: 1400px;
  margin: auto; }
  .main img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 600px) {
    .main img {
      height: 260px;
      object-fit: cover; } }

.inner {
  margin: auto;
  max-width: 1100px;
  width: 90%;
  padding: 3rem 0; }

.contents-head {
  background: #dfd8d2;
  margin: auto;
  max-width: 1400px; }
  .contents-head .page-copy {
    margin-bottom: 1.5rem; }
  .contents-head .lead {
    margin-top: 3rem; }
  .contents-head .inner {
    padding: 4rem 0; }
  @media screen and (max-width: 600px) {
    .contents-head .inner {
      padding: 2.5rem 0; }
    .contents-head .lead {
      margin-top: 2rem; } }

.midashi {
  font-size: 1.6rem;
  letter-spacing: 0.15rem; }

.page-copy {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.5rem; }
  .page-copy sup {
    font-size: 35%; }
  @media screen and (max-width: 600px) {
    .page-copy {
      font-size: 2.3rem;
      letter-spacing: 0.3rem; } }

.intro {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-weight: 500; }
  .intro .main-title {
    width: 16.6666666667%;
    position: absolute;
    top: -4rem;
    left: 0; }
  .intro .maincopy {
    padding-top: 2.5rem;
    color: #4d97b7; }
    .intro .maincopy::before {
      content: none; }
  .intro .lead {
    font-size: 1.125rem; }
  @media screen and (max-width: 600px) {
    .intro .main-title {
      width: 31.4136125654%;
      top: -2.15rem; }
    .intro .maincopy {
      font-size: 1.5rem;
      text-align: left;
      padding-top: 1rem;
      padding-left: 34.0314136126%; } }

.section-contents {
  margin-top: 5rem; }
  .section-contents .section-contents-inner {
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto; }
  .section-contents .cate-title {
    width: 33.3333333333%;
    margin: 4rem auto 2rem; }
  .section-contents .maincopy {
    font-size: 1.75rem; }
  .section-contents .note-box {
    margin-top: 2.5rem; }
  @media screen and (max-width: 600px) {
    .section-contents .cate-title {
      width: 73.2984293194%;
      margin-bottom: 2rem; }
    .section-contents .maincopy {
      font-size: 1.4rem; }
    .section-contents .note-box {
      margin-top: 1.75rem; } }

.column-container {
  background-color: #dbeaf1;
  padding: 2.5rem; }
  .column-container .maincopy {
    font-size: 1.5rem;
    text-align: left; }
  .column-container .lead {
    text-align: left; }
  @media screen and (max-width: 600px) {
    .column-container {
      padding: 2rem; }
      .column-container .maincopy {
        font-size: 1.3rem; }
      .column-container .lead {
        font-size: 0.928571428571429rem; } }
  @media screen and (max-width: 320px) {
    .column-container .maincopy {
      font-size: 1.125rem; } }

.subbtn-container {
  width: 100%;
  padding: 0 0 5rem; }
  .subbtn-container ul {
    margin: auto; }
    .subbtn-container ul li {
      width: 100%;
      max-width: 360px;
      margin: auto; }
      .subbtn-container ul li a {
        display: block;
        width: 100%;
        font-size: 0.875rem;
        color: #3091AE;
        text-align: center;
        letter-spacing: 0.1em;
        padding: 0.75rem;
        border: thin solid #3091AE; }
        .subbtn-container ul li a:hover {
          background-color: #D8EEF4; }

footer {
  width: 100%; }
  footer .footer_container .navigation {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 1.5rem 0; }
    footer .footer_container .navigation .g-nav, footer .footer_container .navigation .sub-nav {
      width: 100%;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100%; }
      @media screen and (max-width: 600px) {
        footer .footer_container .navigation .g-nav, footer .footer_container .navigation .sub-nav {
          padding-left: 3.8647342995%;
          padding-right: 3.8647342995%; } }
      footer .footer_container .navigation .g-nav div, footer .footer_container .navigation .g-nav li, footer .footer_container .navigation .sub-nav div, footer .footer_container .navigation .sub-nav li {
        min-height: 0%; }
      footer .footer_container .navigation .g-nav li, footer .footer_container .navigation .sub-nav li {
        flex-basis: auto;
        border-right: solid thin #cfd8dc;
        line-height: 1;
        margin: 0; }
        footer .footer_container .navigation .g-nav li:first-of-type, footer .footer_container .navigation .sub-nav li:first-of-type {
          border-left: solid thin #cfd8dc; }
        footer .footer_container .navigation .g-nav li a, footer .footer_container .navigation .g-nav li .soon, footer .footer_container .navigation .sub-nav li a, footer .footer_container .navigation .sub-nav li .soon {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 0.875rem;
          text-align: center;
          color: #000;
          padding: 0.5rem 0.875rem; }
        footer .footer_container .navigation .g-nav li a.current, footer .footer_container .navigation .g-nav li a:hover, footer .footer_container .navigation .sub-nav li a.current, footer .footer_container .navigation .sub-nav li a:hover {
          color: #9e7013; }
    footer .footer_container .navigation .g-nav li {
      flex-grow: 1; }
      footer .footer_container .navigation .g-nav li .tab {
        display: none; }
      footer .footer_container .navigation .g-nav li .new, footer .footer_container .navigation .g-nav li .update, footer .footer_container .navigation .g-nav li .pickup {
        display: none; }
    footer .footer_container .navigation .sub-nav {
      margin-top: 0.75rem; }
      footer .footer_container .navigation .sub-nav li.request a, footer .footer_container .navigation .sub-nav li.reserve a {
        background: none;
        background-color: #ffffff00;
        box-shadow: none; }
        footer .footer_container .navigation .sub-nav li.request a.shiny, footer .footer_container .navigation .sub-nav li.reserve a.shiny {
          background: none;
          background-color: #ffffff00; }
      footer .footer_container .navigation .sub-nav li.bnr_app {
        display: none; }
  @media screen and (max-width: 1200px) {
    footer .footer_container .navigation .g-nav li .tab {
      display: block; } }
  @media screen and (max-width: 1024px) {
    footer .footer_container .navigation .g-nav li:nth-of-type(2), footer .footer_container .navigation .g-nav li:nth-of-type(3), footer .footer_container .navigation .g-nav li:nth-of-type(4), footer .footer_container .navigation .g-nav li:nth-of-type(5), footer .footer_container .navigation .g-nav li:nth-of-type(6) {
      width: calc(100% / 6); }
    footer .footer_container .navigation .g-nav li:nth-of-type(1), footer .footer_container .navigation .g-nav li:nth-last-of-type(-n+7) {
      width: calc(100% / 7); } }
  @media screen and (max-width: 834px) {
    footer .footer_container .navigation .g-nav li:nth-of-type(1) {
      width: calc(100% / 10); }
    footer .footer_container .navigation .g-nav li a, footer .footer_container .navigation .g-nav li .soon {
      font-size: 0.8125rem; }
    footer .footer_container .navigation .sub-nav li a, footer .footer_container .navigation .sub-nav li .soon {
      font-size: 0.8125rem; } }
  @media screen and (max-width: 768px) {
    footer .footer_container .navigation .g-nav li:nth-of-type(1) {
      width: calc(100% / 12);
      flex-shrink: 1; }
    footer .footer_container .navigation .g-nav li:nth-of-type(2), footer .footer_container .navigation .g-nav li:nth-of-type(3), footer .footer_container .navigation .g-nav li:nth-of-type(5), footer .footer_container .navigation .g-nav li:nth-of-type(6) {
      width: calc(100% / 6); }
    footer .footer_container .navigation .g-nav li:nth-of-type(4) {
      width: calc(100% / 4.25); }
    footer .footer_container .navigation .g-nav li:nth-of-type(1), footer .footer_container .navigation .g-nav li:nth-last-of-type(-n+7) {
      width: calc(100% / 9); }
    footer .footer_container .navigation .g-nav li .tab {
      display: none; } }
  @media screen and (max-width: 600px) {
    footer .footer_container .navigation {
      padding: 0;
      overflow-x: hidden; }
      footer .footer_container .navigation .g-nav, footer .footer_container .navigation .sub-nav {
        justify-content: space-between;
        padding: 0; }
        footer .footer_container .navigation .g-nav li, footer .footer_container .navigation .sub-nav li {
          width: 50%;
          min-height: 3rem; }
          footer .footer_container .navigation .g-nav li.top, footer .footer_container .navigation .sub-nav li.top {
            border-left: none; }
          footer .footer_container .navigation .g-nav li:nth-of-type(2n), footer .footer_container .navigation .sub-nav li:nth-of-type(2n) {
            border-left: none; }
          footer .footer_container .navigation .g-nav li.request, footer .footer_container .navigation .g-nav li.reserve, footer .footer_container .navigation .sub-nav li.request, footer .footer_container .navigation .sub-nav li.reserve {
            display: none; }
          footer .footer_container .navigation .g-nav li .sp, footer .footer_container .navigation .sub-nav li .sp {
            display: inline; }
      footer .footer_container .navigation .g-nav li, footer .footer_container .navigation .sub-nav li {
        border-bottom: solid  #cfd8dc  thin;
        position: relative;
                 /*&.position, &.plan{
                a{
                    background-color: #60A4BB;
                    color: #fff;
                    &::before{
                        content: "";
                        display: block;
                        width: 1.25rem;
                        height: calc(1.25rem / 2);
                        background-color: #FFE33E;
                        clip-path: polygon(50% 0, 100% 100%, 0 100%);
                        transform: rotate(45deg);
                        position: absolute;
                        top:0;
                        right: -0.275rem;                        
                    }
            &.current, &:hover{
				&::after{
					background-color: #FFE33E;
				}
			}
                }
            } */ }
        footer .footer_container .navigation .g-nav li:nth-of-type(n+12), footer .footer_container .navigation .g-nav li:nth-last-of-type(-n+12), footer .footer_container .navigation .sub-nav li:nth-of-type(n+12), footer .footer_container .navigation .sub-nav li:nth-last-of-type(-n+12) {
          width: 50%; }
        footer .footer_container .navigation .g-nav li .tab, footer .footer_container .navigation .sub-nav li .tab {
          display: none; }
        footer .footer_container .navigation .g-nav li .new, footer .footer_container .navigation .g-nav li .update, footer .footer_container .navigation .g-nav li .pickup, footer .footer_container .navigation .sub-nav li .new, footer .footer_container .navigation .sub-nav li .update, footer .footer_container .navigation .sub-nav li .pickup {
          display: block;
          font-size: 0.571428571428571rem;
          top: 0.285714285714286rem; }
        footer .footer_container .navigation .g-nav li a.shiny, footer .footer_container .navigation .sub-nav li a.shiny {
          background: linear-gradient(-45deg, #ffffff00 50%, #d7e8ee 60%, #ffffff00 70%);
          background-size: 600% 100%;
          animation: shine 20s infinite;
          animation-delay: 0s;
          animation-timing-function: linear; }
      footer .footer_container .navigation .sub-nav {
        margin-top: 0; } }

.contact {
  border-bottom: 1px solid #ddd;
  padding: 2.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .contact div, .contact li {
    min-height: 0%; }
  .contact p {
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 200;
    font-style: normal;
    font-feature-settings: 'palt';
    width: auto;
    font-size: 0.75rem;
    text-align: left;
    line-height: 1.2;
    margin: 0 0.5rem;
    letter-spacing: 0.05em; }
    .contact p img {
      width: 100%;
      height: auto;
      max-width: 340px; }
    .contact p:nth-of-type(1) {
      width: 100%;
      text-align: center; }
    .contact p:nth-of-type(2) {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    .contact p:nth-of-type(3) {
      font-size: 11px;
      line-height: 1.4; }
  .contact .note {
    margin: 0 auto;
    color: #ce3544;
    text-align: center;
    padding: 0 1rem; }
  .contact .holiday {
    width: 100%;
    margin: 0.5rem auto 0;
    text-align: center;
    font-size: 0.8rem;
    color: #F70000;
    font-feature-settings: "palt"; }
  @media screen and (max-width: 600px) {
    .contact {
      display: block;
      padding-left: 7%;
      padding-right: 7%; }
      .contact p {
        display: block;
        /*text-align: left;*/
        text-align: center;
        margin: 0 0.5rem !important; }
        .contact p:nth-of-type(2) {
          /*margin: 12px 0.5rem!important;*/
          margin: 0.5rem 0.5rem 1rem !important; }
        .contact p:nth-of-type(3) {
          font-size: 10px; } }

.corp-logo ul {
  width: 96%;
  max-width: 800px;
  margin: auto;
  padding: 1.5rem 0;
  text-align: center;
  line-height: 1.2; }
  .corp-logo ul li {
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 1rem 1.5rem; }
    .corp-logo ul li a {
      display: block;
      width: 100%; }
      .corp-logo ul li a:hover {
        opacity: 0.64; }
    .corp-logo ul li img {
      width: auto;
      max-width: 100%;
      height: 4.6875rem;
      max-height: auto; }

.copyright {
  padding: 0 1rem 1rem;
  font-family: "a-otf-ryumin-pr6n", serif;
  font-weight: 200;
  font-style: normal;
  font-feature-settings: 'palt';
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-size: 11px;
  font-weight: 400;
  color: #333; }

.laurel-banners {
  background: #d7d7d7;
  padding: 30px 0; }
  .laurel-banners ul {
    font-size: 0;
    margin: auto;
    max-width: 1280px;
    width: 90%;
    text-align: center; }
    .laurel-banners ul li {
      display: inline-block;
      margin: 10px; }
      .laurel-banners ul li img {
        width: auto;
        height: 75px; }
      .laurel-banners ul li a {
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .laurel-banners ul li a:hover {
          opacity: 0.8; }
    @media screen and (max-width: 834px) {
      .laurel-banners ul li img {
        width: auto;
        height: 55px; } }
    @media screen and (max-width: 600px) {
      .laurel-banners ul li img {
        display: block;
        height: 50px; } }

.other-property-list {
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px; }
  .other-property-list ul {
    margin: auto;
    width: 90%;
    max-width: 1100px;
    text-align: left;
    position: relative;
    margin-top: 25px;
    box-sizing: border-box; }
    .other-property-list ul li {
      font-family: "a-otf-ryumin-pr6n", serif;
      font-weight: 200;
      font-style: normal;
      font-feature-settings: 'palt';
      font-size: 12px;
      margin: 5px 10px;
      display: inline-block; }
      .other-property-list ul li a {
        color: #000;
        text-decoration: none; }
      .other-property-list ul li:nth-child(1) {
        position: absolute;
        left: 0;
        top: -5px;
        border: 1px solid #c9a063;
        color: #c9a063;
        border-radius: 4px;
        box-sizing: border-box;
        padding: 3px 6px; }
    .other-property-list ul:nth-child(1) {
      padding-left: 260px; }
    .other-property-list ul:nth-child(2) {
      padding-left: 120px; }
  @media screen and (max-width: 600px) {
    .other-property-list ul li:nth-child(1) {
      width: 100%;
      text-align: center;
      position: relative;
      margin: 5px 0; }
    .other-property-list ul:nth-child(1), .other-property-list ul:nth-child(2) {
      padding-left: 0px; } }

#sp_footer_nav_belt {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 10;
  overflow: hidden; }
  #sp_footer_nav_belt ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: thin solid #ddd; }
    #sp_footer_nav_belt ul div, #sp_footer_nav_belt ul li {
      min-height: 0%; }
    #sp_footer_nav_belt ul li {
      text-align: center;
      border-right: thin solid rgba(68, 68, 68, 0.16);
      width: 23%;
      background: #eeeae7;
      /*  img{
               width: auto;
               max-width: 100%;
               height: auto;
           }　*/
      /*            img{
                      width: 96%;
                      max-width: 3.875rem;
                      height: auto;
                  } */ }
      #sp_footer_nav_belt ul li img {
        width: calc( ( 56 / 98 ) * 1.5 *  96% );
        /*width: calc( ( 56 / 98 ) * 2 *  80% );*/
        height: auto; }
      #sp_footer_nav_belt ul li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 4px 0 8px;
        height: 60px;
        position: relative; }
        #sp_footer_nav_belt ul li a .kana {
          position: absolute;
          transform: translateX(-50%) translateY(-50%);
          white-space: nowrap;
          top: 50%;
          left: 50%; }
        #sp_footer_nav_belt ul li a:hover {
          opacity: 0.64; }
      #sp_footer_nav_belt ul li.outline {
        border-color: #ffffff00; }
      #sp_footer_nav_belt ul li.request, #sp_footer_nav_belt ul li.reserve {
        border-color: #ffffff00;
        /*width: calc( (100% / 5) * 2);*/
        width: 31%;
        box-shadow: none;
        flex-grow: 1; }
        #sp_footer_nav_belt ul li.request img, #sp_footer_nav_belt ul li.reserve img {
          width: 96%;
          /*width: 80%;*/ }
  @media screen and (max-width: 600px) {
    #sp_footer_nav_belt {
      display: block; } }

#topagetop {
  position: fixed;
  bottom: 6px;
  right: 6px;
  display: inline-block;
  z-index: 99;
  width: 3.125rem;
  height: 3.125rem; }
  #topagetop a {
    display: block;
    width: 100%;
    line-height: 1; }
  #topagetop img {
    width: 100%;
    height: auto;
    line-height: 0;
    font-size: 0; }
  @media screen and (max-width: 600px) {
    #topagetop {
      bottom: 5rem; } }

.floating-bnr {
  display: none;
  position: fixed;
  margin: 1rem 1.5rem;
  z-index: 99998;
  bottom: 3.5rem;
  right: 0; }
  .floating-bnr .bnr-bg {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.64); }
  .floating-bnr .copy {
    font-size: 1rem;
    text-align: center;
    line-height: 1.44; }
  .floating-bnr .bnr-body {
    width: 100%;
    padding: 1.25rem 1.5rem 1.5rem;
    text-align: center;
    -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.4); }
  .floating-bnr .bnr-close {
    font-weight: bold;
    position: absolute;
    top: -1rem;
    right: -1rem;
    z-index: 99999;
    padding: 0.25rem 0.5rem;
    border: 2px solid #fff;
    background-color: #70ACC6;
    color: #fff;
    border-radius: 50vh;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.4); }
  @media screen and (max-width: 600px) {
    .floating-bnr {
      display: none !important; } }

#forEntry {
  width: 22.8571428571%;
  max-width: 360px; }
  #forEntry .bnr-body {
    position: relative;
    background: url("../images/common/bg_floatbnr.jpg") left bottom/cover no-repeat;
    color: #212121; }
    #forEntry .bnr-body::before, #forEntry .bnr-body::after {
      content: "";
      display: block;
      background-color: #ffffff00;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1; }
    #forEntry .bnr-body::before {
      width: calc(100% - 0.3125rem);
      height: calc(100% - 0.3125rem);
      /*border:thin solid #DBB400;*/
      border: thin solid #a72126; }
    #forEntry .bnr-body::after {
      width: calc(100% - 0.6875rem);
      height: calc(100% - 0.6875rem);
      border: thin solid rgba(255, 255, 255, 0.64); }
    #forEntry .bnr-body .maincopy {
      width: 88%;
      padding-bottom: 0.75rem;
      margin: auto auto 0.5rem;
      font-size: 1.25rem;
      font-weight: bold;
      z-index: 2; }
      #forEntry .bnr-body .maincopy .txt-l {
        font-size: 125%; }
    #forEntry .bnr-body .copy {
      margin-bottom: 0.75rem;
      position: relative;
      z-index: 2; }
    #forEntry .bnr-body .conversion {
      padding-bottom: 0;
      position: relative;
      z-index: 2; }
    #forEntry .bnr-body .conversion-buttons li {
      width: 100%; }
      #forEntry .bnr-body .conversion-buttons li a {
        font-size: 1.125rem;
        letter-spacing: 0.1em; }
  @media screen and (max-width: 1024px) {
    #forEntry {
      width: 320px; } }

@media print {
  header, .breadcrumbs, footer {
    display: none; }

  .contents {
    padding-top: 0 !important; }

  .conversion, .subbtn-container {
    display: none; }

  .section-contents {
    margin-top: 0; }

  .plan-detail .intro {
    display: none; } }