@charset "UTF-8";
/*  11px */
/*  12px */
/*  20px */
/*  18px */
/*  24px */
/*  32px */
/*  48px */
html {
  font-size: 10px; }

body {
  margin: 0;
  height: 100%;
  color: #000;
  line-height: 1.0;
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,  "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
  background: #FFF200;
  -webkit-font-smoothing: antialiased; }

button {
  outline: 0; }

/* =====================================
	全体設定
===================================== */
a {
  color: #000;
  text-decoration: none; }

a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  color: #666666;
  text-decoration: none; }

a:active {
  color: #666666;
  text-decoration: none; }

a.read,
.read a {
  text-decoration: underline; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

@media screen and (min-width: 1024px) {
  a:hover,
  a:hover img {
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)";
    /* IE 8 */
    color: #999; }

  a,
  a img {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    -webkit-backface-visibility: hidden;
    /* 追加 */
    backface-visibility: hidden;
    /* 追加 */ } }
li {
  line-height: 1; }

.block {
  position: relative; }

.en {
  font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
  vertical-align: middle; }

.ja {
  font-size: 13px;
  line-height: 1.7; }

.sp {
  display: none !important; }

.pc {
  display: block !important; }

.m0 {
  margin: 0 !important; }

.txtC {
  text-align: center; }

.nb {
  border: none !important; }

.base-grey {
  padding: 20px;
  background: #f7f7f7; }

@media screen and (max-width: 768px) {
  .sp {
    display: block !important; }

  .pc {
    display: none !important; }

  .base-grey {
    padding: 16px; } }
/* ---------------- Slider  */
.slides {
  margin: 0 auto !important; }
  .slides a {
    display: block;
    text-decoration: none; }

ul.slides li.view {
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

/* ---------------- Modal  */
.animatedModal {
  display: none;
  position: relative;
  color: black; }
  .animatedModal .close-animatedModal-btn {
    cursor: pointer;
    position: fixed;
    top: 40px;
    right: 40px; }
  .animatedModal .modal-content {
    display: table;
    width: 100%;
    height: 100vh; }
    .animatedModal .modal-content .modalNav {
      display: table-cell;
      text-align: center;
      font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
      vertical-align: middle;
      vertical-align: middle;
      color: #fff; }
      .animatedModal .modal-content .modalNav h1 {
        padding-bottom: 24px;
        font-size: 3.2rem;
        font-style: italic; }
        .animatedModal .modal-content .modalNav h1:after {
          margin-left: 16px;
          vertical-align: middle;
          content: url(../images/common/arrow_w.svg); }
      .animatedModal .modal-content .modalNav ul li {
        margin-top: 32px;
        font-size: 2.4rem; }
        .animatedModal .modal-content .modalNav ul li a {
          display: inline-block;
          width: 80%;
          max-width: 400px;
          height: 60px;
          line-height: 60px;
          padding: 0 40px;
          color: #FF0031;
          background: #fff;
          text-decoration: none;
          vertical-align: middle; }
        .animatedModal .modal-content .modalNav ul li.ja {
          font-size: 2rem;
          font-weight: bold; }
    .animatedModal .modal-content .modal-local-nav {
      display: table-cell;
      padding: 20px;
      font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
      vertical-align: middle;
      vertical-align: middle; }
      .animatedModal .modal-content .modal-local-nav h1 {
        margin-bottom: 64px; }
      .animatedModal .modal-content .modal-local-nav li {
        margin-bottom: 24px;
        font-size: 2.4rem; }

.animatedModal-on,
.animatedModal2-on,
.animatedModalFm-on {
  display: block; }

@media screen and (max-width: 768px) {
  .animatedModal .close-animatedModal-btn {
    top: 24px;
    right: 24px; }
  .animatedModal .modal-content .modalNav h1 {
    padding-bottom: 8px;
    font-size: 2.4rem; }
    .animatedModal .modal-content .modalNav h1:after {
      margin-left: 12px; }
  .animatedModal .modal-content .modalNav ul li {
    margin-top: 24px;
    font-size: 2rem; }
    .animatedModal .modal-content .modalNav ul li a {
      height: 56px;
      line-height: 56px; }
    .animatedModal .modal-content .modalNav ul li.ja {
      font-size: 1.5rem; } }
/* ---------------- owl-carousel  */
.owl-carousel a {
  text-decoration: none; }
.owl-carousel .item {
  width: 360px !important;
  margin-right: 16px; }
  .owl-carousel .item img {
    width: 100%;
    height: auto; }

.owl-carousel-hotels a {
  text-decoration: none; }
.owl-carousel-hotels .item {
  width: 480px !important;
  margin-right: 0; }
  .owl-carousel-hotels .item img {
    width: 100%;
    height: auto; }

.element-child-image-room .owl-carousel .item {
  width: 100% !important; }

.owl-dots .owl-dot span {
  width: 40px;
  height: 6px;
  margin: 16px 2px 0 0;
  background: #a0a0a0;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease; }

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
  background: #FFF200; }

.owl-nav {
  color: #999;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: right; }
  .owl-nav:hover {
    border: none; }
  .owl-nav .owl-next {
    margin-left: 16px; }

.map_canvas {
  position: relative;
  margin-top: 40px;
  padding: 0 0 56%;
  height: 0;
  overflow: hidden; }
  .map_canvas iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.floorMap {
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 24px; }
  .floorMap-s {
    max-width: 500px; }
  .floorMap img {
    width: 100%;
    height: auto; }

@media screen and (max-width: 768px) {
  .owl-carousel .item {
    width: 240px !important; }

  .owl-dots .owl-dot span {
    margin: 0 2px 0 0; }

  .map_canvas {
    padding: 0 0 75%;
    height: 0;
    overflow: hidden; }
    .map_canvas iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

  .floorMap {
    width: 100%;
    padding: 80px 16px 24px; }

  .footer-logo {
    padding-bottom: 0; } }
/* =====================================
	header
===================================== */
.header-top {
  width: 100%;
  position: relative;
  padding: 160px 64px 160px;
  line-height: 1.4;
  font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
  vertical-align: middle;
  font-weight: 300; }

.site-ttl img {
  width: 700px;
  height: auto; }

.tagline {
  margin-top: 48px;
  font-size: 2.8rem; }

.foh {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 1.4rem;
  text-align: right; }
  .foh li {
    display: inline-block;
    margin-left: 8px; }

.scroll-down {
  position: absolute;
  bottom: 24px;
  right: 40px; }

.fixed {
  display: block;
  position: fixed;
  top: 0; }

.localnav-footer {
  margin-top: 56px; }
  .localnav-footer-sub {
    margin-top: 16px; }
  .localnav-footer li:before {
    content: '-';
    display: inline-block;
    margin-right: 8px; }
.localnav a {
  text-decoration: none; }
.localnav dl {
  font-size: 0; }
  .localnav dl dt {
    display: inline-block;
    font-size: 1.6rem; }
    .localnav dl dt:after {
      content: '';
      display: inline-block;
      width: 24px;
      margin-left: 32px;
      border-bottom: 1px solid #dddddd;
      vertical-align: middle; }
    .localnav dl dt a {
      color: #ff0000; }
  .localnav dl dd {
    display: inline-block;
    margin-left: 32px;
    font-size: 1.6rem; }

.global-nav {
  position: fixed;
  top: 0;
  display: block;
  width: 100%;
  z-index: 9999;
  font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
  vertical-align: middle; }
  .global-nav-local {
    position: relative;
    width: 100%;
    display: flex;
    padding: 20px 20px 18px;
    font-size: 1.8rem;
    justify-content: space-between;
    flex-wrap: wrap;
    border-left: 4px solid #FFF200; }
    .global-nav-local a {
      color: #fff; }
    .global-nav-local ul {
      right: 20px;
      display: block;
      text-align: right;
      font-size: 1.4rem; }
      .global-nav-local ul li {
        display: inline-block;
        margin-left: 6px; }
        .global-nav-local ul li:first-child {
          margin-left: 0;
          /* padding-right: 8px;
          border-right: 1px solid #ccc; */ }
    .global-nav-local .menu a:after {
      display: inline-block;
      margin-left: 8px;
      content: url(../images/common/ico_menu.svg);
      vertical-align: middle; }

.fixed,
.news-detail .global-nav {
  opacity: 100;
  transition: .5s;
  color: #000;
  background: #fff;
  box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.05); }
  .fixed a,
  .news-detail .global-nav a {
    opacity: 100;
    transition: .5s;
    color: #000; }

@media screen and (max-width: 1018px) {
  .header-top {
    padding: 120px 40px; }
    .header-top .site-ttl img {
      width: 480px; }

  .tagline {
    margin-top: 32px;
    font-size: 2.2rem; }

  .localnav dl dt {
    font-size: 1.8rem; }
    .localnav dl dt:after {
      margin-left: 24px; }
    .localnav dl dt a {
      color: #ff0000; }
  .localnav dl dd {
    margin-left: 24px;
    font-size: 1.8rem; } }
@media screen and (max-width: 640px) {
  .header-top {
    padding: 96px 24px 80px; }
    .header-top .site-ttl img {
      width: 80%; }
    .header-top .foh {
      top: 8px;
      right: 8px;
      font-size: 1.2rem; }
    .header-top .scroll-down {
      bottom: 12px;
      right: 16px; }
      .header-top .scroll-down img {
        width: 18px; }

  .tagline {
    margin-top: 24px;
    font-size: 1.6rem; }

  .global-nav-local {
    display: block;
    padding: 16px 16px 16px;
    font-size: 1.6rem;
    flex-wrap: nowrap;
    border-left: 4px solid #FFF200; }
    .global-nav-local a {
      color: #fff; }
    .global-nav-local h1 {
      display: inline-block; }
    .global-nav-local ul {
      position: absolute;
      top: 50%;
      right: 16px;
      font-size: 1.5rem;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .global-nav-local ul li {
        display: inline-block;
        margin-left: 12px;
        /* &:first-child {
         padding-right: 12px;
         border-right: 1px solid #ccc;
        } */ }
    .global-nav-local .read {
      display: none; }
    .global-nav-local .menu {
      display: inline-block; }
      .global-nav-local .menu a:after {
        display: inline-block;
        margin-left: 8px;
        content: url(../images/common/ico_menu.svg);
        vertical-align: middle; }
    .global-nav-local.fixed {
      opacity: 100;
      transition: .5s;
      color: #000;
      background: #fff;
      box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.05); }
      .global-nav-local.fixed a {
        opacity: 100;
        transition: .5s;
        color: #000; }

  .localnav {
    margin-top: 16px; }
    .localnav dl dt {
      display: inline-block;
      margin-bottom: 8px;
      font-size: 1.3rem; }
      .localnav dl dt:after {
        display: none;
        width: 16px;
        margin-left: 8px; }
      .localnav dl dt a {
        color: #ff0000; }
    .localnav dl dd {
      margin-left: 16px;
      font-size: 1.3rem; } }
@media screen and (max-width: 480px) {
  .header-top {
    padding: 80px 24px 64px; }
    .header-top .foh {
      right: 8px;
      font-size: 1.1rem; }

  .tagline {
    margin-top: 24px;
    font-size: 1.3rem; }

  .localnav {
    margin-top: 16px; }
    .localnav dl dt {
      margin-bottom: 8px;
      font-size: 1.2rem; }
      .localnav dl dt a {
        color: #ff0000; }
    .localnav dl dd {
      margin-left: 14px;
      font-size: 1.2rem; } }
@media screen and (max-width: 320px) {
  .localnav dl dt {
    display: block;
    font-size: 1.2rem;
    border-bottom: none; }
    .localnav dl dt a {
      color: #ff0000; }
  .localnav dl dd {
    display: block;
    margin-left: 0;
    font-size: 1.2rem; } }
/* =====================================
	content
===================================== */
.container-wrapper {
  margin-left: 4px;
  background: #fff; }

.container {
  position: relative;
  padding: 0 64px 120px;
  font-size: 2rem; }
  .container-gr {
    padding: 80px 64px 120px;
    background: #f7f7f7; }
  .container-y {
    margin: 8px 0;
    background: #FFF200; }
  .container.link-members {
    padding: 0 64px; }
    .container.link-members a {
      display: block;
      padding: 80px 0 80px; }
      .container.link-members a p {
        font-size: 2.8rem; }
        .container.link-members a p span {
          font-size: 1.4rem; }
    .container.link-members .main {
      padding-right: 120px;
      background: url(../images/common/arrow_red_l.svg) right no-repeat; }

.main-ttl {
  display: table;
  width: -webkit-calc(100vw - 10px);
  width: calc(100vw - 10px);
  height: 100vh;
  min-height: 720px; }
  .main-ttl h1 {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    color: #fff;
    font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
    vertical-align: middle;
    font-size: 5.6rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    vertical-align: middle; }

.main {
  max-width: 1160px;
  margin: 0 auto; }

.news-detail .main {
  max-width: 960px; }

.section {
  padding-top: 96px; }
  .section.ptS {
    padding-top: 24px; }

.element {
  margin-top: 40px;
  line-height: 1.5;
  font-size: 1.4rem; }
  .element.ud-top {
    padding-top: 56px; }
  .element-s {
    margin-top: 40px; }
  .element.en {
    font-size: 1.6rem; }
  .element p {
    margin-bottom: 16px; }
    .element p.en {
      font-size: 1.6rem; }
    .element p:last-child {
      margin-bottom: 0; }
    .element p a {
      text-decoration: underline; }
    .element p img {
      max-width: 100%;
      height: auto; }
  .element .pic {
    display: inline-block;
    width: 50%; }
    .element .pic-100 {
      width: 100%; }
      .element .pic-100 img {
        width: 100%;
        height: auto; }
    .element .pic:first-child {
      padding-right: 8px; }
    .element .pic:last-child {
      padding-left: 8px; }
    .element .pic img {
      width: 100%;
      height: auto; }
  .element-sub {
    border-top: 1px solid #dddddd;
    padding-top: 40px; }

.h-ttl {
  position: relative;
  display: inline-block;
  font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
  vertical-align: middle;
  font-size: 2.4rem;
  line-height: 1.4; }
  .h-ttl.nb {
    border-bottom: none; }

.sub-ttl {
  display: block;
  margin-bottom: 4px;
  color: #ff0000;
  font-size: 1.2rem;
  text-align: right; }

.sub-txt {
  display: block;
  margin-top: 16px;
  line-height: 1.4;
  font-size: 1.4rem; }

.date-txt {
  margin-top: 6px;
  color: #666;
  font-size: 1.1rem; }

.link-more {
  display: inline-block;
  padding-right: 32px;
  background-size: 6px;
  font-size: 1.4rem;
  vertical-align: middle;
  background: url(../images/common/arrow_red.svg) right center no-repeat;
  background-size: 24px; }

.link-ttl {
  display: inline-block;
  padding: 4px 48px 0 0;
  background: url(../images/common/arrow_red.svg) right center no-repeat;
  background-size: 32px;
  vertical-align: middle; }

.link-more-red {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 8px 8px;
  border: 1px solid #ff0000;
  font-size: 1.5rem;
  text-align: center;
  font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
  vertical-align: middle; }
  .link-more-red:link, .link-more-red:visited {
    color: #ff0000;
    text-decoration: none; }
  .link-more-red:after {
    content: url(../images/common/arrow_white.svg);
    position: absolute;
    right: 12px;
    top: 16px; }

.link-btn {
  width: 50%;
  margin-top: 32px;
  border: 1px solid #dddddd; }
  .link-btn a {
    display: block;
    padding: 8px 16px; }
    .link-btn a:after {
      float: right;
      display: inline-block;
      vertical-align: middle; }
  .link-btn-blank a:after {
    content: url(../images/common/ico_blank.svg); }

.element-ttl .link-more {
  margin-left: 32px; }

.element-child-wrapper {
  display: flex; }
  .element-child-wrapper .element-child {
    display: flexbox;
    width: 50%; }
    .element-child-wrapper .element-child-1_3 {
      width: 33%; }
      .element-child-wrapper .element-child-1_3 img {
        width: 100%; }
    .element-child-wrapper .element-child-2_3 {
      width: 67%; }
    .element-child-wrapper .element-child-image img {
      width: 100%;
      height: auto; }
    .element-child-wrapper .element-child-block {
      margin-top: 56px; }
      .element-child-wrapper .element-child-block:first-child {
        margin-top: 0; }
    .element-child-wrapper .element-child-ttl {
      margin-bottom: 24px;
      padding-top: 40px;
      font-size: 2.4rem;
      border-top: 1px solid #dddddd;
      font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
      vertical-align: middle; }
      .element-child-wrapper .element-child-ttl-sub {
        font-size: 1.8rem;
        margin-bottom: 8px; }
      .element-child-wrapper .element-child-ttl .type {
        display: block;
        margin-bottom: 16px;
        text-align: right;
        color: #a3a3a3;
        font-size: 1.2rem; }
      .element-child-wrapper .element-child-ttl.nb {
        padding-top: 0; }
      .element-child-wrapper .element-child-ttl-room {
        padding-top: 8px; }
  .element-child-wrapper .order1 {
    order: 1;
    padding-right: 20px; }
  .element-child-wrapper .order2 {
    order: 2;
    padding-left: 20px; }

.element-list {
  letter-spacing: -.4em; }
  .element-list-item {
    display: inline-block;
    width: 31%;
    margin-bottom: 64px;
    letter-spacing: normal; }
    .element-list-item:nth-child(3n-1) {
      margin: 0 3%; }
    .element-list-item-img img {
      width: 100%;
      height: auto; }

.col2-1_1 {
  display: table-cell;
  width: 50%;
  vertical-align: middle; }
  .col2-1_1-content {
    padding: 40px; }

.col-bridge {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: bottom; }
  .col-bridge:after {
    position: relative;
    display: block;
    content: "";
    padding-top: 40%; }

.outline dl {
  display: table;
  width: 100%;
  border-top: 1px solid #DBDBDB;
  font-size: 12px;
  line-height: 1.6; }
  .outline dl:last-child {
    border-bottom: 1px solid #DBDBDB; }
  .outline dl span {
    display: block;
    margin-bottom: 12px;
    font-size: 15px; }
  .outline dl dt, .outline dl dd {
    display: table-cell;
    padding: 24px; }
    .outline dl dt p, .outline dl dd p {
      margin-top: 16px; }
  .outline dl dt {
    background: #f2f2f2;
    width: 20%; }

.list-update {
  border-bottom: 1px solid #dddddd; }
  .list-update:first-child {
    border-top: 1px solid #dddddd; }
  .list-update a {
    display: block;
    padding: 16px 0; }
  .list-update dt {
    display: block;
    margin-bottom: 8px;
    color: #666;
    font-size: 1.2rem; }
  .list-update dd {
    display: inline-block;
    font-size: 1.5rem; }

.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden; }

.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 960px) {
  .container {
    padding: 0 40px 120px; }
    .container-gr {
      padding: 64px 40px 120px; }

  .element-child-wrapper .element-child-image {
    width: 45%; }
    .element-child-wrapper .element-child-image img {
      width: 100%;
      height: auto; }
  .element-child-wrapper .element-child-block {
    margin-top: 40px; }
    .element-child-wrapper .element-child-block:first-child {
      margin-top: 0; }
  .element-child-wrapper .element-child-content {
    width: 55%; }
    .element-child-wrapper .element-child-content p {
      font-size: 1.2rem; }
      .element-child-wrapper .element-child-content p.en {
        font-size: 1.4rem; }
  .element-child-wrapper .element-child-ttl {
    margin-bottom: 16px;
    padding-top: 32px;
    font-size: 2rem; }
    .element-child-wrapper .element-child-ttl-room {
      padding-top: 8px; }
  .element-child-wrapper .order1 {
    padding-right: 16px; }
  .element-child-wrapper .order2 {
    padding-left: 16px; }

  .element {
    margin-top: 40px;
    font-size: 1.2rem; }
    .element.ud-top {
      padding-top: 32px; }
    .element.en {
      font-size: 1.3rem; }
    .element p {
      margin-bottom: 12px;
      font-size: 1.2rem; }
      .element p.en {
        font-size: 1.4rem; }
    .element .pic {
      display: inline-block;
      width: 50%; }
      .element .pic:first-child {
        padding-right: 8px; }
      .element .pic:last-child {
        padding-left: 8px; }
      .element .pic img {
        width: 100%;
        height: auto; }

  .element-list-item {
    width: 48%;
    margin-bottom: 64px;
    letter-spacing: normal; }
    .element-list-item:nth-child(3n-1) {
      margin: 0 0 0 0; }
    .element-list-item:nth-child(even) {
      margin: 0 0 0 4%; }
    .element-list-item-img img {
      width: 100%;
      height: auto; }

  .h-ttl {
    font-size: 2rem; }

  .outline dl {
    display: block; }
    .outline dl span {
      display: block;
      margin-bottom: 12px;
      font-size: 14px; }
    .outline dl dt, .outline dl dd {
      display: block;
      padding: 12px; }
    .outline dl iframe {
      width: 320px; }
    .outline dl dt {
      background: #f2f2f2;
      width: 100%; }
      .outline dl dt span {
        display: inline-block;
        margin: 0 16px 0 0; }
    .outline dl dd {
      padding-bottom: 32px; }
      .outline dl dd span {
        margin-bottom: 8px; } }
@media screen and (max-width: 640px) {
  .container-wrapper {
    margin-left: 3px; }

  .main-ttl {
    display: table;
    width: -webkit-calc(100vw - 5px);
    width: calc(100vw - 5px);
    height: 60vh;
    min-height: 400px; }
    .main-ttl h1 {
      padding-top: 80px;
      color: #fff;
      font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
      vertical-align: middle;
      font-size: 4.0rem;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      vertical-align: middle; }

  .container {
    padding: 0 20px 80px; }
    .container-gr {
      padding: 56px 20px 56px; }
    .container.link-members {
      padding: 0 20px;
      line-height: 1.4; }
      .container.link-members a {
        padding: 40px 0 40px; }
        .container.link-members a p {
          font-size: 2.0rem; }
          .container.link-members a p span {
            display: block;
            margin-top: 8px;
            font-size: 1.2rem; }
      .container.link-members .main {
        padding-right: 64px;
        background-size: 40px auto; }

  .section {
    padding-top: 64px; }
    .section.ptS {
      padding-top: 0px; }

  .h-ttl {
    font-size: 2rem;
    line-height: 1.2; }

  .link-more {
    font-size: 1.2rem;
    vertical-align: middle; }

  .link-btn {
    width: 75%;
    margin-top: 24px; }
    .link-btn a {
      padding: 8px 12px; }

  .element-ttl .link-more {
    margin-left: 24px; }

  .element-child-wrapper {
    display: block;
    padding-top: 24px; }
    .element-child-wrapper:first-child {
      padding-top: 0; }
    .element-child-wrapper .element-child {
      display: block;
      width: 100%; }
      .element-child-wrapper .element-child-image {
        width: 100%; }
        .element-child-wrapper .element-child-image-room {
          margin-top: 40px; }
      .element-child-wrapper .element-child-content {
        width: 100%; }
      .element-child-wrapper .element-child-ttl {
        margin-bottom: 16px;
        padding-top: 20px;
        font-size: 2rem;
        border: none; }
        .element-child-wrapper .element-child-ttl.nb {
          padding-top: 40px; }
        .element-child-wrapper .element-child-ttl .type {
          margin-bottom: 4px; }
        .element-child-wrapper .element-child-ttl-room {
          margin-top: 24px;
          padding-top: 8px;
          border-top: 1px solid #dddddd; }
    .element-child-wrapper .order1 {
      order: 0;
      padding-right: 0; }
    .element-child-wrapper .order2 {
      order: 0;
      padding-left: 0; }

  .col2-1_1-spnone {
    display: none; }

  .link-more-red {
    width: 80%;
    padding: 8px 8px;
    font-size: 1.6rem; }
    .link-more-red:after {
      content: ''; }

  .list-update a {
    padding: 8px 0; }
  .list-update dt {
    display: block;
    width: 100%;
    margin-right: 0; }
  .list-update dd {
    display: block; } }
@media screen and (max-width: 480px) {
  .container {
    padding: 0 20px 64px; }
    .container-gr {
      padding: 56px 20px 64px; }

  .section {
    padding-top: 64px; }
    .section.ptS {
      padding-top: 0px; }

  .element {
    margin-top: 24px;
    font-size: 1.4rem; }
    .element.en {
      font-size: 1.5rem; }
    .element p {
      margin-bottom: 12px; }

  .h-ttl {
    font-size: 2rem;
    line-height: 1.2; } }
/* ----------- slider */
.slider {
  position: relative;
  width: 100%; }
  .slider:after {
    position: relative;
    display: block;
    content: "";
    padding-top: 66.65%; }
  .slider .slides {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0; }
  .slider span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 66.65%; }
  .slider-1_3:after {
    padding-top: 40%; }
  .slider-1_3 span {
    padding-top: 40%; }
  .slider-1_1:after {
    padding-top: 100%; }
  .slider-1_1 span {
    padding-top: 100%; }

.main-visual {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 480px;
  font-family: 'Roboto', sans-serif, Helvetica, Arial, "sans-serif";
  vertical-align: middle;
  background-position: center center;
  background-size: cover; }
  .main-visual-under {
    height: 60vh;
    min-height: 480px; }
    .main-visual-under .under-ttl {
      font-size: 4rem;
      color: #fff; }
  .main-visual a {
    color: #fff; }
  .main-visual .slides {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0; }
  .main-visual span {
    display: block;
    width: 100%;
    height: 100vh; }
  .main-visual .page-ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999; }
    .main-visual .page-ttl img {
      width: 50%; }
  .main-visual .foh {
    position: absolute;
    top: 50%;
    right: -32px;
    -webkit-transform: rotate(90deg) translate(-50%, 0);
    transform: rotate(90deg) translate(-50%, 0); }
  .main-visual .head-info {
    position: absolute;
    left: 24px;
    bottom: 24px;
    text-align: left;
    line-height: 1.5;
    font-size: 1.4rem; }
  .main-visual .scroll-down {
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 1.2rem;
    text-align: center;
    z-index: 9999; }
    .main-visual .scroll-down a {
      color: #ff0000; }
    .main-visual .scroll-down:after {
      display: block;
      padding-top: 8px;
      content: url(../images/common/arrow_down_red_s.svg); }

@media screen and (max-width: 640px) {
  .main-visual .logo-mustard img {
    width: 60%; }
  .main-visual .foh {
    right: -28px;
    font-size: 1.2rem; }
  .main-visual .head-info {
    display: none;
    left: 12px;
    bottom: 16px;
    font-size: 1.2rem; }
  .main-visual .scroll-down {
    position: absolute;
    bottom: 16px;
    left: 56px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 1.1rem;
    text-align: center; }
    .main-visual .scroll-down a {
      color: #ff0000; }
    .main-visual .scroll-down:after {
      display: block;
      padding-top: 8px;
      content: url(../images/common/arrow_down_red_s.svg); }

  .main-visual-under .under-ttl {
    font-size: 3rem;
    color: #fff; }
  .main-visual .page-ttl img {
    width: 72%; } }
/* ----------- index  */
.hotel-info {
  position: relative; }
  .hotel-info-ttl {
    display: block;
    margin-top: 20px; }
  .hotel-info span {
    display: block;
    color: #999; }
  .hotel-info h3 {
    font-size: 2.2rem; }

@media screen and (max-width: 640px) {
  .hotel-info a {
    padding-left: 20px;
    background: url(../images/common/arrow_red.svg) 0 10px no-repeat;
    background-size: 8px auto; }
  .hotel-info span {
    padding-left: 20px; }
  .hotel-info h3 {
    font-size: 2.4rem; } }
@media screen and (max-width: 480px) {
  .hotel-info p {
    font-size: 1.2rem; }
  .hotel-info a {
    display: block;
    padding-left: 24px;
    background-position: 0 6px;
    background-size: 6px; }
  .hotel-info span {
    padding-left: 24px; }
  .hotel-info h3 {
    font-size: 1.6rem; } }
/* =====================================
	footer
===================================== */
.footer {
  /* display: none; */
  position: relative;
  padding: 72px 48px 16px;
  color: #fff;
  background: #3F3F3F;
  font-size: 1.4rem; }
  .footer p {
    line-height: 1.7; }
  .footer .info {
    padding-bottom: 80px; }
    .footer .info .name {
      font-size: 1.5rem; }
    .footer .info p {
      margin-top: 8px; }
  .footer-nav {
    width: 60%;
    padding-bottom: 24px; }
    .footer-nav li {
      display: inline-block;
      margin: 0 20px 16px 0; }
      .footer-nav li a {
        text-decoration: none; }
      .footer-nav li:first-child {
        margin-top: 0; }
  .footer a:link, .footer a:visited {
    color: #fff; }
  .footer-logo {
    display: table; }
    .footer-logo span {
      display: table-cell;
      vertical-align: middle; }
  .footer-content {
    padding-bottom: 80px; }
    .footer-content .hotel-list {
      margin-top: 40px;
      color: #666; }
      .footer-content .hotel-list li {
        display: inline-block;
        padding-bottom: 16px;
        line-height: 1.5;
        font-size: 1.2rem; }
        .footer-content .hotel-list li .area {
          font-size: 1.4rem; }
        .footer-content .hotel-list li a, .footer-content .hotel-list li .off {
          display: block;
          margin-right: 16px;
          padding: 0 20px;
          border-left: 1px solid #ccc; }

.ico-sns img {
  width: 24px;
  height: auto; }
.ico-sns a {
  padding-right: 10px; }

.bnr-megan {
  position: absolute;
  top: 80px;
  right: 48px;
  width: 240px; }
  .bnr-megan img {
    width: 100%;
    height: auto; }
  .bnr-megan dd {
    margin-top: 16px;
    font-size: 1.6rem; }

.copyright {
  display: none;
  margin-bottom: 0;
  font-size: 1rem; }

.page-top {
  background: #fff; }
  .page-top a {
    display: block;
    padding: 20px;
    background-color: #4C4C4C;
    text-align: center; }

@media screen and (max-width: 1064px) {
  .footer {
    padding: 80px 40px 16px; }

  .bnr-megan {
    top: 80px;
    right: 40px;
    width: 184px; }
    .bnr-megan dd {
      margin-top: 16px;
      font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
  .footer {
    /* display: none; */
    padding: 64px 16px 16px;
    font-size: 1.4rem; }
    .footer .info {
      padding-bottom: 40px; }
      .footer .info p {
        margin-top: 8px; }
    .footer-nav {
      width: 100%; }
      .footer-nav li {
        display: inline-block;
        margin: 0 20px 16px 0; }
        .footer-nav li:first-child {
          margin-top: 0; }
    .footer p {
      line-height: 1.6; }
    .footer-logo img {
      width: 280px;
      height: auto; }
    .footer .localnav dt {
      border-bottom: 1px solid #f7f7f7; }
    .footer-content {
      padding-bottom: 64px; }
      .footer-content .hotel-list {
        margin-top: 24px;
        color: #666; }
        .footer-content .hotel-list li {
          display: block; }
          .footer-content .hotel-list li a, .footer-content .hotel-list li .off {
            margin-right: 0;
            padding: 0 24px 0 16px; }

  .bnr-megan {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    padding-bottom: 64px; }
    .bnr-megan dt {
      display: inline-block;
      width: 25%;
      vertical-align: middle; }
    .bnr-megan dd {
      display: inline-block;
      margin-top: 0;
      padding: 0 16px;
      vertical-align: middle;
      line-height: 1.4; }

  .ico-sns {
    padding-left: 24px; }
    .ico-sns img {
      width: 20px;
      height: auto; }
    .ico-sns a {
      padding: 8px; }

  .tgp-logo {
    margin: 0; }
    .tgp-logo img {
      width: 120px;
      height: auto; }

  .page-top a {
    padding: 12px; }
    .page-top a:hover {
      background-color: #4C4C4C; } }
@media screen and (max-width: 480px) {
  .footer {
    font-size: 1.3rem; }
    .footer-logo img {
      width: 220px;
      height: auto; }
    .footer-content {
      padding-bottom: 64px; }
      .footer-content .hotel-list {
        color: #666; }
        .footer-content .hotel-list li {
          font-size: 1.2rem; }

  .ico-sns {
    padding-left: 22px; }
    .ico-sns img {
      width: 18px;
      height: auto; }
    .ico-sns a {
      padding: 6px; }

  .tgp-logo {
    margin: 0; }
    .tgp-logo img {
      width: 120px;
      height: auto; }

  .page-top a {
    padding: 12px; }
    .page-top a:hover {
      background-color: #4C4C4C; } }
.book-now {
  position: fixed;
  bottom: 24px;
  right: 24px;
  margin-bottom: 0;
  padding: 0;
  z-index: 9999; }

@media screen and (max-width: 768px) {
  .book-now {
    bottom: 16px;
    right: 12px; }
    .book-now img {
      width: 176px;
      height: auto; } }
@media screen and (max-width: 480px) {
  .book-now img {
    width: 160px; } }
/*  End	footer */
/* =====================================
	loading
===================================== */
.loading {
  display: none;
  width: 100%;
  height: 100vh;
  line-height: 100vh;
  text-align: center;
  z-index: 9999; }
  .loading img {
    width: 66%;
    height: auto;
    vertical-align: middle; }

.index #container-wrapper,
.index .global-nav,
.index #footer,
.index .page-top {
  /* display: none; */ }

/*  End	loading */
.index .owl-carousel .item {
  width: 520px; }

.element .pic-room {
  margin-bottom: 0; }

.item-content {
  background: #f7f7f7;
  padding: 32px 20px; }
  .item-content-unbox {
    background: #fff;
    padding: 24px 0 0; }
  .item-content .subtext {
    font-size: 1.3rem;
    color: #666; }
  .item-content dt {
    font-size: 1.8rem; }
  .item-content dd {
    margin-top: 4px;
    font-size: 1.4rem; }

.owl-nav {
  color: #999;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: right; }
  .owl-nav:hover {
    border: none; }
  .owl-nav .owl-next {
    margin-left: 16px; }

@media screen and (max-width: 768px) {
  .index .owl-carousel .item {
    width: 300px; }

  .item-content {
    padding: 20px 12px; }
    .item-content dt {
      font-size: 1.5rem; }
    .item-content dd {
      margin-top: 4px;
      font-size: 1.2rem; } }