@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : hotel_original.css
 author     : Ability Consultant
 style info : ホテル専用CSS（共通ファイル上書き＆追加用CSS）
=================================================================== */
/* font-awesome */
/* -----------------------------------------------------------
	TOPページ
----------------------------------------------------------- */
  .con_main {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .con_main img {
    width: 100vw;
    height: auto;
  }
  

  .recommend_list {
    display: flex;
    margin: 1rem;
  }
  .recommend_item {
    margin: 0 0.5rem;
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16);
    width: calc(100% / 3);
  }
  .bl_ttl_base {
    text-align: center;
  }
  .bl_ttl {
    margin-top: 3rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #222;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .recommend_item_txt {
    margin: 1rem;
  }
  hr {
    border: none;
    border-bottom: 1px solid #dbdbdb;
  }

  #contents .con_concept {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #contents .con_concept img {
    width: 100vw;
    height: auto;
  }
  

/* -----------------------------------------------------------
	客室ページ
----------------------------------------------------------- */
/* -----------------------------------------------------------
	無料朝食ページ
----------------------------------------------------------- */
/* -----------------------------------------------------------
	よくある質問ページ
----------------------------------------------------------- */