@charset "utf-8";

/* ==========================================
   全体の基本設定
   ========================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page-body {
  margin-bottom: 0;
}

#store {
  width: 1040px;
  margin: 0 auto;
  font-family: 'Lato', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}

/* ==========================================
   上部（画像・メインタイトル）
   ========================================== */
/* メイン画像 */
p.mainimg {
  padding-bottom: 59px;
  text-align: center;
}
p.mainimg img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

h1.maintitle {
  margin: 0 0 65px;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1px;
  border-bottom: none;
}

/* ==========================================
   店舗情報の共通設定
   ========================================== */
.storeinfo {

  width: 400px; 
  margin: 0 auto; 
  padding-bottom: 30px;
  text-align: center;
  color: #000000;
  line-height: 1.8;
}

.storeinfo h2.section_subtitle {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 5px;
}
.storeinfo p.store_name {
  margin-bottom: 7px;
  font-size: 15px;
}

.storeinfo p.stockist_name {
  font-weight: normal; 
  margin-bottom: 4px;
  font-size: 15px;
}

.storeinfo p.address {
  padding-bottom: 4px;
  line-height: 1.35;
  font-size: 15px;
}

.storeinfo p.phone,
.storeinfo p.phone a {
  color: #000000;
  text-decoration: none;
  line-height: 1.35;
  font-size: 15px;
}


div.store_box {
  border-top: none;
  padding-top: 42px;
  text-align: center;
}

/* 各セクションの見出し */
div.store_box h1 {
  margin: 0 0 5px;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}

div.store_box .storeinfo {
  display: block;
  margin: 0 auto 60px; 
  width: 400px;
  padding: 0;
}

/* ==========================================
   Stockistsだけの個別余白調整
   ========================================== */
div.store_box.stockists_box {
  padding-top: 8px;
  padding-bottom: 65px;
}


/* ==========================================
   レスポンシブ（スマホ対応）
   ========================================== */
@media(max-width: 1292px) {
  #store {
    width: auto;
    padding: 0 20px;
  }
  .storeinfo,
  div.store_box .storeinfo {
    width: 400px;
  }
}

@media(max-width: 767px) {
  p.mainimg {
    padding-bottom: 40px;
  }
  h1.maintitle {
    margin-bottom: 35px;
  }
  div.store_box {
    padding-top: 10px;
  }
  .storeinfo,
  div.store_box .storeinfo {
    width: 100%;
    margin-bottom: 45px;
  }

  .storeinfo p.address,
  .storeinfo p.phone,
  .storeinfo p.stockist_name,
  .storeinfo p.store_name {
    font-size: 14px; 
  }

  #store .storeinfo.main {
    padding-bottom: 0;
    margin-bottom: 50px;
  }

  #store .store_box {
    padding-top: 0;
    margin-bottom: 50px;
  }

  #store div.store_box h1 {
    margin-top: 0;
    margin-bottom: 5px;
  }

  #store .storeinfo,
  #store div.store_box .storeinfo {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}