@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-go {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
.pg-anchor ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

/* renew */
.renew {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #75488A;
  color: #ffffff;
  text-align: center;
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: .14em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .6em 0 .4em; }
  @media screen and (max-width: 1300px) {
    .renew {
      font-size: 1.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .renew {
      font-size: 4.8vw; } }
  .renew > span {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-align: center; }

/* room-info */
.room-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .room-info {
      display: block; } }
  .room-info .tbl {
    width: 540px; }
    @media screen and (max-width: 1300px) {
      .room-info .tbl {
        width: 41.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .room-info .tbl {
        width: 100%; }
        .room-info .tbl .data-tbl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .room-info .tbl dt {
          width: 30% !important;
          padding-left: 1em;
          border-bottom: 2px solid #A5A5A5; }
        .room-info .tbl dd {
          width: 70% !important;
          padding-left: 1em;
          border-bottom: 1px dotted #B9B9B9; } }
  .room-info .fig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 456px;
    background-color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .room-info .fig {
        width: 35.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .room-info .fig {
        display: none; } }
    .room-info .fig-sp {
      margin: 5.3333333333vw 0; }
  @media screen and (max-width: 480px) {
    .room-info a.linkicon-arw span {
      font-size: 4.2666666667vw; } }

.roomtype a.viewmore .hov {
  top: 20%; }
@media screen and (max-width: 480px) {
  .roomtype .cols {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .roomtype .cols li.w200 {
    width: 47%; }
    .roomtype .cols li.w200:nth-of-type(2) {
      margin-top: 0 !important; } }