@charset "utf-8";

/*============ 共通設定 =============*/
#index {
}

#index .innr {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 2%;
}

#index .innr h1 {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 20px;
}

/*===== salon =====*/
#salon {
  background-color: #fff1f8;
}

#salon h1 {
  color: #f565b0;
}

#salon ul {
    width: 80%;
    margin: 0 auto;
}

#salon ul li {
  width: calc(100% / 3);
  float: left;
}

/*===== information =====*/
#information {
  background-color: #ffffff;
}

#information h1 {
}

#information dl {
    line-height: 1.4;
    padding-bottom: 25px;
    border-bottom: 1px dotted #9e9e9e;
    margin-bottom: 30px;
}

#information dl dt {
    margin-bottom: 20px;
}

#information dl dt .day {
    font-size: 14px;
}

#information dl dt .news-hx {
    color: #fe62b5;
    font-weight: bold;
    font-size: 18px;
    margin-left: 3%;
}

#information dl dd {
}

/*===============================================
    ■tablet 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
  #salon ul li {
    width: 50%;
  }
  #information dl dt .news-hx {
    display: block;
    margin: 7px 0 0;
  }
}

/*===============================================
    ■smart 画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px) {
}