@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*
パンくずリストのカスタマイズ
*/

/* 投稿タイトル名を表示 */
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
  display: block;
}

/* 先頭のパンくずリストの先頭文字にリンクが付くようにする */
#breadcrumb li:first-child a {
  text-indent: 0 !important;
  margin-left: 12px;
}

/* 横スクロールを可能にする */
.p-breadcrumb {
  padding: 8px 1em 4px;
}

.p-breadcrumb__list {
  overflow-x: auto;
  padding-left: 0;
  padding-bottom: 8px;
  scrollbar-color: #d1d1d1 transparent; /* スクロールバーの背景と色を調整 */
  max-width: 1200px; /* メニューの開始位置とパンくずリストの縦位置を合わせる */
}

/* Safari用 （scrollbar-colorが効かないため） */
.p-breadcrumb__list::-webkit-scrollbar {
  height: 6px; /* 横スクロールバーの高さ */
}

.p-breadcrumb__list::-webkit-scrollbar-track {
  background: transparent; /* スクロールバーの背景 */
}

.p-breadcrumb__list::-webkit-scrollbar-thumb {
  background-color: #d1d1d1; /* スクロールバーの色 */
}