@charset "utf-8";

/*
 * Reset v1.0
 */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
body, div, p, h1, h2, h3, h4, h5, h6, span, ul, li, ol, img, table, tr, td, hr, a, address, nav, header, footer, section, article, dl, dt, dd { margin: 0; padding: 0; }
body, p, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
strong, em, b, small { font-weight: normal; font-style: normal; }
img { border: none; vertical-align: middle; max-width: 100%; height: auto; }
ul, li { list-style: none; }


/*
 * Base
 */
@font-face { font-family: 'MyYuGothicM'; font-weight: normal; src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); }
@font-face { font-family: 'MyYuGothicM'; font-weight: bold; src: local("YuGothic-Bold"), local("Yu Gothic"); }
html { font-size: 62.5%; }
body {
  font-family: MyYuGothicM, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.4em;
  line-height: 1.6;
  color: #000;
  text-align: justify;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background-color: #fff;
}
sup {
  font-size: 0.6em;
}


/*
 * Layout
 */
.l-wrapper {
}
.l-header {
}
.l-middle {
}
.l-footer {
}


/*
 * Components
 */
/* ヘッダー */
.c-header {
  background-color: #000;
  border-bottom: solid 1px #fff;
}
.c-header__title {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
  line-height: 3.3rem;
}

/* メインビジュアル */
.c-main {
  background-color: #ebf7ff;
}
.c-main__inner {
  width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  /*-ms-flex-line-pack: start;*/
  /*align-content: flex-start;*/
}
.c-main__image {
}
.c-main__content {
}

/* INFORMATION */
.c-information {
  border-top: solid 4px #0a5ca8;
}
.c-information__inner {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0;
}
.c-information__title {
  text-align: center;
  margin-bottom: 40px;
}
.c-information__content {
  text-align: center;
  margin-bottom: 50px;
}
.c-information__buttonDetail {
  display: block;
  margin: 0 auto;
  width: 226px;
}
.c-information__buttonDetail:hover {
  opacity: 0.8;
}

/* GALLERY */
.c-gallery {
  background-color: #f1e2d3;
}
.c-gallery__inner {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0 96px;
}
.c-gallery__title {
  text-align: center;
  margin-bottom: 40px;
}

/* ROOM PLAN */
.c-roomplan {
}
.c-roomplan__inner {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0 96px;
}
.c-roomplan__title {
  text-align: center;
  margin-bottom: 40px;
}

/* ACCESS & LOCATION */
.c-accessLocation {
  background-color: #f1e2d3;
  text-align: center;
}
.c-accessLocation__inner {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0 96px;
}
.c-accessLocation__title {
  text-align: center;
  margin-bottom: 40px;
}
.c-accessLocation__access {
  margin-top: 50px;
}
.c-accessLocation__location {
  margin-top: 50px;
}

/* OUTLINE */
.c-outline {
}
.c-outline__inner {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0 96px;
}
.c-outline__title {
  text-align: center;
  margin-bottom: 40px;
}
.c-outline__data {
  width: 740px;
  margin: 50px auto 0;
}
.c-outline__data__caption {
  margin-top: 50px;
  font-size: 1.3rem;
  line-height: 1.7rem;
}

/* フッター */
.c-footer {
  background: #e5e5e5;
  padding: 25px 0;
}
.c-footer__inner {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.c-footer__navigation {
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.c-footer__navigation a {
  color: #333;
}
.c-footer__navigation a:hover {
  text-decoration: none;
}
.c-footer__logo {
  margin-top: 20px;
}
.c-footer__copyright {
  margin-top: 20px;
}

/*
 * Modules
 */

/* ギャラリー */
.m-photoGallery {
}
.m-photoGallery__list {
  overflow: hidden;
}
.m-photoGallery__list__item {
  float: left;
}
.m-photoGallery__list__item._1 {
  margin-right: 10px;
}
.m-photoGallery__list__item._2 {
}
.m-photoGallery__list__item._3 {
  margin-top: 10px;
}
.m-photoGallery__list__item._4 {
  margin-top: 10px;
  float: right;
}
.m-photoGallery__list__item._5 {
  margin-top: 10px;
  margin-right: 10px;
}
.m-photoGallery__list__item._6 {
  margin-top: 10px;
}
.m-photoGallery__list__item._7 {
  margin-top: 10px;
  margin-right: 10px;
}
.m-photoGallery__list__item._8 {
  margin-top: 10px;
}

/* パノラマ */
.m-panoramaGallery {
  margin-top: 50px;
  text-align: center;
}
.m-panoramaGallery__title {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.m-panoramaGallery__view {
  margin: 20px auto 0;
  position: relative;
  width: 900px;
  padding-top: 53.78%
}
.m-panoramaGallery__view iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-panoramaGallery__caption {
  margin-top: 15px;
  font-size: 1.3rem;
  line-height: 1.7rem;
}

/* プラン一覧 */
.m-roomplans {
  margin-top: 50px;
  text-align: center;
}
.m-roomplans__list {
  width: 814px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.m-roomplans__list__item {
  margin-top: 64px;
}
.m-roomplans__list__item:nth-child(1),
.m-roomplans__list__item:nth-child(2) {
  margin-top: 0;
}
.m-roomplans__caption {
  font-size: 1.3rem;
  line-height: 1.7rem;
}

/* table */
.m-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.m-table__row {}
.m-table__row:nth-child(odd) {
  background-color: #eaf7ff;
}
.m-table__cell {
  padding: 15px 40px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2.2rem;
}