@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
*/

.top > #content {
	margin-top: 80px;
}

/* =========================
   Breadcrumb SP崩れ対策【決定版】
   ========================= */
/* PC（デフォルト） */
#breadcrumb {
  margin-top: 112px;
}

/* SP */
@media screen and (max-width: 750px) {
	.top > #content {
		margin-top: 30px;
	}
  #breadcrumb {
    margin-top: 52px;
  }
}

/* breadcrumb 内では l-container を横方向に固定 */
#breadcrumb .l-container {
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 8px 16px !important;
}

/* ol を横並びに */
#breadcrumb .p-breadcrumb__list {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  white-space: nowrap;
}

/* li を横並び */
#breadcrumb .p-breadcrumb__item {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  font-size: 13px;
}

/* iOS スクロール対策 */
#breadcrumb .p-breadcrumb__list {
  -webkit-overflow-scrolling: touch;
}