@charset "UTF-8";
@import url("header.css");
@import url("footer.css");
@import url("index.css");
@import url("menu.css");
@import url("profile.css");
@import url("customer_reviews.css");
@import url("contact.css");
@import url("comingsoon.css");
/* CSS Document */
/* 共通部分
----------------------------------------*/
html {
  font-size: 62.5%; /* -> 10px */
  /*overflow: auto;*/
}
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
body {
  /*background: #ccc;*/
  animation: loading 2.5s;
}
@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
a {
  text-decoration: none;
  color: #000;
}
p {
  font-family: "fot-chiaro-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  color: #2e0402;
  text-align: justify;
  /*text-align: justify;*/
}
img {
  max-width: 100%;
}
hr {
  border: 1px solid #f39800;
  margin: 0 auto;
}
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 3%;
}
li {
  list-style: none;
}
.sp-only {
  display: none;
}
/*フェード処理*/
.fade-in-element {
  /*  opacity: 0;
  transform: translateY(30px); /* フェードイン時に少し上にスライドする効果を追加 */
  /* transition: opacity 1s, transform 0.6s; /* トランジションを追加 */
}
.fade-in-element.fade-in {
  opacity: 1;
  transform: translateY(0);
}
/* heder崩れポイントの記述 ----------*/
@media screen and (max-width: 1228px) {
  html {
    font-size: 50%; /* -> 10px */
    /*overflow: auto;*/
  }
}
/* タブレット用の記述ここまで ----------*/
/* タブレット用の記述 ----------*/
@media screen and (max-width: 1024px) {
  .wrapper {
    max-width: 100%;
    padding: 0 5%;
  }
}
/* タブレット用の記述ここまで ----------*/
/* スマホ用の記述 ----------*/
@media screen and (max-width : 562px) {
  /*html {
    font-size: 85%; /* -> px調整 */
  /*}*/
  html {
    font-size: 62.5%; /* -> 10px */
    /*overflow: auto;*/
  }
  .wrapper {
    padding: 0 5%;
  }
  p {
    font-size: 1.6rem;
  }
  hr {
    border: 1px solid #fcecd4;
    width: 90vw;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}
/* スマホ用の記述ここまで ----------*/
/* iPhoneSE用の記述 ----------*/
@media screen and (max-width : 362px) {}
/* iPhoneSE用の記述ここまで ----------*/
/* 共通部分ここまで
----------------------------------------*/