.sp{
  display: none;
}
#sidebar .menu .menu-hatcare a:before {
  content: "";
  width: 12px;
  height: 1px;
  display: inline-block;
  background-color: #000000;
  margin: 0 8px 0 0;
}
.maincontents {
  width: 63.235%;
  margin: 70px auto 0;
  overflow: hidden;
}
h2{
  font-size: 1.6rem;
  color: #000000;
  letter-spacing: 2.4px;
  line-height: 36px;
  text-align: center;
}
h2+p{
  font-size: 1.0rem;
  color: #9B9B9B;
  letter-spacing: 1.36px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 76px;
}
.main_wrap{
  overflow: hidden;
  margin-bottom: 37px;
}
.main_image {
  float: left;
  width: 46.511%;
}
.main_image img{
  width: 100%;
}
#hat_care_description {
  width: 48.8372%;
  float: right;
}
#hat_care_description .text{
  font-size: 1.2rem;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 22px;
}
#hat_care_description .contact{
  margin-top: 44px;
}
#hat_care_description .contact .contact_title{
  font-size: 12px;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 11px;
  margin-bottom: 10px;
}
#hat_care_description .contact .contact_tel {
  font-size: 1.2rem;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 22px;
}
#hat_care_description .contact .contact_tel i{
  margin-right: 5px;
}
#hat_care_description .contact .contact_mail {
  font-size: 1.2rem;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 22px;
}
#hat_care_description .contact .contact_mail i{
  margin-right: 5px;
}
#hat_care_content {
  width: 100%;
  font-size: 0;
}
#hat_care_content .content_wrap {
  padding-top: 3px;
  width: 31.395%;
  vertical-align: top;
  display: inline-block;
}
#hat_care_content .content_wrap+.content_wrap{
  margin-left: 2.9069%;
}
#hat_care_content .content_wrap .title {
  font-size: 1.3rem;
  color: #000000;
  letter-spacing: 2.2px;
  text-align: center;
  border-top: 1px solid #9B9B9B;
  border-bottom: 1px solid #9B9B9B;
  padding: 18px 0;
}
#hat_care_content .content_wrap .price{
  font-size: 1.2rem;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 22px;
  text-align: center;
  margin-top: 14px;
}
#hat_care_content .content_wrap .other{
  font-size: 1.1rem;
  color: #9B9B9B;
  letter-spacing: 1.25px;
  line-height: 11px;
  text-align: center;
  margin-top: 10px;
}
#hat_care_description_sp .contact .contact_tel {
  font-size: 1.2rem;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 22px;
  margin-top: 10px;
}
#hat_care_description_sp .contact .contact_mail {
  font-size: 1.2rem;
  color: #000000;
  letter-spacing: 1.25px;
  line-height: 22px;
}
#footer {
  margin: 119px 0 0;
}


@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 767px) {
  .pc{
    display: none;
  }
  .sp{
    display: inline;
  }
  .maincontents.new {
    margin: 53px auto 0;
  }
  h2{
    font-size: 1.3rem;
    color: #000000;
    letter-spacing: 1.75px;
  }
  h2+p{
    font-size: 1.0rem;
    color: #9B9B9B;
    letter-spacing: 1.25px;
    margin-top: -8px;
    margin-bottom: 12px;
  }
  .main_wrap {
      margin-bottom: 14px;
  }
  .main_image {
    margin-bottom: 33px;
    width: 100%;
  }
  .main_image img{
    width: 100%;
  }
  #hat_care_content .content_wrap {
    width: 100%;
    display: block;
    margin-bottom: 47px;
  }
  #hat_care_content .content_wrap+.content_wrap {
    margin-left: 0;
  }
  #hat_care_description {
    display: none;
  }
  #hat_care_description_sp {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-top: 66px;
  }
  #hat_care_description_sp .text{
    font-size: 1.3rem;
    letter-spacing: 1.25px;
    line-height: 22.5px;
    margin-top: 53px;
  }
  #hat_care_description_sp .contact {
    margin-top: 31px;
  }
  #hat_care_description_sp .contact .contact_title {
    font-size: 1.3rem;
    text-align: center;
  }
  #hat_care_description_sp .contact .contact_tel {
    font-size: 1.3rem;
    line-height: 11px;
    margin-top: 21px;
    text-align: center;
    color: #000000!important;
  }
  #hat_care_description_sp .contact .contact_tel i {
    margin-right: 5px;
  }
  #hat_care_description_sp .contact .contact_tel a{
    color: #000000!important;
  }
  #hat_care_description_sp .contact .contact_mail {
    font-size: 1.3rem;
    line-height: 11px;
    margin-top: 14px;
    text-align: center;
  }
  #hat_care_description_sp .contact .contact_mail i {
    margin-right: 5px;
  }
  #footer{
    margin: 0 0 0;
  }
}
@media only screen and (max-width: 320px){

}