@charset 'utf-8';

/*=====メイン画像部分の設定=====*/
h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 7%;
  text-align: center;
  letter-spacing: 0.7rem;
}

.mainImg {
  text-align: center;
  margin-bottom: 10%;
}

/*=====店舗案内の設定=====*/
.storeName h2 {
  font-size: 1.6rem;
  background-color: #ebd9b9;
  padding: 1.5% 3%;
  display: inline-block;
  margin-bottom: 5%;
}

.storeName h2 span {
  font-size: 3.0rem;
  font-weight: bold;
}

.info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8%;
}

.infoTxt {
  font-size: 2.0rem;
  width: calc(50% - 10px);
}

.infoTxt p {
  margin-bottom: 4%;
}

.infoTxt p:last-child {
  margin-bottom: 0;
}

.infoTxt .tel {
  font-size: 2.2rem;
  font-weight: bold;
}

.infoTxt .tel span {
  color: #e55813;
}

.calendar {
  width: calc(50% - 10px);
  font-size: 2.0rem;
}

/*=====マップ部分の設定=====*/
.map {
  margin-bottom: 15%;
}

/*=====スマホ用の設定=====*/
@media (max-width:768px) {
  h1 {
    font-size: 2.4rem;
  }
  
  .mainImg {
    margin-bottom: 15%;
  }
  
  .info {
    display: block;
  }
  
  .storeName, .info, .calendar {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3%;
  }
  
  .storeName h2 {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 10%;
  }
  
  .storeName h2 span {
    font-size: 2.0rem;
  }
  
  .infoTxt {
    width: 90%;
    margin-bottom: 15%;
    font-size: 1.5rem;
  }
  
    .infoTxt .tel {
    font-size: 1.7rem;
  }
  
  .calendar {
    width: 90%;
    margin-bottom: 20%;
  }
}