@charset "UTF-8";
/* SCSSの読み込み */
@import url(all.css);
/*===============================================
  切り替え用
===============================================*/
.pc-none {
  display: none !important;
}

a[href^="tel:"] {
  pointer-events: none;
}

/*===============================================
  コンテンツ位置
===============================================*/
/* PCの最大値設定
-----------------------------*/
.pc-max-bx {
  width: calc(100% - 3rem);
  max-width: 1340px;
  min-width: initial;
  margin-inline: auto;
  position: relative;
}

/* サブコンテンツベース設定
-----------------------------*/
.sidebar__fixed {
  width: calc(100% - 3rem);
  max-width: 1340px;
  height: 100%;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

/* サブコンテンツ設定
-----------------------------*/
.sidebar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  row-gap: 2rem;
  width: 22rem;
  min-height: clamp(500px, 39.0625vw, 600px);
  background: var(--color-text);
  padding: clamp(24px, 1.875vw, 30px) 0 0.3rem;
}
.sidebar:not(.sidebar--side) {
  position: absolute;
}
.sidebar:not(.sidebar--side).sidebar--lt {
  left: 0;
  top: 0;
}
.sidebar:not(.sidebar--side).sidebar--lb {
  left: 0;
  bottom: 0;
}
.sidebar:not(.sidebar--side).sidebar--rt {
  right: 0;
  top: 0;
}
.sidebar:not(.sidebar--side).sidebar--rb {
  right: 0;
  bottom: 0;
}
.sidebar--side.sidebar--lt {
  position: fixed;
  top: 0;
  margin-left: -248px;
}
.sidebar--side.sidebar--lb {
  position: fixed;
  bottom: 0;
  margin-left: -248px;
}
.sidebar--side.sidebar--rt {
  position: fixed;
  top: 0;
  margin-left: 360px;
}
.sidebar--side.sidebar--rb {
  position: fixed;
  bottom: 0;
  margin-left: 360px;
}
.sidebar .logo--side {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
}
.sidebar .logo--side img {
  height: clamp(32px, 2.5vw, 40px);
  aspect-ratio: 155/40;
  -o-object-fit: contain;
     object-fit: contain;
}
.sidebar__schedule {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 0.5rem;
  font-size: clamp(1.2rem, 0.875vw, 1.4rem);
  line-height: calc(1em + 0.6rem);
  letter-spacing: 0.05em;
}
.sidebar__schedule li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebar__schedule li > span {
  display: block;
}
.sidebar__schedule .label {
  border-right: solid 1px var(--color-white);
  padding-right: 1rem;
  margin-right: 1rem;
}
.sidebar__tel {
  font-size: clamp(2rem, 1.5625vw, 2.5rem);
}
.sidebar__tel::before {
  width: 0.6em;
}
.sidebar__sns {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.sidebar__sns li {
  width: clamp(29px, 2vw, 32px);
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
}
.sidebar__sns li a {
  display: block;
  transition: all 0.3s ease-out;
}
.sidebar__sns li a:hover {
  opacity: 0.72;
}
.sidebar__address {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  font-size: clamp(1.2rem, 0.875vw, 1.4rem);
  line-height: calc(1em + 1.1rem);
  letter-spacing: 0.05em;
}
.sidebar__address::before {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 10/13;
  background: url(../img/common/icon_map.png) no-repeat center/contain;
  flex-shrink: 0;
}
.sidebar__address p {
  margin-block: calc((1em - 1lh) / 2);
}
.sidebar__address p span {
  display: block;
}
.sidebar__mail {
  width: calc(100% - 2rem);
  height: clamp(40px, 3.125vw, 50px);
  font-size: clamp(1.4rem, 1vw, 1.6rem);
}
.sidebar__mail::after {
  width: clamp(8px, 0.625vw, 10px);
  right: 1.8rem;
}

/* サイドメニュー
-----------------------------*/
.gnav {
  width: 100%;
  border-block: solid 1px var(--color-white);
  padding-block: clamp(20px, 1.5vw, 24px);
}
.gnav__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: clamp(20px, 1.5vw, 24px);
  padding-inline: 1rem;
}
.gnav__item {
  width: 100%;
}
.gnav__link {
  display: block;
  font-size: clamp(1.4rem, 1vw, 1.6rem);
  line-height: 2;
  margin-block: calc((1em - 1lh) / 2);
  transition: all 0.12s ease-out;
}
.gnav__link:hover, .gnav__link.current {
  color: var(--color-red);
}

/* メインコンテンツ設定
-----------------------------*/
.main-container {
  width: 375px;
  position: absolute;
  top: 0;
  min-height: 100vh;
  color: var(--color-white);
  background: var(--color-bg-black);
  margin: 0 0 0 auto;
}
.main-container--right {
  right: 0;
}
.main-container--center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

/*===============================================
  header
===============================================*/
#header .header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*===============================================
  footer
===============================================*/
/*フッターナビ
-----------------------------*/
/*コピーライト
-----------------------------*/
/*===============================================
  fixed固定
===============================================*/
/*ページトップ
-----------------------------*/
#pagetop {
  bottom: 1rem;
  right: 1rem;
}

/*===============================================
  visual
===============================================*/
/*共通
-----------------------------*/
/*メインビジュアル
-----------------------------*/
/*サブビジュアル
-----------------------------*/
/*===============================================
  main共通
===============================================*/
/*電話番号
-----------------------------*/
/*ボタン
-----------------------------*/
/*テーブル
-----------------------------*/
/*テキストボックス
-----------------------------*/
/*===============================================
  タイトル
===============================================*/
/*大タイトル
-----------------------------*/
.com-title01 > span.line::before, .com-title01 > span.line::after {
  width: calc(18.75rem - 50%);
}
.com-title01--left > span.line::after {
  width: calc(35.5rem - 100%);
}

/*中タイトル
-----------------------------*/
/*小タイトル
-----------------------------*/
/*===============================================
  トップページ
===============================================*/
/*柏の夜を彩る 大人のダーツバー
-----------------------------*/
/*当店が選ばれる理由
-----------------------------*/
/*設備紹介
-----------------------------*/
/*アミューズメント機もございます！
-----------------------------*/
/*システム
-----------------------------*/
/*アクセス
-----------------------------*/
/*グーグルマップ
-----------------------------*/
/*===============================================
  システム
===============================================*/
/*初心者の方も大歓迎
-----------------------------*/
/*おすすめのシチュエーション
-----------------------------*/
/*===============================================
  設備紹介
===============================================*/
/*ダーツマシーン
-----------------------------*/
/*アミューズメント機械
-----------------------------*/
/*ギャラリー
-----------------------------*/
/*===============================================
  フード・ドリンクメニュー
===============================================*/
/*ドリンクメニュー/フードメニュー
-----------------------------*/
/*===============================================
  アクセス・店舗情報
===============================================*/
/*店舗概要
-----------------------------*/
/*==================================================
 お問い合わせ
================================================== */
/*==================================================
 お問い合わせ完了
================================================== */
/*===============================================
  プライバシーポリシー
===============================================*/
/*==================================================
 サイトマップ
================================================== */
/*===============================================
  404エラー
===============================================*/
/*===============================================
  パンくずリスト
===============================================*/
/*===============================================
  ページネーション
===============================================*/
/*===============================================
  詳細ページ前後
===============================================*/