@charset "UTF-8";

@media (min-width: 768px) {

  /* ========== FORCIA DESIGN ========== */

  #contentslayout a,
  .pagenavi,
  .pagenavi a {
    font-size: inherit;
  }

  .pankuzuitem {
    font-size: 12px;
    font-weight: 400;
  }

  #contentslayout a:hover {
    color: #f90;
  }

  #contentslayout * {
    line-height: 1.5;
    box-sizing: border-box;
  }

  #contentslayout {
    width: 100% !important;
    box-sizing: border-box;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
    color: #222;
  }

  #contentscontainer {
    float: inherit !important;
    width: inherit !important;
  }

  /* 企業専用バナー */
  .sideNavMT {
    display: none;
  }

  /* パンくず */
  #contentstokushu {
    width: 940px !important;
  }

  /* ヘッダー画像 */
  #contentstokushuimgcoa {
    width: inherit !important;
  }

  /* エリア検索 */
  #arealink {
    width: inherit;
    height: inherit;
    background: none;
    border: none;
    margin: 0;
  }

  #arealink #arealinklist {
    width: inherit;
    float: inherit;
    line-height: inherit;
    display: flex;
    flex-wrap: wrap;
    margin: 2em auto;
    justify-content: center;
  }

  #arealink #arealinklist a {
    font-size: 14px;
    margin: 0 1em;
  }

  #arealink #arealinkimg {
    display: none;
  }

  /*件数表示*/
  #option .pagenavicount {
    float: inherit;
    text-align: center;
    margin: 1em auto;
    display: none;
  }

  #option {
    width: inherit;
    font-size: 14px;
    text-align: right;
  }

  .minimumratearea {
    padding: 2em 0;
  }

  .listitem {
    border-radius: 1em;
    overflow: hidden;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
    margin: 0 auto 5em;
  }

  /* ホテル名 */
  #listplan.special .listitemtitle {
    background-color: #eee;
    border-top: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 1.5em;
    width: 100%;
  }

  #listplan h2 {
    font-size: 18px;
    font-weight: 700;
    border: none;
    padding: 0;
  }

  #listplan h2 a {
    color: #222;
    text-decoration: none;
  }

  #listplan.special .listitemtitle br {
    display: none;
  }

  .listitemdetail {
    display: flex;
    align-items: stretch;
  }

  .listitemdetailrightbox {
    font-size: 14px;
    padding: 1.5em;
    width: 100%;
  }

  .textRect img,
  .textRectNoPhot img {
    width: inherit;
  }

  .listitemdetailplannameForTokushu {
    margin: 0.5em auto 1em;
  }

  .listitemdetailpricetspecialvipcafe {
    padding: 2em 0;
  }

  .listitemdetailplannameForTokushu a {
    color: #f90;
  }

  table.roomtypetable {
    width: 100%;
    border-spacing: 1em;
    border-collapse: separate;
  }

  table.roomtypetable td {
    text-align: center;
    border-radius: 5em;
  }

  td.ryokinvalue {
    background-color: #f90;
    font-weight: 700;
    padding: 0.5em 0;
    color: #fff;
  }

  table.roomtypetable tr:last-child {
    border-top: none;
  }

  #contentslayout hr {
    display: none;
  }

  .listitemdetailcheckin {
    display: inline-block;
  }

  .listitemdetailcheckin span:first-child {
    margin-right: 1em;
  }

  .roomtypearea {
    display: inline-block;
    margin-left: 1em;
    border-radius: 5em;
    background: #c1e9fc;
    padding: 0.25em 1em;
    font-size: 0.9em;
  }

  .listitemplanlistplanareaForTokushu {
    font-size: 12px;
  }

  .access {
    font-size: 12px;
    margin-top: 1em;
  }

  .datanone {
    text-align: center;
  }

}

@media (max-width: 767px) {

  #container {
    box-sizing: border-box;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
    color: #222;
  }

  #container table {
    box-sizing: border-box;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }

  .mcp_page_title,
  .mcp_option_count {
    display: none;
  }

  .mcp_minimumratearea {
    color: #222;
    margin-top: 2em;
  }

  #listplan.special .listitemtitle {
    background-color: #eee;
    padding: 1em;
    text-align: center;
  }

  #listplan .mcp_listplan_title_link a {
    color: #222;
    font-weight: 700;
    font-size: 1.2em;
    display: block;
    margin: 0 auto 1em;
  }

  #listplan .mcp_listitemareaname {
    color: #222;
    text-align: center;
  }

  #listplan .mcp_basic_info_table {
    width: 100%;
    margin: 0 0px 50px;
    border-spacing: 0;
    table-layout: auto;
    display: flex;
    flex-direction: column;
  }

  #listplan .mcp_basic_info_table_imgtd {
    width: 100%;
    display: block !important;
  }

  #listplan .mcp_basic_info_table_imgtd img {
    display: block;
  }

  #listplan .mcp_basic_info_table tr {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  #listplan .mcp_basic_info_table_td,
  #listplan .mcp_basic_info_table_tr {
    width: 100%;
    margin: 1em auto;
    display: block !important;
  }

  #listplan .mcp_textRect_img,
  #listplan .mcp_mcp_textRectNoPhot_img {
    margin: 0;
    display: inline-block;
  }

  #listplan .mcp_textRect,
  #listplan .mcp_mcp_textRectNoPhot {
    margin: 0;
    line-height: 1.5;
    display: inline-block;
    vertical-align: sub;
  }

  #listplan .mcp_listitemdetailplannameForTokushu {
    background: none;
    padding: 0;
  }

  #listplan .mcp_listitemdetailplannameForTokushu_p {
    padding: 0;
    font-size: 1.2em;
    text-decoration: underline;
  }

  #listplan .mcp_textRect_table {
    border: none;
    border-collapse: separate;
    border-spacing: 0.5em;
  }

  #listplan .mcp_textRect_table tr {
    display: table;
  }

  #listplan .mcp_textRect_cell {
    background: none;
    border: none;
    padding: 0;
  }

  #listplan .mcp_textRect_cell2 {
    border: none;
    background-color: #f90;
    font-weight: 700;
    padding: 0.5em 0;
    color: #fff;
    border-radius: 5em;
  }

  #listplan .mcp_listitemdetailcheckin {
    line-height: inherit;
    padding-bottom: 0.5em;
  }

  #listplan .mcp_xsmall {
    border: none;
    padding: 4px;
    background-color: rgb(236, 233, 216);
    text-align: center;
    margin: 0 0 0 1em;
    color: #222;
    font-size: 10px;
    line-height: 12px;
    display: inline-block;
    border-radius: 5em;
    background: #c1e9fc;
    padding: 0.5em 1em;
  }

}