@charset "utf-8";

/* --------------------------------------------------------
-----------------------------------------------------------
ロゴの変更
-----------------------------------------------------------
----------------------------------------------------------- */
/* PC用
--------------------------------------------------------- */
@media screen and (min-width: 768px) {
  .Header .Header-pattern .Header-main-wrap .header-logo picture {
    display: none;
  }

  .Header .Header-pattern .Header-main-wrap .header-logo a {
    /*変更したい画像のパスに変更してください*/
    background: url(/web-box/upload/ALVARK/banner/ALVARK_header_01-01.svg);

    /*数値変更はしないでください*/
    background-size: auto 30px;
    background-repeat: no-repeat;

    /*縦30pxに対して、縦横比が合うように調整してください*/
    width: 329px;

    /*数値変更はしないでください*/
    height: 30px;
    display: inline-block;
  }
}

/* スマホ用
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .Header .Header-sp-main .header-logo picture {
    display: none;
  }

  .Header .Header-sp-main .header-logo a {
    /*変更したい画像のパスに変更してください*/
    background: url(/web-box/upload/ALVARK/banner/ALVARK_header_01-01.svg);

    /*数値変更はしないでください*/
    background-size: auto 30px;
    background-repeat: no-repeat;

    /*縦30pxに対して、縦横比が合うように調整してください*/
    width: 126px;

    /*数値変更はしないでください*/
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*
-----------------------------------------------------------
タイトル上に画像追加の変更
-----------------------------------------------------------
----------------------------------------------------------- */
/* PC用
--------------------------------------------------------- */
@media screen and (min-width: 768px) {
  .Page-head .page-title {
    /*数値変更はしないでください*/
    padding-top: 250px;
    position: relative;
  }

  .Page-head .page-title:before {
    content: "";

    /*変更したい画像のパスに変更してください*/
    background: url();

    /*数値変更はしないでください*/
    background-size: auto 180px;

    /*縦180pxに対して、縦横比が合うように調整してください*/
    width: 1200px;

    /*数値変更はしないでください*/
    height: 180px;

    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* スマホ用
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .Page-head .page-title {
    /*数値変更はしないでください*/
    padding-top: 112px;
    position: relative;
  }

  .Page-head .page-title:before {
    content: "";
    background: url(/);
    background-size: 355px auto;
    width: 355px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* ページタイトル（読売ジャイアンツ）を非表示 */
.Page-head .page-title {
  font-size: 0;
  padding: 0;
}

.Page-head .page-title::before {
  content: none;
}
.Content .Content-inner {
  padding-top: 0;
}

/* --------------------------------------------------------
-----------------------------------------------------------
パンくずリストの削除
-----------------------------------------------------------
----------------------------------------------------------- */
/*パンくずリストを表示させない場合は、下記のコメントアウトを外してください*/
/* .Page-head .breadcrumb {
  display: none;
} */