/* --------------------------------------------------------
-----------------------------------------------------------
ロゴの変更
-----------------------------------------------------------
----------------------------------------------------------- */
/* 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/category_img/dragons/icon.jpeg);*/

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

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

/*数値変更はしないでください
    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/category_img/dragons/icon.jpeg);*/

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

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

/*数値変更はしないでください
    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(/web-box/upload/category_img/dragons/logo.svg);

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

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

    /*数値変更はしないでください*/
    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: 160px;
    position: relative;
  }

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

    /*変更したい画像のパスに変更してください*/
    background: url(/web-box/upload/category_img/dragons/logo.svg);

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

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

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

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

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