@charset "UTF-8";

/*
Theme Name: basara_tcd100-child
Version: 1.7.1
Template: basara_tcd100
*/


/*  共通　*/
body {
    padding-top: 0 !important;
}

.l-header {
    height: initial !important;
}

.sp{
	display:none;
}
.pc{
	display:block;
}

/* ヘッダーバー透過・固定・重なり */
.l-header-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1000;
  background: rgba(255,255,255,0.0); /* 常時透過 */
  transition: background 0.3s, box-shadow 0.3s;
  box-shadow: none;
}
.l-header-bar.is-solid {
  background: rgba(255,255,255,0.0) !important;
  box-shadow: none !important;
}

/* ヘッダーコンテンツ全幅化 */
.p-header-media-root {
  width: 100vw;
  min-height: 60vh;
  height: 100vh !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

/* ヘッダーコンテンツ全幅ラッパー */
.header-fullwidth-wrap {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

/* ヘッダー下のコンテンツが隠れないように余白を追加 */
body {
  padding-top: 80px; /* ヘッダーバーの高さ分調整。必要に応じて変更 */
}

@media (max-width: 767px) {
  .l-header-bar {
    padding: 0 10px;
  }
  body {
    padding-top: 60px;
  }
}

/* ヘッダーコンテンツのメディアの角丸をなくす */
.p-header-slider {
  border-radius: 0 !important;
}

body.l-header-fix.is-header-fixed .l-header-bar::after {
  border-bottom: initial !important;
}

/* pinterestのアイコンをInstagramのアイコンに変更して表示 */
.p-social-nav-item-pinterest a::before {
	content: "\ea92";
}