@charset "UTF-8";
:root{
	/* color */
	--color-freedom: #009dbd;
	--color-zero: #e84870;

	/* font */
	--font-futura: "futura-pt", sans-serif;

	/* size */
	--vw-min: 1200;
	--vh-min: 768;
	--max-percent: 1.4056;
}
@media screen and (max-width:768px){
	:root{
		/* size */
		--vw-min: 375;
		--vh-min: 657;
		--max-percent: 2;
	}
}
/*-----------------------------------------------------------------
 * sub page common: in-page anchors
-----------------------------------------------------------------*/
.sub__inanchors {
  display: flex;
  justify-content: center;
  padding-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
  gap: min(calc(10 / var(--vw-min) * 100vw), 10px);
}

.sub__inanchor {
  width: min(calc(200 / var(--vw-min) * 100vw), 200px);
}

@media screen and (max-width: 768px) {
  .sub__inanchors{
    flex-wrap: wrap;
    padding: 0 calc(16 / var(--vw-min) * 100vw);
  }
  .sub__inanchor {
    width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 2);
  }
}

.sub__inanchor a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  text-decoration: none;
  height: min(calc(40 / var(--vw-min) * 100vw), 40px);
  width: 100%;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: 1px solid #000;
  font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
  position: relative;
}

.sub__inanchor a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(6 / var(--vw-min) * 100vw), 6px) 0 min(calc(6 / var(--vw-min) * 100vw), 6px);
  border-color: #000 transparent transparent transparent;
}

@media screen and (max-width: 768px) {
  .sub__inanchor a {
    font-size: calc(12 / var(--vw-min) * 100vw);
    height: calc(30 / var(--vw-min) * 100vw);
    margin-bottom: calc(8 / var(--vw-min) * 100vw);
  }

  .sub__inanchor a::after {
    border-width: max(2.1333333333vw, 8px) max(1.6vw, 6px) 0 max(1.6vw, 6px);
  }
}

@media screen and (hover: hover) {
  .sub__inanchor a:hover {
    background: #FFF;
    color: var(--color-freedom);
  }
}

/*-----------------------------------------------------------------
 * sub page common: series switch tabs
-----------------------------------------------------------------*/
.sub__seriesTabs {
  width: 100%;
  background-color: #000;
  margin: min(calc(80 / var(--vw-min) * 100vw), 80px) auto 0;
  padding: 0 min(calc(80 / var(--vw-min) * 100vw), 80px);
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .sub__seriesTabs {
    margin-top: calc(20 / var(--vw-min) * 100vw);
    padding: 0 calc(40 / var(--vw-min) * 100vw);
  }
}

.sub__seriesTabs__list {
  display: flex;
  width: 100%;
  border: 1px solid #000;
  border-bottom: none;
}

.sub__seriesTabs__item {
  flex: 1;
  min-width: 0;
}

.sub__seriesTabs__item:not(:first-child) {
  border-left: 1px solid #000;
}

.sub__seriesTabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min(calc(56 / var(--vw-min) * 100vw), 56px);
  background: #000;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media screen and (max-width: 768px) {
  .sub__seriesTabs__link {
    min-height: calc(44 / var(--vw-min) * 100vw);
    padding: calc(10 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
    font-size: calc(16 / var(--vw-min) * 100vw);
    line-height: 1;
  }
}

.sub__seriesTabs__item.is-current .sub__seriesTabs__link {
  background: #FFF;
  color: var(--color-freedom);
}

@media screen and (hover: hover) {
  .sub__seriesTabs__item:not(.is-current) a.sub__seriesTabs__link:hover {
    background: #FFF;
    color: var(--color-freedom);
  }
}

/*-----------------------------------------------------------------
 * sub page common: in-page content tabs（横並び・斜めなし）
-----------------------------------------------------------------*/
.sub__pageTabs {
  width: 100%;
  margin: min(calc(80 / var(--vw-min) * 100vw), 80px) auto 0;
  padding: 0 min(calc(80 / var(--vw-min) * 100vw), 80px);
}

@media screen and (max-width: 768px) {
  .sub__pageTabs {
    padding: 0 4.2666666667vw;
    margin-top: calc(40 / var(--vw-min) * 100vw);
  }
}

.sub__pageTabs__list {
  display: flex;
  width: 100%;
  border: 1px solid #000;
  border-bottom: none;
}

.sub__pageTabs__item {
  flex: 1;
  min-width: 0;
}

.sub__pageTabs__item:not(:first-child) {
  border-left: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .sub__pageTabs__list{
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
  }
  .sub__pageTabs__item {
    flex: unset;
    width:100%;
    border-left: none!important;
  }
}

.sub__pageTabs__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: min(calc(56 / var(--vw-min) * 100vw), 56px);
  background: #000;
  color: #FFF;
  border: none;
  cursor: pointer;
  text-align: center;
  font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
  line-height: 1;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media screen and (max-width: 768px) {
  .sub__pageTabs__btn {
    min-height:calc(40 / var(--vw-min) * 100vw);
    padding: 10px 4px;
    font-size: calc(14 / var(--vw-min) * 100vw);
    height: 100%;
  }
}

.sub__pageTabs__item.is-active .sub__pageTabs__btn {
  background: #FFF;
  color: var(--color-freedom);
  pointer-events: none;
}

@media screen and (hover: hover) {
  .sub__pageTabs__item:not(.is-active) .sub__pageTabs__btn:hover {
    background: #FFF;
    color: var(--color-freedom);
  }
}

.sub__tabPanels {
  width: 100%;
  margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}

@media screen and (max-width: 768px) {
  .sub__tabPanels {
    margin-top: calc(40 / var(--vw-min) * 100vw);
  }
}

.music__staytuned,
.gallery__staytuned,
.product__staytuned{
  font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
  text-align: center;
  padding: min(calc(200 / var(--vw-min) * 100vw), 200px) 0 min(calc(100 / var(--vw-min) * 100vw), 100px);
  font-weight: 700;
  font-family: var(--font-futura);
}