@charset "UTF-8";

/*
	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

*/

/* @group Reset Style */

body {
  background: transparent;
  -webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
  list-style-position: outside;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup,
sub {
  line-height: 1px;
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* @end */

/* @group Structure */

/* @group Structure elements */

html {
  height: 100%;
}

body {
  font-size: 13px;
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN,
    "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Meiryo", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1;
}

/* @end */

/* @end */

/* @group Text Module */

strong {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase;
}

.bullet {
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.notice {
}

.require {
}

.lang-ja {
  /*font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
				 'Meiryo','メイリオ','Osaka','ＭＳ Ｐゴシック',sans-serif;*/
}

.lang-en {
  font-family: "Roboto Condensed", sans-serif;
}

.lang-cn {
  font-family: "Hei Regular", "SimHei", sans-serif;
}

sup {
  font-size: 77%;
  line-height: 0.8;
}

.registered-trademark {
}

#copyright,
.copyright-sign {
  text-transform: uppercase;
}

/* @end */

/* @group Hypertext Module */

a {
  color: #141414;
  text-decoration: underline;
  outline: none;
  /*-webkit-tap-highlight-color: rgba(0,0,0,0.40);*/
}

a:link {
}

a:visited {
}

a:hover {
  text-decoration: none;
}

a:active {
}

/* @end */

/* @group Modules */

/* @group column module */

.columns-row {
  /*width: 656px;*/
}

.columns-row:before,
.columns-row:after {
      content: "";
      display: block;
      overflow: hidden;
}

.columns-row:after {
      clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.columns-row {
  zoom: 1;
}

.columns-row .column {
  float: left;
}

.columns-row .first {
}

.columns-row .last {
}

.split .column {
  float: none;
}

.split .columns-row .column {
  float: left;
}

/* @end */

/* @group clearfix */

.clearfix:before,
.clearfix:after,
.columns-row:before,
.columns-row:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after,
.columns-row:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix,
.columns-row {
  zoom: 1;
}

/* @end */

/* @group separator */

div.separator {
}

div.separator hr {
  display: none;
}

/* @end */

/* @group button */

.button-image {
}

a.behavior-style {
}

.behavior-style img {
  transition: opacity 0.2s ease-out;
}

.behavior-style:hover img {
  opacity: 0.8;
  /* 	filter: alpha(opacity=80); */
  cursor: pointer;
}

/* @end */
/* @end */

/* @group 共通 */

html {
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  color: #141414;
  font-size: 26px;
  font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004",
    sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.page {
  min-height: 100%;
}

.font-en {
  font-weight: 400;
  font-style: normal;
  font-family: "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.fluid-std,
.fluid-min,
.fluid-full {
  box-sizing: border-box;
  margin: 0 auto;
}

.fluid-std {
  box-sizing: border-box;
  margin: 0 auto;
}

.text-std {
  font-size: 24px;
  line-height: 1.7;
}

.has-image {
  opacity: 0;
}

.has-image.image-loaded {
  opacity: 1;
}

.button:hover {
  cursor: pointer;
  opacity: 0.8;
}

.button-solid-bordered {
  box-sizing: border-box;
  padding: 0.4em 4em;
  border: 1px solid #231815;
  text-decoration: none;
}

.button-solid-bordered.color-blue {
  border-color: #2aa3ef;
}

.button-solid-bordered.color-pink {
  border-color: #f8a1c0;
}

.reservation-button {
  width: 554px;
  border: 1px solid #f8a1c0;
}

.reservation-button a {
  text-decoration: none;
}

.reservation-button .column-left {
  flex-basis: 50%;
  color: #ffffff;
  background: #f8a1c0;
  text-align: center;
}

.reservation-button .column-right {
  flex-basis: 50%;
  text-align: center;
}

.reservation-button .text {
  display: block;
  padding: 0.6em 0.6em;
  font-size: 18px;
}

svg {
  /*fill: currentColor;*/
}

/* @group 2f */

.floor-2f .room-1 svg #takibi .frame,
.floor-2f .room-2 svg #hato .frame,
.floor-2f .room-3 svg #eda .frame,
.floor-2f .room-4 svg #noki .frame {
  fill: #ffffff;
}

.floor-2f .room-1 svg #takibi .base,
.floor-2f .room-2 svg #hato .base,
.floor-2f .room-3 svg #eda .base,
.floor-2f .room-4 svg #noki .base {
  fill: #febe23;
}

/* @end */

/* @group page-header */

.page-header {
}

/* @group button */

.page-header .drawer-control {
}

.page-header .drawer-hamburger {
  position: absolute;
  display: block;
  box-sizing: content-box;
  top: 115px;
  right: 0;
  width: 40px;
  height: 46px;
  padding: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 0;
  outline: 0;
  background: transparent;
  z-index: 100;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  display: block;
  position: relative;
}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #1d120e;
}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  position: absolute;
  top: -6px;
  left: 0;
  content: " ";
}

.drawer-hamburger-icon:after {
  top: 6px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #040000;
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #040000;
}

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 2px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.drawer--sidebar,
.drawer--sidebar .drawer-contents {
  /*background-color: #fff*/
}

/* @end */

/* @group navigation */

.page-header .navigation {
  display: none;
}

/* @end */

/* @end */

/* @group page-footer */

.page-footer {
}

.page-footer a {
  text-decoration: none;
}

/* @end */

/* @end */

@media screen and (min-width: 641px) {
  body {
    overflow-x: hidden;
    font-size: 13px;
  }

  .pc-hidden {
    display: none;
  }

  .fluid-std {
    width: 1126px;
    margin: 0 auto;
  }

  .fluid-min {
    width: 790px;
    margin: 0 auto;
  }

  /* @group fluid-columns */

  .fluid-columns.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .fluid-columns.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .fluid-columns.flex .column.align-flex-start {
    align-self: flex-start;
  }

  .fluid-columns.flex .column.align-flex-end {
    align-self: flex-end;
  }

  /* @end */

  /* @group text */

  .text-std {
    font-size: 18px;
    line-height: 1.8;
  }

  .text-small {
    font-size: 15px;
    line-height: 1.8;
  }

  /* @end */

  /* @group page-header */

  .page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 100;
  }

  .page-header .drawer-control {
    position: absolute;
    width: 1px;
    height: 656px;
    top: 0;
    left: 0;
  }

  .page-header .icon-home {
    position: absolute;
    top: auto;
    right: auto;
    left: 42px;
    bottom: 142px;
    width: 40px;
    height: 46px;
  }

  .page-header .icon-home .logo_site svg .st0 {
    fill: #000000;
  }

  .page-header .drawer-hamburger {
    top: auto;
    right: auto;
    left: 40px;
    bottom: 88px;
    width: 40px;
    height: 46px;
  }

  .page-header .navigation {
    display: none;
    width: 960px;
    min-height: 656px;
    background: #f9f9f9;
  }

  .page-header .navigation > .content {
    box-sizing: border-box;
    position: relative;
    width: 774px;
    margin: 0 0 0 120px;
    padding: 70px 0 0;
  }

  .page-header .navigation .fluid-columns {
    min-height: 512px;
  }

  .page-header .navigation .column-left {
    width: 284px;
  }

  .page-header .navigation .column-right {
    width: 420px;
  }

  .page-header .navigation .heading {
    margin: 0 0 64px;
  }

  .page-header .navigation .heading img {
    width: 282px;
  }

  .page-header .navigation .floors {
  }

  .page-header .navigation .floors a {
    display: inline-block;
    margin: 0 0 1.2em;
    padding: 0 0 0.2em;
    border-bottom: 0.2em solid #000000;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
  }

  .home .floors .heading-bordered {
  }

  .page-header .navigation .access {
  }

  .page-header .navigation .access .content {
    width: auto;
    padding: 20px 0 0;
  }

  .page-header .navigation .access .heading.lang-en {
    margin: 0 0 0.2em;
    font-size: 26px;
  }

  .page-header .navigation .access .heading {
    margin: 0 0 0.8em;
    font-size: 20px;
  }

  .page-header .navigation .access .text-small {
    font-size: 15px;
    line-height: 1.6;
  }

  .page-header .navigation .map {
    width: 420px;
    height: 132px;
  }

  .page-header .navigation .map iframe {
    width: 420px;
    height: 132px;
  }

  .page-header .navigation .reservation {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .page-header .navigation .reservation .button-solid-bordered {
    display: block;
    padding: 1em 4em;
    background: #ffffff;
    border-width: 2px;
    font-size: 15px;
  }

  .page-header .navigation .reservation .button-solid-bordered .text {
  }

  /* @end */

  /* @group page-body */

  .page-body {
    position: relative;
    margin: 0 auto;
    padding: 0 0 0;
    z-index: 1;
  }

  .page-body .site-title {
  }

  /* @end */

  /* @group page-footer */

  .page-footer {
    width: 100%;
    position: relative;
    padding: 100px 0 70px;
  }

  .page-footer .container {
    width: auto;
    min-width: 960px;
    max-width: 1126px;
    margin: 0 120px 0 120px;
  }

  .page-footer .logo {
    margin: 0 0 46px;
  }

  .page-footer .logo img {
    width: 372px;
  }

  .page-footer .heading {
    margin: 0 0 36px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.6;
  }

  .page-footer .description {
    margin: 0 0 60px;
    font-size: 18px;
    line-height: 1.6;
  }

  .page-footer .contact {
    margin: 0 auto;
  }

  .page-footer .contact ul {
    display: table;
    line-height: 1.4;
  }

  .page-footer .contact ul li {
    display: table-cell;
    margin: 0;
    padding: 0 1em 0 0;
    font-size: 30px;
  }

  .page-footer .contact ul li strong {
  }

  .page-footer .contact ul li a {
    text-decoration: none;
  }

  .page-footer .contact ul li .text-small {
    font-size: 16px;
  }

  .page-footer #copyright {
    margin: 20px 0 0;
    font-size: 18px;
  }

  /* @end */

  /* @group movie */

  .movie-container {
    position: relative;
    width: 369px;
    height: 656px;
  }

  .movie-container a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    text-decoration: none;
    opacity: 0;
  }

  .movie-container a:hover {
    opacity: 0.3;
  }

  .movie-container a .text {
    visibility: hidden;
  }

  .movie-container .hgroup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .movie-container iframe {
    width: 369px;
    height: 656px;
  }

  /* @end */

  /* @group hero */

  .hero {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 656px;
    background: #fbf679 url(../images/global/bg_yellow-noise_pc.png) repeat 0 0;
  }

  .hero > .fluid-columns {
    width: auto;
    min-width: 960px;
    max-width: 1126px;
    margin: 0 120px 0 120px;
  }

  .hero > .fluid-columns .column-left {
    width: 369px;
  }

  .hero > .fluid-columns > .column-right {
    width: 707px;
    min-width: 300px;
    max-width: 707px;
    margin: 0 0 0 50px;
  }

  .hero .marquee {
    position: absolute;
    top: 600px;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 0.7em 0;
    background: #ffffff;
    margin: 0;
  }

  .hero .marquee p:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px;
  }

  .hero .marquee p {
    display: inline-block;
    margin: 0;
    padding-left: 100%;
    font-size: 18px;
    white-space: nowrap;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-iteration-count: infinite;
  }

  /* @end */

  /* @group main */

  .main {
    width: 100%;
    margin: 0 auto;
  }

  .main > .fluid-std {
    width: auto;
    min-width: 960px;
    max-width: 1126px;
    margin: 0 120px 0 120px;
    padding: 200px 0 0;
  }

  .aside > .fluid-std {
    width: 1126px;
    margin: 0 auto;
    padding: 200px 0 0;
  }

  .main .heading-root {
    margin: 0 0 140px;
    font-size: 60px;
    font-weight: 300;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
  }

  .main .section {
    width: 100%;
  }

  .main .section .content {
    max-width: 1000px;
    margin: 0 auto;
  }

  .main .section .heading-std {
    margin: 0 0 68px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.4;
  }

  .main .section .heading-std.lang-en {
    font-size: 37px;
  }

  /* @end */

  /* @group access */

  .page-body .access {
  }

  .page-body .access .map {
    width: 648px;
  }

  .page-body .access .map iframe {
    width: 608px;
    height: 342px;
  }

  .page-body .access .content {
    width: 466px;
    text-align: left;
    margin: 0 0 0 50px;
  }

  .page-body .access .heading.lang-en {
    font-size: 26px;
  }

  .page-body .access .heading {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
  }

  /* @end */

  /* @group home */

  .home .hero .site-title {
    display: block;
    width: 191px;
    margin: 188px auto 0;
  }

  .home .hero .site-title img {
    width: auto;
    height: 222px;
  }

  .home .hero .column-right .heading-large {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
  }

  .home .hero .column-right .heading-large .large {
    display: block;
    margin: 0.4em 0 0;
    font-size: 36px;
  }

  .home .hero .column-right .reservation {
    position: relative;
    top: 5em;
    left: 0;
    width: 341px;
  }

  .home .hero .column-right .reservation .button-solid-bordered {
    display: block;
    padding: 1em 4em;
    background: #ffffff;
    border-width: 2px;
    font-size: 1.2rem;
    text-align: center;
  }

  .home
    .hero
    .column-right
    .reservation
    .reservation
    .button-solid-bordered
    .text {
  }

  .home .floors {
    margin: 0 0 120px;
  }

  .home .floors .section {
    margin: 0 0 64px;
  }

  .home .floors .section > .fluid-columns > .column-right {
    width: 707px;
    min-width: 300px;
    margin: 0 0 0 50px;
  }

  .home .floor .column-right a.behavior-style {
    text-decoration: none;
  }

  .home .floor .column-right a.behavior-style:hover {
    opacity: 0.7;
  }

  .home .floors .heading-bordered {
    display: inline-block;
    margin: 0 0 0.8em;
    padding: 0 0 0.2em;
    border-bottom: 0.2em solid #000000;
    font-size: 40px;
    font-weight: 600;
  }

  .home .floors .description {
    margin: 0 0 3em;
    font-size: 18px;
    line-height: 2;
  }

  .home .floors .object {
    position: relative;
    width: 84px;
    margin: 5em 0 0;
    color: #f8a1c0;
    font-size: 18px;
    line-height: 1;
    text-align: right;
  }

  .home .floors .object:after {
    content: "";
    display: block;
    position: absolute;
    width: 82px;
    height: 1px;
    top: 8px;
    border-bottom: 1px solid #f8a1c0;
  }

  .home .news {
    width: auto;
    min-width: 960px;
    max-width: 1126px;
    margin: 0 0 200px;
  }

  .home .news .heading-std {
    margin: 0 0 58px;
  }

  .home .news .article {
    width: 100%;
    margin: 0 0 150px;
  }

  .home .news .article .date {
    width: 100%;
    margin: 0 0 0.4em;
    font-size: 22px;
    font-weight: 600;
  }

  .home .news .button-group {
    width: 980px;
    font-size: 18px;
  }

  .home .news .button-group .caption {
  }

  .home .news .button-group .button {
  }

  .home .floor .content {
    max-width: 800px;
    margin: 0 auto 0;
  }

  .home .floor .content a.behavior-style {
    display: block;
    text-decoration: none;
  }

  .home .floor .content a.behavior-style:hover {
    opacity: 0.7;
  }

  .home .reservation-button {
    width: 554px;
    margin: 60px 0 0;
  }

  .home .reservation-button {
  }

  /* @end */

  /* @group space */

  .space {
  }

  .space .hero .movie-container .hgroup {
    margin: 240px 0 0;
    color: #ffffff;
    text-align: center;
  }

  .space .hero .movie-container .hgroup .heading-large {
    margin: 0 0 190px;
    font-size: 40px;
    font-weight: 600;
  }

  .space .hero .movie-container .hgroup p {
    font-size: 16px;
    line-height: 3;
  }

  .space .hero .column-right .heading-large {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }

  .space .hero .column-right .heading-large .large {
    display: block;
    margin: 0 0 0;
    font-size: 32px;
  }

  .space .hero .column-right .description {
    display: block;
    margin: 2em 0 64px;
    font-size: 18px;
    line-height: 1.8;
  }

  .space .hero .nav {
    position: relative;
    top: 0;
    width: auto;
    height: 1px;
    min-width: 960px;
    max-width: 1126px;
    margin: -656px 120px 0 120px;
    z-index: 1;
  }

  .space .hero .nav .fluid-columns {
    position: absolute;
    top: 40px;
    right: 0;
    width: 300px;
    height: 257px;
  }

  .space .hero .nav .movie-container {
    width: 145px;
    height: 257px;
  }

  .space .hero .nav .movie-container iframe {
    width: 145px;
    height: 257px;
  }

  .space .hero .nav .column {
    width: 145px;
    height: 257px;
  }

  .space .hero .nav .movie-container a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    opacity: 1;
  }

  .space .hero .nav .movie-container a .text {
    display: block;
    visibility: visible;
    align-self: center;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
  }

  .space .section .trigger-open {
    display: none;
  }

  .space .section .list-std {
    padding: 0 0 0 1.2em;
  }

  .space .section .list-std li {
    list-style: disc;
  }

  .reservation-button .column-right {
    background: #ffffff;
  }

  .floor-1f .rooms {
    margin: 0 0 120px 0;
  }

  .floor-1f .rooms .section {
    margin: 0 0 64px;
  }

  .floor-1f .rooms .section .column-right {
    width: auto;
    min-width: 300px;
    max-width: 707px;
    margin: 0 0 0 50px;
  }

  .floor-1f .rooms .section.room-1 {
    width: 1076px;
    width: auto;
    margin: 0 0 120px 100px;
  }

  .floor-1f .rooms .section.room-1 .column-right {
    width: 660px;
  }

  .floor-1f .rooms .section.room-2 {
    width: 978px;
    width: auto;
    margin: 0 0 120px 200px;
  }

  .floor-1f .rooms .section.room-2 .column-right {
    width: 560px;
  }

  .floor-1f .rooms .section.room-3 {
    width: 878px;
    width: auto;
    margin: 0 0 120px 300px;
  }

  .floor-1f .rooms .section.room-3 .column-right {
    width: 460px;
  }

  .floor-1f .rooms .section.room-4 {
    width: 778px;
    width: auto;
    margin: 0 0 120px 400px;
  }

  .floor-1f .rooms .section.room-4 .column-right {
    width: 360px;
  }

  .floor-1f .rooms .description {
    font-size: 15px;
    text-align: justify;
    line-height: 2;
  }

  .floor-1f .rooms .description p {
    margin: 0 0 1.4em;
  }

  .floor-2f .main {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 120px;
    background: #fdfada;
  }

  .floor-2f .aside {
    width: 100%;
    margin: 0 auto;
  }

  .floor-2f .rooms {
    margin: 0 0 120px;
  }

  .floor-2f .rooms .section {
    margin: 0 0 240px;
  }

  .floor-2f .rooms .section.room-4 {
    margin: 0 0 0;
  }

  .floor-2f .rooms .section > .fluid-columns > .column-right {
    width: auto;
    min-width: 300px;
    max-width: 707px;
    margin: 0 0 0 50px;
  }

  .floor-2f .rooms .column-right .header {
    position: relative;
  }

  .floor-2f .rooms .column-right .header .hgroup {
    display: table;
    width: 500px;
    padding: 0 0 0.2em;
    border-bottom: 4px solid #000000;
  }

  .floor-2f .rooms .column-right .header .heading {
    display: table-cell;
    font-size: 53px;
    font-weight: 600;
  }

  .floor-2f .rooms .column-right .header .designer {
    display: table-cell;
    font-size: 32px;
    font-weight: 600;
    text-align: right;
  }

  .floor-2f .rooms .column-right .header .photo {
    display: none;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 540px;
    width: 103px;
    height: 103px;
    border-radius: 103px;
  }

  .floor-2f .rooms .column-right .header .photo img {
    width: auto;
    height: 103px;
  }

  .floor-2f .rooms .column-right .header .designer {
    font-size: 32px;
    font-weight: 600;
  }

  .floor-2f .rooms .description {
    margin: 3em 0 2em;
    font-size: 15px;
    text-align: justify;
    line-height: 2;
  }

  .floor-2f .rooms .description .heading {
    margin: 0 0 0.6em;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
  }

  .floor-2f .rooms .description p {
    margin: 0 0 1.4em;
  }

  .floor-2f .rooms .figure-group {
    display: table;
    width: 100%;
    margin: 0 0 50px;
  }

  .floor-2f .rooms .figure-group .data {
    display: table-cell;
    width: 310px;
    padding: 1em 2em 0 0;
    font-size: 15px;
    vertical-align: top;
    line-height: 1.8;
  }

  .floor-2f .rooms .figure-group .figure {
    display: table-cell;
    text-align: right;
  }

  .floor-2f .rooms .figure-group .figure svg {
    height: 185px;
  }

  .floor-2f .aside .rooms {
    margin: 0 0 300px;
  }

  .floor-2f .aside .rooms .section {
    margin: 0 0 64px;
  }

  .floor-2f .aside .rooms .section > .fluid-columns > .column-right {
    width: auto;
    min-width: 300px;
    max-width: 707px;
    margin: 0 0 0 50px;
  }

  .floor-2f .aside .rooms .section.room-1 {
    width: 1076px;
    margin: 0 0 120px 100px;
  }

  .floor-2f .aside .rooms .section.room-1 .column-right {
    width: 660px;
  }

  .floor-2f .aside .rooms .section.room-2 {
    width: 978px;
    margin: 0 0 120px 200px;
  }

  .floor-2f .aside .rooms .section.room-2 .column-right {
    width: 560px;
  }

  .aside .section .heading-std {
    margin: 0 0 68px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
  }

  .aside .section .heading-std.lang-en {
    font-size: 37px;
  }

  .aside .rooms .description p {
    margin: 0 0 4.8em;
  }

  .aside .rooms .reservation-button {
    margin: 12em 0 0;
  }

  /* @end */
}

@media screen and (max-width: 640px), screen and (max-device-width: 480px) {
  body {
    overflow-x: hidden;
    font-size: 26px;
  }

  .page {
  }

  .mobile-hidden {
    display: none;
  }

  .fluid-std {
    /*width: 824px;*/
    margin: 0 auto;
  }

  .fluid-min {
    width: 514px;
    margin: 0 auto;
  }

  span.row {
    display: inline-block;
  }

  span.row br {
    display: none;
  }

  .text-std {
    font-size: 36px;
    line-height: 1.8;
  }

  .button-solid-bordered {
    padding: 1em 1em 1em;
    border: 2px solid #000000;
  }

  .reservation-button {
    width: auto;
    padding: 1.6em 0.6em 1.2em;
    background: #f8a1c0;
  }

  .reservation-button a {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
  }

  .reservation-button .column-left {
    margin: 0 0 0.6em;
  }

  .reservation-button .column-right {
  }

  .reservation-button .text {
    display: block;
    padding: 0;
  }

  .reservation-button .column-left .text {
    font-size: 36px;
  }

  .reservation-button .column-right .text {
    font-size: 26px;
  }

  /* @group text */

  .text-std {
    font-size: 18px;
    line-height: 1.8;
  }

  .text-small {
    font-size: 22px;
    line-height: 1.8;
  }

  /* @end */

  /* @group page-header */

  .page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 10;
  }

  .page-header .drawer-control {
    position: absolute;
    width: 1px;
    height: 656px;
    top: 0;
    left: auto;
    right: 0;
  }

  .page-header .icon-home {
    display: block;
    position: absolute;
    top: 54px;
    left: auto;
    right: 26px;
    bottom: auto;
    width: 52px;
    height: 36px;
    z-index: 2;
  }

  .page-header .icon-home .icon {
    display: block;
  }

  .page-header .icon-home .icon svg {
    fill: #000000;
  }

  .page-header .icon-home .logo_site svg .st0 {
    fill: #000000;
    /*mix-blend-mode: multiply;*/
  }

  .page-header .icon-home a {
    display: block;
    text-decoration: none;
  }

  .page-header .drawer-hamburger {
    top: 120px;
    right: 30px;
    left: auto;
    bottom: auto;
    width: 54px;
    height: 46px;
  }

  .drawer-hamburger-icon:after,
  .drawer-hamburger-icon:before {
    content: " ";
    position: absolute;
    top: -8px;
    left: 0;
    background-color: #000000;
  }

  .drawer-hamburger-icon:after {
    top: 8px;
  }

  .drawer-open .page-header .icon-home {
    display: none;
  }

  .drawer-open .page-header .drawer-hamburger .icon svg {
    fill: #000000;
  }

  .page-header .navigation {
    display: none;
    width: 100%;
    padding: 0 0 80px;
    background: #f9f9f9;
  }

  .page-header .navigation > .content {
    box-sizing: border-box;
    position: relative;
    width: 558px;
    margin: 0 auto 0;
    padding: 70px 0 0;
  }

  .page-header .navigation .fluid-columns {
    display: block;
    margin: 0 auto;
  }

  .page-header .navigation .column-left {
    width: auto;
  }

  .page-header .navigation .column-right {
    width: auto;
  }

  .page-header .navigation .heading {
    margin: 0 0 84px;
    text-align: center;
  }

  .page-header .navigation .heading img {
    width: 340px;
  }

  .page-header .navigation .floors {
    margin: 0 0 1.8em;
    text-align: center;
  }

  .page-header .navigation .floors a {
    display: inline-block;
    margin: 0 0 1.8em;
    padding: 0 0 0.2em;
    color: #000000;
    border-bottom: 0.2em solid #000000;
    font-size: 40px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
  }

  .page-header .navigation .access {
  }

  .page-header .navigation .access .content {
    width: auto;
    padding: 2em 1em 2em;
  }

  .page-header .navigation .access .heading.lang-en {
    margin: 0 0 0.4em;
    font-size: 28px;
  }

  .page-header .navigation .access .heading {
    margin: 0 0 0.8em;
    font-size: 26px;
    text-align: left;
  }

  .page-header .navigation .access .text-small {
    font-size: 18px;
    line-height: 1.6;
  }

  .page-header .navigation .map {
    width: 558px;
    height: 154px;
  }

  .page-header .navigation .map iframe {
    width: 558px;
    height: 154px;
  }

  .page-header .navigation .reservation {
    position: static;
  }

  .page-header .navigation .reservation .button-solid-bordered {
    display: table;
    width: 100%;
    padding: 1em 4em;
    background: #ffffff;
    font-size: 26px;
  }

  .page-header .navigation .reservation .button-solid-bordered .text {
    display: table-cell;
    text-align: center;
  }

  /* @end */

  /* @group page-body */

  .page-body {
    position: relative;
    margin: 0 auto;
    padding: 0 0 0;
    z-index: 1;
  }

  .page-body .site-title {
  }

  /* @end */

  /* @group page-footer */

  .page-footer {
    width: 100%;
    position: relative;
    padding: 100px 0 200px;
  }

  .page-footer .container {
    width: 520px;
    margin: 0 auto;
  }

  .page-footer .logo {
    margin: 0 0 56px;
    text-align: center;
  }

  .page-footer .logo img {
    width: 340px;
  }

  .page-footer .heading {
    margin: 0 0 84px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 2;
  }

  .page-footer .heading img {
    display: block;
    width: auto;
    height: 63px;
    margin: 0 auto;
  }

  .page-footer .description {
    margin: 0 0 140px;
    font-size: 26px;
    line-height: 1.6;
  }

  .page-footer .contact {
    margin: 0 auto;
  }

  .page-footer .contact ul {
    line-height: 1.4;
  }

  .page-footer .contact ul li {
    margin: 0;
    padding: 0 1em 0 0;
    font-size: 33px;
  }

  .page-footer .contact ul li strong {
  }

  .page-footer .contact ul li a {
    text-decoration: none;
  }

  .page-footer .contact ul li .text-small {
    font-size: 16px;
  }

  .page-footer #copyright {
    margin: 160px 0 0;
    font-size: 18px;
    text-align: center;
  }

  /* @end */

  /* @group movie */

  .movie-container {
    position: relative;
    width: 640px;
    height: 1138px;
  }

  .movie-container a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    text-decoration: none;
    opacity: 0;
  }

  .movie-container a:hover {
    opacity: 0.3;
  }

  .movie-container a .text {
    visibility: hidden;
  }

  .movie-container .hgroup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .movie-container iframe {
    width: 640px;
    height: 1138px;
  }

  /* @end */

  /* @group hero */

  .hero {
    overflow: hidden;
    position: relative;
    width: 100%;
    /*height: 1138px;*/
    background: #fbf679 url(../images/global/bg_yellow-noise_mobile.png) repeat
      0 0;
  }

  .hero .fluid-columns {
    width: 640px;
    margin: 0 auto;
  }

  .hero .fluid-columns .column-left {
    width: 369px;
  }

  .hero .fluid-columns .column-right {
    width: 707px;
  }

  .hero .marquee {
    position: absolute;
    top: 1050px;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 0.7em 0;
    background: #ffffff;
    margin: 0;
  }

  .hero .marquee p:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px;
  }

  .hero .marquee p {
    display: inline-block;
    margin: 0;
    padding-left: 100%;
    font-size: 25px;
    white-space: nowrap;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-iteration-count: infinite;
  }

  /* @end */

  /* @group main */

  .main {
    width: 100%;
    margin: 0 auto;
  }

  .main > .fluid-std {
    width: 100%;
    margin: 0 auto;
    padding: 134px 0 0;
  }

  .aside > .fluid-std {
    width: 100%;
    margin: 0 auto;
    padding: 134px 0 0;
  }

  .main .heading-root {
    display: none;
  }

  .main .section {
    width: 100%;
  }

  .main .section .content {
    position: relative;
    max-width: auto;
    margin: 0 auto;
  }

  .main .section .heading-std {
    margin: 0 0 54px;
    font-size: 37px;
    font-weight: 400;
    line-height: 1.4;
  }

  .main .section .heading-std.lang-en {
    font-size: 37px;
  }

  /* @end */

  /* @group access */

  .page-body .access {
  }

  .page-body .access .map {
    width: 558px;
    margin: 0 auto;
  }

  .page-body .access .map iframe {
    width: 558px;
    height: 992px;
  }

  .page-body .access .content {
    width: 558px;
    margin: 72px auto 0;
    text-align: left;
  }

  .page-body .access .content .section {
    padding: 0 0 110px;
    border-bottom: 4px solid #d6d6d6;
  }

  .page-body .access .heading.lang-en {
    font-size: 28px;
  }

  .page-body .access .heading {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.4;
  }

  /* @end */

  /* @group home */

  .home .hero .site-title {
    display: block;
    width: 325px;
    height: 378px;
    margin: 368px auto 0;
  }

  .home .hero .site-title img {
    width: 325px;
    height: auto;
  }

  .home .hero .column-right {
    width: 560px;
    margin: 0 auto;
    padding: 60px 0;
  }

  .home .hero .column-right .heading-large {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.5;
  }

  .home .hero .column-right .heading-large img {
    width: 551px;
    height: auto;
  }

  .home .hero .column-right .heading-large .large {
    display: block;
    margin: 0.4em 0 0;
    font-size: 58px;
    line-height: 1.4;
  }

  .home .hero .column-right .reservation {
    position: fixed;
    bottom: 4em;
    left: auto;
    right: auto;
    width: 90%;
    z-index: 99999;
  }
  
  .home .hero .column-right .reservation2 {
    position: fixed;
    bottom: 1em;
    left: auto;
    right: auto;
    width: 90%;
    z-index: 99999;
  }

  .home .hero .column-right .reservation .button-solid-bordered {
    display: block;
    padding: 1em 4em;
    background: #ffffff;
    border-width: 2px;
    font-size: 1.4rem;
    text-align: center;
  }

  .home .floors {
    margin: 0 0 120px;
  }

  .home .floors .section {
    position: relative;
    margin: 0 0 134px;
  }

  .home .floors .section .column-right {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .floor .column-right a.behavior-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
  }

  .home .floor .column-right a.behavior-style:hover {
    opacity: 1;
  }

  .home .floor .content {
    align-self: center;
    width: 560px;
    margin: 0 auto;
    text-align: center;
  }

  .home .floors .heading-bordered {
    display: inline-block;
    margin: 0 0 0.8em;
    padding: 0 0 0.2em;
    color: #ffffff;
    border-bottom: 0.2em solid #ffffff;
    font-size: 53px;
    font-weight: 600;
  }

  .home .floors .description {
    margin: 0 0 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 2;
  }

  .home .floors .object {
    display: inline-block;
    position: relative;
    width: 110px;
    margin: 5em 0 0;
    color: #f8a1c0;
    font-size: 20px;
    line-height: 1;
    text-align: right;
  }

  .home .floors .object:after {
    content: "";
    display: block;
    position: absolute;
    width: 110px;
    height: 1px;
    top: 8px;
    border-bottom: 2px solid #f8a1c0;
  }

  .home .news {
    width: 520px;
    margin: 0 auto 160px;
  }

  .home .news .heading-std {
    margin: 0 0 58px;
  }

  .home .news .article {
    width: 100%;
    margin: 0 0 100px;
  }

  .home .news .article .text-std {
    font-size: 24px;
  }

  .home .news .article .date {
    width: 100%;
    margin: 0 0 0.4em;
    font-size: 24px;
    font-weight: 600;
  }

  .home .news .button-group {
    display: block;
    width: 100%;
    font-size: 18px;
  }

  .home .news .button-group .caption {
    display: block;
    font-size: 24px;
    line-height: 1.6;
  }

  .home .news .button-group .button {
    display: block;
    margin: 1em 0 0;
    font-size: 24px;
  }

  .home .news .button-group .button-solid-bordered {
    display: block;
    margin: 1.4em 0 0;
    padding: 1.6em;
    font-size: 24px;
    text-align: center;
  }

  .home .news .reservation-button {
    margin: 100px auto 0;
  }

  /* @end */

  /* @group space */

  .space {
  }

  .space .hero {
    background: #ffffff;
  }

  .space.floor-2f .hero {
    background: #fdfada;
  }

  .space .hero .movie-container .hgroup {
    margin: 450px 0 0;
    color: #ffffff;
    text-align: center;
  }

  .space .hero .movie-container .hgroup .heading-large {
    margin: 0 0 240px;
    font-size: 66px;
    font-weight: 600;
  }

  .space .hero .movie-container .hgroup p {
    font-size: 21px;
    line-height: 3;
  }

  .space .hero .column-right {
    width: 540px;
    margin: 0 auto;
    padding: 110px 0 60px;
  }

  .space .hero .column-right .heading-large {
    margin: 0 0 110px;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }

  .space .hero .column-right .heading-large img {
    width: auto;
    height: 164px;
  }

  .space .hero .column-right .heading-large .large {
    display: block;
    margin: 0 0 0;
    font-size: 32px;
  }

  .space .hero .column-right .description {
    display: block;
    margin: 2em 0 0;
    font-size: 25px;
    line-height: 1.8;
  }

  .space .hero .nav {
    display: none;
  }

  .space .hero .nav .fluid-columns {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 257px;
  }

  .space .hero .nav .movie-container {
    width: 145px;
    height: 257px;
  }

  .space .hero .nav .movie-container iframe {
    width: 145px;
    height: 257px;
  }

  .space .hero .nav .column {
    width: 145px;
    height: 257px;
  }

  .space .hero .nav .movie-container a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    opacity: 1;
  }

  .space .hero .nav .movie-container a .text {
    display: block;
    visibility: visible;
    align-self: center;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
  }

  .space .room .movie-container {
    width: 528px;
    height: 929px;
    margin: 0 auto;
  }

  .space .room .movie-container iframe {
    width: 528px;
    height: 929px;
  }

  .space .section .list-std {
    padding: 0 0 0 1.2em;
  }

  .space .section .list-std li {
    list-style: disc;
  }

  .space .section .trigger-open {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5em 0 0;
    text-align: center;
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
    z-index: 2;
    cursor: pointer;
  }

  .space .room.is-open .trigger-open {
    display: block;
    position: static;
    margin: 100px 0 0;
    padding: 0;
    cursor: default;
  }

  .space .section .trigger-open .object {
    display: inline-block;
    position: relative;
    width: 1.6em;
    height: 1.6em;
    margin: 0 0 0;
    color: #f8a1c0;
    font-size: 20px;
    line-height: 1;
    text-align: center;
  }

  .space .room.is-open .trigger-open .object {
    transform-origin: 50% 50%;
    transform: rotate(90deg);
  }

  .space .section .trigger-open .object:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 50%;
    width: 1.6em;
    height: 1px;
    margin: 0 0 0 -0.8em;
    border-bottom: 2px solid #f8a1c0;
  }

  .space .page-body .nav {
    margin: 0 0 200px;
    padding: 20px 0;
    background: #f8a1c0;
  }

  .space .page-body .nav .fluid-columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .space .page-body .nav .fluid-columns .column {
    width: 50%;
  }

  .space .page-body .nav .fluid-columns .movie-container {
    overflow: hidden;
    width: 320px;
    height: 570px;
  }

  .space .page-body .nav .fluid-columns .movie-container iframe {
    width: 320px;
    height: 570px;
  }

  .space .page-body .nav .fluid-columns .movie-container a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1;
    z-index: 2;
  }

  .space .page-body .nav .fluid-columns .movie-container a .text {
    display: block;
    visibility: visible;
    align-self: center;
    width: 100%;
    color: #ffffff;
    font-size: 53px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
  }

  .floor-1f .rooms .section {
    overflow: hidden;
    height: 1316px;
  }

  .space .rooms .room.is-open {
    height: auto;
  }

  .floor-1f .rooms {
    margin: 0 0 120px;
  }

  .floor-1f .rooms .section {
    position: relative;
    margin: 0 0 278px;
  }

  .floor-1f .rooms .section .column-right {
    width: 522px;
    margin: 86px auto 280px;
  }

  .floor-1f .rooms .description {
    font-size: 25px;
    text-align: justify;
    line-height: 2;
  }

  .floor-1f .rooms .description p {
    margin: 0 0 1.4em;
  }

  .floor-2f .main {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 120px;
    background: #fdfada;
  }

  .floor-2f.space .section .trigger-open {
    background: linear-gradient(
      0deg,
      rgba(253, 250, 218, 1) 0%,
      rgba(253, 250, 218, 0) 100%
    );
  }

  .floor-2f .aside {
    width: 100%;
    margin: 0 auto;
  }

  .floor-2f .rooms {
    margin: 0 0 120px;
  }

  .floor-2f .rooms .section {
    position: relative;
    overflow: hidden;
    height: 1410px;
    margin: 0 0 240px;
  }

  .floor-2f .rooms .section.room-4 {
    margin: 0 0 0;
  }

  .floor-2f .rooms .section .column-right {
    width: 522px;
    margin: 0 auto;
  }

  .floor-2f .rooms .column-right .header {
    position: relative;
    margin: 80px 0 0;
  }

  .floor-2f .rooms .column-right .header .hgroup {
    width: 367px;
    padding: 0 0 0.2em;
  }

  .floor-2f .rooms .column-right .header .heading {
    padding: 0 0 0.1em;
    border-bottom: 4px solid #000000;
    font-size: 53px;
    font-weight: 600;
  }

  .floor-2f .rooms .column-right .header .designer {
    margin: 0.4em 0 0;
    font-size: 32px;
    font-weight: 600;
  }

  .floor-2f .rooms .column-right .header .photo {
    display: none;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 113px;
    height: 113px;
    border-radius: 113px;
  }

  .floor-2f .rooms .column-right .header .photo img {
    width: auto;
    height: 113px;
  }

  .floor-2f .rooms .column-right .header .designer {
    font-size: 32px;
    font-weight: 600;
  }

  .floor-2f .rooms .description {
    margin: 1.5em 0 2em;
    font-size: 25px;
    text-align: justify;
    line-height: 2;
  }

  .floor-2f .rooms .description .heading {
    margin: 0 0 0.6em;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.6;
  }

  .floor-2f .rooms .description p {
    margin: 0 0 1.4em;
    font-size: 25px;
  }

  .floor-2f .rooms .figure-group {
    width: 100%;
    margin: 0 0 130px;
  }

  .floor-2f .rooms .figure-group .data {
    width: 100%;
    margin: 0 0 2em;
    font-size: 25px;
    text-align: justify;
    line-height: 1.8;
  }

  .floor-2f .rooms .figure-group .figure {
  }

  .floor-2f .rooms .figure-group .figure svg {
    width: 520px;
    height: auto;
  }

  .floor-2f .rooms .reservation-button .column-right {
    width: auto;
  }

  .floor-2f .aside .rooms {
    margin: 0 0 300px;
  }

  .floor-2f .aside .rooms .section {
    height: auto;
    margin: 0 0 100px;
  }

  .floor-2f .aside .rooms .section > .fluid-columns > .column-right {
    width: 522px;
    margin: 90px auto 0;
  }

  .floor-2f .aside .rooms .section.room-1 {
  }

  .floor-2f .aside .rooms .section.room-1 .column-right {
  }

  .floor-2f .aside .rooms .section.room-2 .heading-std {
    text-align: center;
  }

  .floor-2f .aside .rooms .section.room-2 .column-right {
  }

  .aside .section .heading-std {
    margin: 0 0 48px;
    font-size: 37px;
    font-weight: 400;
    line-height: 1.4;
  }

  .aside .section .heading-std.lang-en {
    font-size: 37px;
  }

  .aside .rooms .description p {
    margin: 0 0 4.8em;
  }

  .aside .rooms .reservation-button {
  }

  /* @end */
}

/* @group Animation */

@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%,
  to {
    transform: translate(-100%);
  }
}

/* @end */

/* @group svg */

/*.st0{fill:#E6F2FF;}
.st1{clip-path:url(#SVGID_2_);}
.st2{clip-path:url(#SVGID_4_);fill:#C8C8C8;}
.st3{clip-path:url(#SVGID_6_);fill:#C8C8C8;}
.st4{clip-path:url(#SVGID_8_);fill:#C8C8C8;}
.st5{clip-path:url(#SVGID_10_);fill:#C8C8C8;}
.st6{clip-path:url(#SVGID_12_);fill:#C8C8C8;}
.st7{clip-path:url(#SVGID_14_);fill:#C8C8C8;}
.st8{clip-path:url(#SVGID_16_);fill:#C8C8C8;}
.st9{clip-path:url(#SVGID_18_);fill:#C8C8C8;}
.st10{clip-path:url(#SVGID_20_);fill:#C8C8C8;}
.st11{clip-path:url(#SVGID_22_);fill:#C8C8C8;}
.st12{clip-path:url(#SVGID_24_);fill:#C8C8C8;}
.st13{fill:#A5A5A5;}
.frame{fill:#A5A5A5;}
.st14{fill:#FFFFFF;}
.base{fill:#FFFFFF;}
.st15{fill:#141414;}
.st16{fill:#FEBE23;}*/

/* @end */