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

/* ------------------------------------------------------
 * PCでハンバーガーボタンを表示させる設定 
 * ------------------------------------------------------ */

.l-header__logo{
	padding left: 10px!important;
}
.c-iconBtn {
	padding-right: 10px!important;
}

.l-header__menuBtn.sp_ {
  display: block!important; /* ハンバーガーボタンを表示 */
}
.-series .l-header__inner {
  align-items: center;  /* ハンバーガーボタンの上下位置調整 */
}
.p-spMenu {
  display: block; /* 開閉メニューを有効 */
}


/* ------------------------------------------------------
 * ヘッダーの設定
 * ------------------------------------------------------ */

/* 下層ページのヘッダー幅をトップに合わせる */

.l-header .l-container {
  max-width: 100%!important;
	padding : 5px!important;
}

/* ヘッダーメニューを非表示 */
nav#gnav {
  display: none;
}

/*breadcrumbを非表示*/
#breadcrumb {
 display: none;
}


 /* スマホ適用 / ヘッダーを固定 */
 @media (min-width: 960px) {
  .l-header {
    position: fixed!important;
    background: #ffffff;
  }
}
	
/* ヘッダーの背景を透明にしない場合の固定 */
#header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: var(--swl-adminbarH, 0px);
}

/* ヘッダーの背景を透明にした場合の固定 */
#header.-transparent {
  position: fixed !important;
}

/* 設定↓ */
body:has(.home) {
  --mv-height: 115vh; /* ｢メインビジュアルの高さ設定｣の値 */
}
body:has(.home) .l-scrollObserver {
  top: calc(var(--mv-height, 90px) - var(--swl-headerH, 0px)); /* l-scrollObserverの位置をメインビジュアルの高さに合わせる */
}

/* メインビジュアル領域では色調反転で表示 */
[data-scrolled=true] #body_wrap.home header{
  background: rgba(255 255 255 / 50%); /* mix-blend-modeを適用するための指定 */