/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2026 | 21:49:31 */
/*--------------------------*/
/*ヘッダー*/
/*--------------------------*/
@media (min-width: 960px) {
    .-series .l-header__inner {
        padding: 0;
        max-width: 100%;
    }
	    .-series .l-header__logo {
        margin-right: 0;
        padding: 0;
	        margin-left: 0;
        width: 100%;
    }
}
/*追従設定*/
@media (min-width: 960px) {
header#header {
    position: sticky;
    top: 0;
}
	.c-gnav>.menu-item>a .ttl {
    font-size: 16px;
    padding: 0 0.5em;
}
	.c-gnav>.menu-item>a{
     padding: 0px 8px;}
}
/*ここから*/
@media (min-width: 960px) {
	.-parallel .l-header__logo {
		flex: 0 0 340px;
	}

	.l-header.-parallel .w-header {
		flex: 1;
		display: flex;
		justify-content: flex-end;
		margin-right:3.2em;
	}
}
@media not all and (min-width: 960px) {
    .l-header__logo {
        padding: 0;
    }
	.-img .c-headLogo__link {
        padding:0;
    }
}
/*  zest.ballroomdance.tokyo@gmail.com*/
.header_tel{
line-height:1.1;
min-width: 168px;
margin: 0 0.5em 0 0;
}
@media (max-width: 1200px) and (min-width: 960px) {
    .c-gnav > .menu-item > a .ttl {
        font-size: clamp(14px, 1.4vw, 16px);
    }
}
/*オンラインショップ*/
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-432{
	background:#fff;
	color:#000;
	height:auto;
	border-radius:3px;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
	transition:.3s;
    margin: 2.3em 7px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-432:hover{
	opacity:0.85;
	transition:.3s;
}
.c-gnav .menu-item-432 a::after{
	background:none;
}
/*スマホ開閉メニュー内オンラインショップボタン*/
.ec_btn a{
	background:#fff;
	color:#2E2E2E;
	    box-shadow: 0 4px 0 rgba(0,0,0,.16);
}
/*--------------------------*/
/*メニュー横矢印*/
/*--------------------------*/
.c-gnav .sub-menu a:before, .c-listMenu a:before {
    color: inherit;
    content: "\e921";
    display: inline-block;
    left: 0px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}
/* サブメニュー */
.c-gnav .sub-menu{
    background:#fff;
    color:#333;
    border-radius:12px;
    width:220px;
    box-shadow:
        0 10px 30px rgba(0,0,0,.08);
    padding:10px 0;

    opacity:0;
    visibility:hidden;
    transform:translateX(-50%) translateY(10px);
    transition:.3s;
}

/* hover時表示 */
.c-gnav>.menu-item:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

/* 背景の疑似要素削除 */
.c-gnav .sub-menu:before{
    display:none;
}

/* メニュー */
.c-gnav .sub-menu li{
    list-style:none;
}

/* リンク */
.c-gnav .sub-menu a{
    color:#333;
    padding:14px 20px;
    display:flex;
    align-items:center;
    transition:.25s;
    border-radius:8px;
    margin:0 8px;
}

/* 左アイコン */
.c-gnav .sub-menu a:before{
    content:"";
    width:6px;
    height:6px;
    background:var(--color_main);
    border-radius:50%;
    margin-right:12px;
}

/* ホバー */
.c-gnav .sub-menu a:hover{
    background:#f5f7fb;
    color:var(--color_main);
}
/* ▼ サブメニューを持つ親メニューのみに矢印を表示 */
.menu-item-has-children a > .ttl {
  position: relative;
  padding-right: 0em;
}
.menu-item-has-children > a >.ttl::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
	right: -10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8em;
  color: currentColor;
  pointer-events: none;
font-size: 11px;
}
.menu-item-has-children:hover a > .ttl::after {
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
.l-fixHeader__gnav .menu-item-has-children > a >.ttl::after {
    top: 50%;
}
/* =========================================================
   スマホ ナビゲーション設定（アプリグリッド風）
========================================================= */
.c-iconBtn__icon.icon-menu-thin {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
}

/* 9ドット風 */
.c-iconBtn__icon.icon-menu-thin::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;

  box-shadow:
    10px 0 #fff,
    20px 0 #fff,

    0 10px #fff,
    10px 10px #fff,
    20px 10px #fff,

    0 20px #fff,
    10px 20px #fff,
    20px 20px #fff;
}

.l-header__customBtn, .l-header__menuBtn {
width: 90px;
}
/*--------- 開閉メニュー：ズームイン --*/
.p-spMenu__inner {
  --color_menu_text: #000000;
  --color_menu_bg: #ffffff;
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
}

.p-spMenu__overlay {
  background: rgba(0, 0, 0, .25);
}

.-right .p-spMenu__inner {
  transform: scale(.94);
  opacity: 0;
  transition:
    opacity .35s ease,
    transform .45s cubic-bezier(.22, 1, .36, 1);
}

[data-spmenu=opened] .p-spMenu__inner {
  transform: scale(1);
  opacity: 1;
}
.p-spMenu__inner::before {
	background: linear-gradient(
		180deg,
		#670003 0%,
		#8c0a11 50%,
		#4b0002 100%
	);
	opacity: 1;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
/*--------------------------*/
/*フッター*/
/*--------------------------*/
#nav_menu-2 ul {
    display: flex;
    flex-wrap: wrap;
    font-size:13px;
}
#nav_menu-2 li {
    width: calc(94% / 3);
    margin: 0 1%;
}
.w-footer__box .c-listMenu a{
	border-bottom:none;
}
@media (max-width: 1443px) {
.l-footer__inner{
padding-bottom:120px;	
}
}
@media (max-width: 599px) {
#nav_menu-2 li {
    width: calc(94% / 2);
}
}