@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@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 */
/* 縦書き */
/* 内径 */
@import url("daytrip.css");
@import url("stay_family.css");
/* .top5
---------------------------------------------------------------------------*/
.top5 {
  background-image: url(../img/lodging/top5-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

/* .osusume
---------------------------------------------------------------------------*/
.osusume-img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;"; }
  @media screen and (max-width: 1300px) {
    .osusume-img img {
      height: 38.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .osusume-img img {
      height: 60vw; } }

/* .stay
---------------------------------------------------------------------------*/
.stay-tx .font-en {
  min-width: 60px; }
  @media screen and (max-width: 1300px) {
    .stay-tx .font-en {
      min-width: 4.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .stay-tx .font-en {
      min-width: 14.5vw; } }

/* .breakfastimg
---------------------------------------------------------------------------*/
/* .con
---------------------------------------------------------------------------*/
.con-bg {
  background-image: url(../img/lodging/con-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: center top; }
.con .tel > div {
  padding: .2em .5em; }
.con .tel span {
  font-weight: 400; }
.con .logo img {
  width: 294px; }
  @media screen and (max-width: 1300px) {
    .con .logo img {
      width: 22.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .con .logo img {
      width: 53.3333333333vw; } }
.con .consl {
  width: 536px;
  margin: 0 auto; }
  @media screen and (max-width: 1300px) {
    .con .consl {
      width: 41.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .con .consl {
      width: 66.6666666667vw; } }
  .con .consl .swiper-wrapper {
    transition-timing-function: linear; }

@media screen and (max-width: 480px) {
  .mb-w96.spmb-w48 {
    margin-bottom: 6.4vw; } }