@charset "UTF-8";
/* ===================================================
   みつばち 案件用の上書き（テンプレ本体CSSは変更しない）
   =================================================== */

/* ▼ TOP MENU のPC背景（テンプレ既定は food1/drink1/course(実体なし)/lunch1） */
@media screen and (min-width: 768px) {
  .top-course .bg { background-image: url(../img/top-menu-4.jpg); }
  .top-food .bg { background-image: url(../img/top-menu-1.jpg); }
  .top-drink .bg { background-image: url(../img/top-menu-2.jpg); }
  .top-lunch .bg { background-image: url(../img/top-menu-3.jpg); }
}

/* ▼ 下層ページのMV（テンプレ既定 bg_kv2.jpg は実体なし） */
.kv_second {
  background-image: url(../img/page-mv.jpg);
  background-position: center;
  background-size: cover;
}

/* ▼ TOPギャラリーのループスライダー：各画像を中央基準でトリミング（見切れ防止） */
#loopslider ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ▼ ヘッダーのロゴ：支給ロゴが正方形のため、テンプレ既定(幅200px)だとMVに73px被る → 帯の中に収めて上下中央 */
@media screen and (min-width: 768px) {
  header .inner { height: 100%; }
  header h1,
  header h1 a { display: flex; align-items: center; }
  header h1 { width: auto; align-self: center; }
  header h1 img { width: auto; height: 100px; }
}
@media screen and (min-width: 1201px) {
  header h1 { width: auto; }
}
@media screen and (max-width: 767px) {
  header h1 {
    width: auto;
    height: 60px;
    margin: 0;
    padding: 0 62px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header h1 a { display: block; line-height: 0; }
  header h1 img { width: auto; height: 46px; display: block; }
}