/* JS＋JSON 版で追加した最小限のスタイル（既存のデザインには影響させない） */

/* アプリ表示（?connect=app）とWeb表示の切り替え。JSで不要な側を取り除くまでの間のちらつき防止 */
html.is-app .web-only,
html:not(.is-app) .app-only {
  display: none !important;
}

/* アプリ表示では、ヘッダー等の枠を外し終えるまで描画しない */
html.is-app:not(.is-ready) body {
  visibility: hidden;
}

/* モーダル表示中は背面をスクロールさせない（Foundation 6.2 と同じ） */
body.is-reveal-open {
  overflow: hidden;
}

/* 写真スライダー（slick の構成を再現） */
.shopimg-slider.slick-slider .slick-list {
  overflow: hidden;
}

.shopimg-slider .slick-track {
  display: flex;
}

.shopimg-slider .slick-slide {
  display: block;
  flex: 0 0 auto;
  height: auto;
}

/* JavaScript が無効なときの案内 */
noscript p {
  padding: 2em 0;
  text-align: center;
}