@charset "utf-8";
/* CSS Document */
@import "normalize.css";
@import "default.css";
/*******************
LP style
********************/
/* base*/
html {
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Mayryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #101010;
  line-height: 1.5;
  min-width: 1200px;
  margin: 0 auto;
}
a {
  color: #101010;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* clear
--------------------------------------------------*/
.cl {
  clear: both;
}
.clx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clx {
  min-height: 1px;
}
* html .clx {
  height: 1px;
  /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
/*------------------------------------*/
.hover {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  display: inline-block;
}
.hover:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
img {
  vertical-align: bottom;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
img.img-t {
  vertical-align: top;
}
/*
ovf-** 横幅の大きい画像を設定した最小幅でトリミング
デフォルトの設定は最小1200px、画像幅1500pxなので適宜調整してください
*/
.ovf-area {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1200px;
}
.ovf-box {
  display: block;
  margin: auto;
  text-align: center;
  width: 100%;
}
.ovf-item {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1500px;
  margin-left: -750px; /* widthの半分 */
}
/*-- fv -------------------------------------*/
#fv {
  height: 860px; /* fv画像のheight */
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1200px;
  z-index: 1;
  background: url(../img/fv_bg.png) repeat-x top center;
}
#fv div {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1500px;
  margin-left: -750px;
}
.mb4 {
  margin-bottom: 4em;
}
.mb6 {
  margin-bottom: 6em;
}
/*--------------------------------------------*/
.promise {
  background: #ebf59d url(../img/promise_bg.jpg) repeat-x top center;
}
.pl {
  position: relative;
}
.pl:nth-child(2n+1):last-child{
  left: -262px;
}
.fv-btn {
  text-align: center;
}
.fasting {
  background: url(../img/fasting_bg.png) repeat-x top center;
}
.cta-btn {
  position: absolute;
  bottom: 2.8em;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.nayami {
  background: url(../img/nauami_bg.png) repeat-x bottom center;
}
.ideal {
  background: url(../img/ideal_bg.png) repeat-x top center,
    url(../img/ideal_bg2.jpg) repeat center;
  margin-bottom: 6em;
}
.experience {
  background: #fffcf2 url(../img/experience_bg.png) repeat-x top center;
}
.mb3 {
  margin-bottom: 3em;
}
.btn {
  margin-top: -3em;
}
.method {
  background: #fb2c62;
}
.reset {
  margin-bottom: 3em;
}
.visit {
  background: url(../img/visit_bg.png) repeat-x top center;
}
.user-voice {
  background: url(../img/user_voice_bg.png) repeat-x top center,
    url(../img/ideal_bg2.jpg) repeat top center;
}
.questions {
  background: url(../img/questions_bg.jpg) repeat top center;
}
.salon {
  background: url(../img/salon_bg.png) no-repeat top center,
    url(../img/salon_titl_bg.png) repeat-x top center;
}
.line-btn {
  position: absolute;
  bottom: 1.5em;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.salon h2 {
  margin-bottom: 3em;
}
.salon h3,
.formArea .midashi {
  background-image: -moz-linear-gradient( 0deg, rgb(148,94,16) 0%, rgb(202,155,87) 54%, rgb(148,94,16) 100%, rgb(148,94,16) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(148,94,16) 0%, rgb(202,155,87) 54%, rgb(148,94,16) 100%, rgb(148,94,16) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(148,94,16) 0%, rgb(202,155,87) 54%, rgb(148,94,16) 100%, rgb(148,94,16) 100%);
  text-align: center;
  color: #fff;
  font-size: 2em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 1em;
}
.salon h3 {
  width: 1000px;
  margin: 1em auto 0;
}
.salon ul li {
  display: inline-block;
  margin: 1.5em 1em 0;
}
.tenjin {
  margin-right: 33em;
  margin-top: 2em;
}
/*-------------------------------------------
footer
-----------------------------------------------*/
.footer-link {
  text-align: center;
  padding-top: 4em;
  padding-bottom: 2em;
  width: 100%;
}
.footer-link li {
  color: #290602;
  display: inline-block;
  padding-left: 0.8em;
}
.footer-link li a {
  color: #202020;
}
.footer-link li:after {
  content: "";
  border-right: 1px solid;
  display: inline-block;
  padding-left: 0.8em;
  height: 1.2em;
  vertical-align: middle;
}
.footer-link li:last-child:after {
  content: "";
  padding-left: 0;
  border: none;
}
#copy {
  background-image: -moz-linear-gradient(
    0deg,
    rgb(148, 94, 16) 0%,
    rgb(202, 155, 87) 54%,
    rgb(148, 94, 16) 100%,
    rgb(148, 94, 16) 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(148, 94, 16) 0%,
    rgb(202, 155, 87) 54%,
    rgb(148, 94, 16) 100%,
    rgb(148, 94, 16) 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(148, 94, 16) 0%,
    rgb(202, 155, 87) 54%,
    rgb(148, 94, 16) 100%,
    rgb(148, 94, 16) 100%
  );

  text-align: center;
  width: 100%;
  color: #fff;
  padding: 2em 0;
  font-size: 0.875rem;
}

/*-------------------------------------------
formArea
-----------------------------------------------*/
.formArea {
  width: 1000px;
  margin: 48px auto 0;
  background: #fbf4e2;
  padding: 100px;

  display: none;
}
.formArea .midashi {
  background-image: -moz-linear-gradient(
    0deg,
    rgb(148, 94, 16) 0%,
    rgb(202, 155, 87) 54%,
    rgb(148, 94, 16) 100%,
    rgb(148, 94, 16) 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(148, 94, 16) 0%,
    rgb(202, 155, 87) 54%,
    rgb(148, 94, 16) 100%,
    rgb(148, 94, 16) 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(148, 94, 16) 0%,
    rgb(202, 155, 87) 54%,
    rgb(148, 94, 16) 100%,
    rgb(148, 94, 16) 100%
  );
  text-align: center;
  color: #fff;
  font-size: 2em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 1em;
}
.formArea .first p {
  line-height: 2;
  margin-bottom: 1em;
}
.formArea .first p a {
  color: #ab772e;
}
.formArea .star {
  color: #f00;
}
.formArea .mgB {
  margin-bottom: 1em;
}
.formArea select,
.formArea input,
.formArea textarea {
  padding: 0.5em;
}
.formArea textarea {
  width: 100%;
  box-sizing: border-box;
}
.formArea table {
  width: 100%;
}
.formArea table td {
  border: 1px solid #cea262;
  padding: 20px;
  margin-top: -1px;
  vertical-align: middle;
}
.formArea table td:first-child {
  width: 350px;
  text-align: center;
}
.formArea .btn {
  margin-top: 2em;
  text-align: center;
}
.formArea input[type="submit"] {
  width: 400px;
  color: #fff;
  background: #cea262;
  border: none;
  padding: 2em 0;
  cursor: pointer;
  transition: 0.3s;
}
.formArea input[type="submit"]:hover {
  opacity: 0.8;
}

.sideCta {
  position: fixed;
  right: 0;
  width: 90px;
  top: 30%;
  z-index: 9999;
  transition: .3s;
}
.sideCta:hover {
  opacity: .8;
}