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

 file name  : guestreview.css
 style info : お客様の声（Reviews）… guestreview/index.php
=================================================================== */

/* -----------------------------------------------------------
	.con_title（仮で Saka Hotel STORY ページのタイトル画像を使用）
----------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
  .con_title {
    background-image: url(../about/images/bg_title-pc.jpg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_title {
    background-image: url(../about/images/bg_title-tab.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .con_title {
    background-image: url(../about/images/bg_title-sp.jpg);
  }
}

/* -----------------------------------------------------------
	本文
----------------------------------------------------------- */
.con_review {
  padding: 100px 0 120px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_review {
    padding: 70px 0 90px;
  }
}
@media only screen and (max-width: 767px) {
  .con_review {
    padding: 2.5em 0 3.5em;
  }
}

/* 導入文（サブ見出しの Improving our service ... は少し大きくする） */
#guestreview .lay_intro .st_md_center .en {
  font-size: 134%;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #guestreview .lay_intro .st_md_center .en {
    font-size: 117%;
  }
}
@media only screen and (max-width: 767px) {
  #guestreview .lay_intro .st_md_center .en {
    font-size: 100%;
  }
}
.con_review .lay_intro .txt {
  margin-top: 2em;
  line-height: 2;
  letter-spacing: .05em;
}
@media only screen and (max-width: 767px) {
  .con_review .lay_intro .txt {
    margin-top: 1.5em;
    font-size: 89%;
    text-align: left;
  }
}

/* 総合評価・クチコミ一覧の見出し */
.con_review .st_review {
  font-family: "Cormorant SC", Times, "Times New Roman", serif !important;
  font-weight: normal;
  font-size: 167%;
  line-height: 1.3;
  letter-spacing: .03em;
  color: #231815;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_review .st_review {
    font-size: 150%;
  }
}
@media only screen and (max-width: 767px) {
  .con_review .st_review {
    font-size: 134%;
    margin-bottom: .8em;
  }
}

/* 総合評価・クチコミ一覧 */
.con_review .box_score,
.con_review .box_reviews {
  margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_review .box_score,
  .con_review .box_reviews {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_review .box_score,
  .con_review .box_reviews {
    margin-top: 2.5em;
  }
}
.con_review .box_score iframe {
  display: block;
  margin: 0 auto;
}
.con_review .box_reviews .inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
}
.con_review .box_reviews .inner iframe {
  display: block;
}