@charset "UTF-8";
/* ===================================================================
 file name  : guestreview.css
 style info : お客様の声（Reviews）… guestreview/index.php
=================================================================== */

/* メイン画像上のタイトル（他の下層ページと同じ和紙の背景） */
.con_main .box_main .title {
  background: url(../images/common/bg_main.jpg) top center repeat;
}

/* -----------------------------------------------------------
	本文
----------------------------------------------------------- */
.con_review {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_review {
    width: 95%;
    padding-bottom: 1em;
  }
}

/* 見出し */
.con_review .ttl_review {
  font-family: "Cormorant SC", serif;
  font-weight: normal;
  font-size: 189%;
  line-height: 1.3;
  letter-spacing: .03em;
  color: #1f1919;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_review .ttl_review {
    font-size: 167%;
  }
}
@media only screen and (max-width: 767px) {
  .con_review .ttl_review {
    font-size: 145%;
  }
}

/* 導入文 */
.con_review .lay_intro .ttl_review {
  font-size: 245%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_review .lay_intro .ttl_review {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .con_review .lay_intro .ttl_review {
    font-size: 160%;
  }
}
.con_review .lay_intro .txt {
  margin-top: 1.2em;
  line-height: 2;
  letter-spacing: .05em;
}
@media only screen and (max-width: 767px) {
  .con_review .lay_intro .txt {
    font-size: 89%;
    text-align: left;
  }
}

/* 総合評価・クチコミ一覧 */
.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 .ttl_review,
.con_review .box_reviews .ttl_review {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .con_review .box_score .ttl_review,
  .con_review .box_reviews .ttl_review {
    margin-bottom: .8em;
  }
}
.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;
}