@charset "utf-8";
/*-----------------------------------------------
 * common
 * fv
 * visual
 * lineup
 * about
 * stage
 * booth
 * goods
 * footer
-------------------------------------------------*/
/*-----------------------------------------------
 * common
-------------------------------------------------*/
:root {
	--vw-min: 1200;

	/** color **/
	--color-main: #ed6801;

	/** フォント **/
	--font-zen: "Zen Kurenaido", sans-serif;
	--font-sans: "Noto Sans JP", sans-serif;
}
@media screen and (max-width:768px) {
	:root {
		--vw-min: 750;
	}
}
body {
	font-family: var(--font-sans);
}
#fullWrap {
	overflow: hidden;
}
/**
* titles
**/
.article__tit {
	width: min(calc(1090 / var(--vw-min) * 100vw),1090px);
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
    align-items: center;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.article__tit {
		width: min(calc(686 / var(--vw-min) * 100vw),686px);
	}
}
@media screen and (min-width:769px){
	.about .article__tit,
	.goods .article__tit {
		width: unset;
		position: absolute;
		align-items: unset;
	}
	.about .article__tit {
		top: min(calc(277 / var(--vw-min) * 100vw),277px);
		right: min(calc(32 / var(--vw-min) * 100vw),32px);
	}
	.goods .article__tit {
		top: min(calc(284 / var(--vw-min) * 100vw),284px);
		left: min(calc(32 / var(--vw-min) * 100vw),32px);
	}
}
/**
* en
**/
.article__tit-en {
	height: min(calc(59 / var(--vw-min) * 100vw),59px);
	position: relative;
	z-index: 1;
	display: inline-block;
}
@media screen and (max-width:768px){
	.article__tit-en {
		height: calc(77 / var(--vw-min) * 100vw);
	}
}
.about .article__tit-en {
	width: min(calc(182 / var(--vw-min) * 100vw),182px);
	-webkit-mask: url(../img/jf2026/tit/tit_about-en.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_about-en.svg)no-repeat center/contain;
	background-color: var(--color-main);
}
.stage .article__tit-en {
	width: min(calc(169 / var(--vw-min) * 100vw),169px);
	background: url(../img/jf2026/tit/tit_stage-en.svg)no-repeat center/contain;
}
.booth .article__tit-en {
	width: min(calc(655 / var(--vw-min) * 100vw),655px);
	background: url(../img/jf2026/tit/tit_booth-en.svg)no-repeat center/contain;
}
.goods .article__tit-en {
	width: min(calc(182 / var(--vw-min) * 100vw),182px);
	-webkit-mask: url(../img/jf2026/tit/tit_goods-en.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_goods-en.svg)no-repeat center/contain;
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.about .article__tit-en {
		width: calc(232 / var(--vw-min) * 100vw);
	}
	.stage .article__tit-en {
		width: calc(220 / var(--vw-min) * 100vw);
	}
	.booth .article__tit-en {
		width: calc(594 / var(--vw-min) * 100vw);
		height: calc(158 / var(--vw-min) * 100vw);
		background: url(../img/jf2026/tit/tit_booth-en-s.svg)no-repeat center/contain;
	}
	.goods .article__tit-en {
		width: calc(234 / var(--vw-min) * 100vw);
	}
}
/**
* ja
**/
.article__tit-ja {
	height: min(calc(19 / var(--vw-min) * 100vw),19px);
	position: relative;
	margin-top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.article__tit-ja {
		height: calc(24 / var(--vw-min) * 100vw);
	}
}
.about .article__tit-ja {
	width: min(calc(47 / var(--vw-min) * 100vw),47px);
	-webkit-mask: url(../img/jf2026/tit/tit_about-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_about-ja.svg)no-repeat center/contain;
	background-color: #000;
}
.stage .article__tit-ja {
	width: min(calc(84 / var(--vw-min) * 100vw),84px);
	-webkit-mask: url(../img/jf2026/tit/tit_stage-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_stage-ja.svg)no-repeat center/contain;
	background-color: #000;
}
.booth .article__tit-ja {
	width: min(calc(157 / var(--vw-min) * 100vw),157px);
	-webkit-mask: url(../img/jf2026/tit/tit_booth-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_booth-ja.svg)no-repeat center/contain;
	background-color: var(--color-main);
}
.goods .article__tit-ja {
	width: min(calc(94 / var(--vw-min) * 100vw),94px);
	-webkit-mask: url(../img/jf2026/tit/tit_goods-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_goods-ja.svg)no-repeat center/contain;
	background-color: #000;
}
@media screen and (max-width:768px){
	.about .article__tit-ja {
		width: calc(57 / var(--vw-min) * 100vw);
	}
	.stage .article__tit-ja {
		width: calc(114 / var(--vw-min) * 100vw);
	}
	.booth .article__tit-ja {
		width: calc(189 / var(--vw-min) * 100vw);
	}
	.goods .article__tit-ja {
		width: calc(111 / var(--vw-min) * 100vw);
	}
}
.article__tit-line {
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
	top: min(calc(30 / var(--vw-min) * 100vw),30px);
	background-color: #000;
}
@media screen and (max-width:768px){
	.article__tit-line {
		height: calc(2 / var(--vw-min) * 100vw);
		top: calc(37 / var(--vw-min) * 100vw);
	}
}
.article__tit-line::before,
.article__tit-line::after {
	content: "";
	width: min(calc(7 / var(--vw-min) * 100vw),7px);
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	background-color: #000;
}
@media screen and (max-width:768px){
	.article__tit-line::before,
	.article__tit-line::after {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
.article__tit-line::before {
	left: 0;
}
.article__tit-line::after {
	right: 0;
}
.booth .article__tit-line,
.booth .article__tit-line::before,
.booth .article__tit-line::after {
	background-color: var(--color-main);
}
/**
* board
**/
.deco__board {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	pointer-events: none;
}
.deco__board.--tb::before,
.deco__board.--tb::after {
	content: "";
	width: 100%;
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: block;
	position: absolute;
	background: url(../img/jf2026/deco_board-tb.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__board.--tb::before,
	.deco__board.--tb::after  {
		height: calc(24 / var(--vw-min) * 100vw);
	}
}
.deco__board.--tb::before {
	top: 0;
}
.deco__board.--tb::after {
	bottom: 0;
	transform: scale(1,-1);
}
.deco__board.--lr::before,
.deco__board.--lr::after{
	content: "";
	width: min(calc(14 / var(--vw-min) * 100vw),14px);
	height: calc(100% - min(calc(48 / var(--vw-min) * 100vw),48px));
	display: block;
	position: absolute;
	top:min(calc(24 / var(--vw-min) * 100vw),24px);
	background: url(../img/jf2026/deco_board-lr.png)repeat-y top/min(calc(14 / var(--vw-min) * 100vw),14px) min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.deco__board.--lr::before,
	.deco__board.--lr::after {
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(100% - calc(44 / var(--vw-min) * 100vw));
		top: calc(24 / var(--vw-min) * 100vw);
		background-size: calc(14 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
	}
}
.deco__board.--lr::before {
	left: 0;
}
.deco__board.--lr::after {
	right: 0;
	transform: scale(-1,1);
}
/*-----------------------------------------------
 * fv
-------------------------------------------------*/
.fv {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.fv {
		height: calc(448 / var(--vw-min) * 100vw);
	}
}
.fvWrap {
	position: relative;
}
.fvCont {
	width: calc(1100 / var(--vw-min) * 100vw);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.fvCont {
		width: calc(686 / var(--vw-min) * 100vw);
	}
}
/**
* left / right
**/
.fv__left,
.fv__right {
	width: calc(240 / var(--vw-min) * 100vw);
	height: calc(240 / var(--vw-min) * 100vw);
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
}
@media screen and (max-width:768px){
	.fv__left,
	.fv__right {
		width: calc(150 / var(--vw-min) * 100vw);
		height: calc(150 / var(--vw-min) * 100vw);
	}
}
.fv__left {
	background-color: #000;
}
.fv__right {
	background-color: #fff;
}
.fv__left img,
.fv__right img {
	width: 100%;
	pointer-events: none;
}
.fv__l-logo {
	width: calc(184 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__l-logo {
		width: calc(115 / var(--vw-min) * 100vw);
	}
}
.fv__r-festaLogo {
	width: calc(188 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__r-festaLogo {
		width: calc(118 / var(--vw-min) * 100vw);
	}
}
/**
* center
**/
.fv__center {
	width: calc(520 / var(--vw-min) * 100vw);
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.fv__center {
		width: calc(325 / var(--vw-min) * 100vw);
	}
}
.fv__center img {
	width: 100%;
	pointer-events: none;
}
.fv__tit {
	width: 100%;
	margin-bottom: calc(10 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__tit {
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
}
.fv__festa {
	width: 100%;
	background-color: #000;
	margin-bottom: calc(15 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__festa {
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
	}
}
.fv__event {
	display: flex;
	align-items: center;
}
.fv__mainYear {
	width: calc(291 / var(--vw-min) * 100vw);
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.fv__mainYear {
		width: calc(182 / var(--vw-min) * 100vw);
	}
}
.fv__period {
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(18 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__period {
		margin-left: calc(10 / var(--vw-min) * 100vw);
	}
}
.fv__periodYear {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.fv__subYear {
	width: calc(92 / var(--vw-min) * 100vw);
	margin-bottom: calc(7 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__subYear {
		width: calc(58 / var(--vw-min) * 100vw);
		margin-bottom: calc(4 / var(--vw-min) * 100vw);
	}
}
.fv__festaLogo {
	width: calc(108 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__festaLogo {
		width: calc(68 / var(--vw-min) * 100vw);
	}
}
.fv__date {
	width: calc(103 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__date {
		width: calc(62 / var(--vw-min) * 100vw);
	}
}
.fv__place {
	width: calc(213 / var(--vw-min) * 100vw);
	margin-top: calc(4 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__place {
		width: calc(133 / var(--vw-min) * 100vw);
		margin-top: calc(2 / var(--vw-min) * 100vw);
	}
}
/**
* scroll
**/
@media screen and (min-width:769px){
	.scrollDown {
		position: absolute;
		right: 0;
		bottom: calc(-70 / var(--vw-min) * 100vw);
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	.scrollDownLink {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(84 / var(--vw-min) * 100vw);
		display: block;
		position: relative;
		transition: .3s ease;
	}
	.scrollDownLink::before {
		content: "";
		width: calc(1 / var(--vw-min) * 100vw);
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #000;
	}
	.scrollDownLink::after {
		content: "";
		width: min(calc(12 / var(--vw-min) * 100vw),12px);
		height: min(calc(12 / var(--vw-min) * 100vw),12px);
		display: block;
		border-radius: 50%;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		background-color: #000;
		animation: scrollDown 2s ease-in-out infinite;
	}
	@media (hover: hover) and (pointer: fine){
		.scrollDownLink:hover {
			transform: translateY(min(calc(10 / var(--vw-min) * 100vw),10px))!important;
		}
	}
}
.fv__contDeco {
	width: calc(761 / var(--vw-min) * 100vw);
	height: calc(355 / var(--vw-min) * 100vw);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	inset: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.fv__contDeco {
		width: calc(475 / var(--vw-min) * 100vw);
		height: calc(222 / var(--vw-min) * 100vw);
	}
}
.fv__contDeco span {
	width: calc(837 / var(--vw-min) * 100vw);
	height: calc(1 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-image: linear-gradient(#000,#000);
	background-size: 0% 100%;
	transition: background-size .6s ease;
}
@media screen and (max-width:768px){
	.fv__contDeco span {
		width: calc(524 / var(--vw-min) * 100vw);
		height: calc(1 / var(--vw-min) * 100vw);
	}
}
.fv__contDeco span:nth-child(1) {
	transform: rotate(155deg);
	background-position: left bottom;
}
.fv__contDeco span:nth-child(2) {
	transform: rotate(-155deg);
	background-position: right bottom;
}
/**
* アニメーション
**/
/* --- 共通アニメ（フェード＋ぼかし） --- */
.fv-ani {
  opacity: 0;
  filter: blur(4px);
  transition: opacity .4s ease, filter .4s ease;
}
.fv-ani.show {
  opacity: 1;
  filter: blur(0);
}

/* --- 1: タイトル --- */
.fv__tit.show {
  animation: titIn .5s ease forwards;
}
@keyframes titIn {
  0%   { opacity:0; transform:translateY(100px); }
  100% { opacity:1; transform:translateY(0); }
}
/* --- 2: FESTA（横伸び） --- */
.fv__festa {
  transform-origin: left center;
  transform: translateX(100px);
}
.fv__festa.show {
  animation: festaIn .6s cubic-bezier(.25,.8,.25,1) forwards;
}
@keyframes festaIn {
  0%   { opacity:0; transform: translateX(100px); }
  100% { opacity:1; transform: translateX(0) }
}
/* --- 3: メイン年号 --- */
.fv__mainYear.show {
  animation: swingIn .6s ease-out forwards;
}
@keyframes swingIn {
  0% { opacity:0; transform:translateY(30px) rotate(-4deg); }
  60% { opacity:1; transform:translateY(-5px) rotate(1deg); }
  100% { opacity:1; transform:translateY(0) rotate(0); }
}
/* --- 4: period --- */
.fv__period.show {
  animation: periodIn .6s ease forwards;
}
@keyframes periodIn {
  0%   { opacity:0; letter-spacing:0.2em; transform:translateY(20px); }
  100% { opacity:1; letter-spacing:0.02em; transform:translateY(0); }
}
/* --- 5: 左右丸ロゴ --- */
.fv__circle {
  transform: scale(0.6) rotate(-40deg);
}
.fv__circle.show {
  animation: popSpin .6s cubic-bezier(.21,1,.34,1) forwards;
}
@keyframes popSpin {
  0%   { opacity:0; transform:scale(0.6) rotate(-40deg); }
  80%  { transform:scale(1.05) rotate(10deg); }
  100% { opacity:1; transform:scale(1) rotate(0); }
}
/* --- 6: バツ線 --- */
.fv__contDeco {
  opacity: 0;
}
.fv__contDeco.show {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.fv__contDeco.show span:nth-child(1),
.fv__contDeco.show span:nth-child(2) {
  background-size: 100% 100%; 
}
/* --- 7: scrollDown --- */
.scrollDown {
  opacity:0;
  transform: translateY(10px);
}
.scrollDown.show {
  animation: scrollFade .7s ease forwards;
}
@keyframes scrollFade {
  0% { opacity:0; transform:translateY(10px); }
  100% { opacity:1; transform:translateY(0); }
}
/*-----------------------------------------------
 * visual
-------------------------------------------------*/
.visual {
	width: 100%;
}
.visual__img img {
	width: 100%;
	pointer-events: none;
}
/*-----------------------------------------------
 * lineup
-------------------------------------------------*/
.lineup {
	position: relative;
}
.lineup__head {
	position: relative;
	padding: min(calc(110 / var(--vw-min) * 100vw),110px) 0;
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.lineup__head {
		padding: calc(110 / var(--vw-min) * 100vw) 0;
	}
}
.lineup__catch {
	width: min(calc(641 / var(--vw-min) * 100vw),641px);
	margin: min(calc(30 / var(--vw-min) * 100vw),30px) auto 0;
}
@media screen and (max-width:768px){
	.lineup__catch {
		width: calc(686 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.lineup__catch img {
	width: 100%;
	pointer-events: none;
}
.lineup__navWrap {
	width: calc(1090 / var(--vw-min) * 100vw);
	position: relative;
	margin: min(calc(30 / var(--vw-min) * 100vw),30px) auto;
}
@media screen and (max-width:768px){
	.lineup__navWrap {
		width: 100%;
		padding: 0 calc(30 / var(--vw-min) * 100vw);
		margin: calc(40 / var(--vw-min) * 100vw) 0;
	}
}
.lineup__navLists {
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(15 / var(--vw-min) * 100vw),15px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.lineup__navLists {
		width: 100%;
		gap: calc(20 / var(--vw-min) * 100vw);
	}
}
.lineup__navItem {
	width: calc((100% - min(calc(45 / var(--vw-min) * 100vw),45px)) / 4);
}
@media screen and (max-width:768px){
	.lineup__navItem {
		width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 2);
	}
}
.lineup__navLink {
	width: 100%;
	padding-top: 133%;/*320*/
	position: relative;
	display: block;
	background-color: #000;
}
@media screen and (max-width:768px){
	.lineup__navLink {
		padding-top: 56.1561%;
	}
}
.lineup__navTit {
	position: absolute;
	inset: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	margin-top: min(calc(140 / var(--vw-min) * 100vw),140px);
}
@media screen and (max-width:768px){
	.lineup__navTit {
		margin-top: calc(37 / var(--vw-min) * 100vw);
	}
}
/**
* en
**/
.lineup__navTit-en {
	height: min(calc(41 / var(--vw-min) * 100vw),41px);
	display: block;
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.lineup__navTit-en {
		height: calc(54 / var(--vw-min) * 100vw);
	}
}
.n-about .lineup__navTit-en {
	width: min(calc(131 / var(--vw-min) * 100vw),131px);
	-webkit-mask: url(../img/jf2026/tit/tit_about-en.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_about-en.svg)no-repeat center/contain;
}
.n-stage .lineup__navTit-en {
	width: min(calc(119 / var(--vw-min) * 100vw),119px);
	-webkit-mask: url(../img/jf2026/tit/nav_stage-en.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/nav_stage-en.svg)no-repeat center/contain;
}
.n-booth .lineup__navTit-en {
	width: min(calc(128 / var(--vw-min) * 100vw),128px);
	-webkit-mask: url(../img/jf2026/tit/nav_booth-en.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/nav_booth-en.svg)no-repeat center/contain;
}
.n-goods .lineup__navTit-en {
	width: min(calc(132 / var(--vw-min) * 100vw),132px);
	-webkit-mask: url(../img/jf2026/tit/tit_goods-en.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_goods-en.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.n-about .lineup__navTit-en {
		width: calc(167 / var(--vw-min) * 100vw);
	}
	.n-stage .lineup__navTit-en {
		width: calc(153 / var(--vw-min) * 100vw);
	}
	.n-booth .lineup__navTit-en {
		width: calc(165 / var(--vw-min) * 100vw);
	}
	.n-goods .lineup__navTit-en {
		width: calc(169 / var(--vw-min) * 100vw);
	}
}
/**
* ja
**/
.lineup__navTit-ja {
	display: block;
	background-color: #fff;
	margin-top: min(calc(9 / var(--vw-min) * 100vw),9px);
}
@media screen and (max-width:768px){
	.lineup__navTit-ja {
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
}
.n-about .lineup__navTit-ja {
	width: min(calc(43 / var(--vw-min) * 100vw),43px);
	height: min(calc(18 / var(--vw-min) * 100vw),18px);
	-webkit-mask: url(../img/jf2026/tit/tit_about-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_about-ja.svg)no-repeat center/contain;
}
.n-stage .lineup__navTit-ja {
	width: min(calc(84 / var(--vw-min) * 100vw),84px);
	height: min(calc(18 / var(--vw-min) * 100vw),18px);
	-webkit-mask: url(../img/jf2026/tit/tit_stage-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_stage-ja.svg)no-repeat center/contain;
}
.n-booth .lineup__navTit-ja {
	width: min(calc(112 / var(--vw-min) * 100vw),112px);
	height: min(calc(41 / var(--vw-min) * 100vw),41px);
	-webkit-mask: url(../img/jf2026/tit/nav_booth-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/nav_booth-ja.svg)no-repeat center/contain;
}
.n-goods .lineup__navTit-ja {
	width: min(calc(83 / var(--vw-min) * 100vw),83px);
	height: min(calc(17 / var(--vw-min) * 100vw),17px);
	-webkit-mask: url(../img/jf2026/tit/tit_goods-ja.svg)no-repeat center/contain;
	mask: url(../img/jf2026/tit/tit_goods-ja.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.n-about .lineup__navTit-ja {
		width: calc(58 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
	}
	.n-stage .lineup__navTit-ja {
		width: calc(115 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/jf2026/tit/tit_stage-ja.svg);
		mask-image: url(../img/jf2026/tit/tit_stage-ja.svg);
	}
	.n-booth .lineup__navTit-ja {
		width: calc(189 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/jf2026/tit/tit_booth-ja.svg);
		mask-image: url(../img/jf2026/tit/tit_booth-ja.svg);
	}
	.n-goods .lineup__navTit-ja {
		width: calc(112 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
	}
}
.lineup__navArrow {
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(21 / var(--vw-min) * 100vw),21px);
	display: block;
	position: absolute;
	right: 0;
	bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
	left: 0;
	margin: auto;
	border-radius: 50%;
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.lineup__navArrow {
		width: calc(29 / var(--vw-min) * 100vw);
		height: calc(29 / var(--vw-min) * 100vw);
		bottom: calc(16 / var(--vw-min) * 100vw);
	}
}
.lineup__navArrow::after {
	content: "";
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(6 / var(--vw-min) * 100vw),6px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	transform: rotate(90deg);
	-webkit-mask: url(../img/jf2026/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.lineup__navArrow::after {
		width: calc(6 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}
.lineupSlider {
	width: 100%;
	height: min(calc(110 / var(--vw-min) * 100vw),110px);
	position: absolute;
	background-color: #000;
}
@media screen and (max-width:768px){
	.lineupSlider {
		height: calc(110 / var(--vw-min) * 100vw);
	}
}
.lineupSlider.--top {
	top: 0;
}
.lineupSlider.--bottom {
	bottom: 0;
}
.lineupSlider::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/jf2026/slider_lineup.svg)repeat-x top left/ min(calc(1400 / var(--vw-min) * 100vw),1400px) min(calc(82 / var(--vw-min) * 100vw),82px);
    animation: lineupSlider 30s linear reverse infinite;
}
@media screen and (max-width:768px){
	.lineupSlider::before {
		background-size: calc(1400 / var(--vw-min) * 100vw) calc(82 / var(--vw-min) * 100vw);
	}
}
.lineupSlider.--bottom::before {
	animation-direction: normal;
}
@keyframes lineupSlider{
	0%{
		background-position: 0 center;
	}
	100%{
		background-position: min(calc(1400 / var(--vw-min) * 100vw), 1400px) center;
	}
}
@media screen and (max-width:768px){
	@keyframes lineupSlider{
	0%{
		background-position: 0 center;
	}
	100%{
		background-position: calc(1400 / var(--vw-min) * 100vw) center;
	}
}
}
/*-----------------------------------------------
 * about
-------------------------------------------------*/
.about {
	padding: min(calc(57 / var(--vw-min) * 100vw),57px) 0;
}
@media screen and (max-width:768px){
	.about {
		padding: calc(80 / var(--vw-min) * 100vw) 0;
	}
}
.aboutWrap {
	width: min(100vw,1200px);
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.aboutWrap {
		width: 100%;
	}
	.about .article__tit {
		align-items: flex-start;
		margin-bottom: calc(35 / var(--vw-min) * 100vw);
	}
}
.aboutCont {
	font-family: var(--font-zen);
	width: min(calc(710 / var(--vw-min) * 100vw),710px);
	position: relative;
	border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
	background-image: linear-gradient(140deg, #f6f7f7, #ebebeb);
	margin: 0 auto;
	padding: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.aboutCont {
		width: calc(687 / var(--vw-min) * 100vw);
		border-radius: calc(20 / var(--vw-min) * 100vw);
		padding: calc(70 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw) calc(230 / var(--vw-min) * 100vw);
	}
}
.about__boxlists {
	width: min(calc(470 / var(--vw-min) * 100vw),470px);
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.about__boxlists {
		width: 100%;
	}
}
.about__boxItem {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 500;
	line-height: 1.5556;
	display: flex;
}
@media screen and (max-width:768px){
	.about__boxItem {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.about__boxItem:not(:last-child) {
	margin-bottom: min(calc(35 / var(--vw-min) * 100vw),35px);
}
@media screen and (max-width:768px){
	.about__boxItem:not(:last-child) {
		margin-bottom: calc(45 / var(--vw-min) * 100vw);
	}
}
.about__boxItem.--column {
	flex-direction: column;
}
.about__box-dt {
	color: var(--color-main);
	flex-shrink: 0;
}
.about__boxItem.--column .about__box-dt {
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.about__boxItem.--column .about__box-dt {
		margin-bottom: 0;
	}
}
.about__boxItem:not(.--column) .about__box-dt::after {
	content: "：";
	display: inline-block;
}
.about__cau {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	line-height: 1.4286;
}
@media screen and (max-width:768px){
	.about__cau {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.about__box-dd a {
	color: var(--color-main);
	display: inline-flex;
	align-items: center;
}
.about__box-dd a::after {
	content: "";
	width: min(calc(12 / var(--vw-min) * 100vw),12px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	display: inline-block;
	-webkit-mask: url(../img/jf2026/deco_link.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_link.svg)no-repeat center/contain;
	background-color: var(--color-main);
	margin-left: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.about__box-dd a::after {
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
		margin-left: calc(15 / var(--vw-min) * 100vw);
	}
}
.about__logo {
	width: min(calc(245 / var(--vw-min) * 100vw),245px);
	height: min(calc(121 / var(--vw-min) * 100vw),121px);
	position: absolute;
	right: min(calc(80 / var(--vw-min) * 100vw),80px);
	bottom: min(calc(50 / var(--vw-min) * 100vw),50px);
	background: url(../img/jf2026/jf-logo.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.about__logo {
		width: calc(262 / var(--vw-min) * 100vw);
		height: calc(129 / var(--vw-min) * 100vw);
		right: calc(54 / var(--vw-min) * 100vw);
		bottom: calc(48 / var(--vw-min) * 100vw);
	}
}
/**
* deco
**/
.about__scene {
	position: absolute;
	box-shadow:45px 45px 75px #b2b2b2;
}
.about__scene.--top {
	width: min(calc(234 / var(--vw-min) * 100vw),234px);
	top: min(calc(48 / var(--vw-min) * 100vw),48px);
	right: min(calc(128 / var(--vw-min) * 100vw),128px);
	transform: rotate(-9deg);
}
@media screen and (max-width:768px){
	.about__scene.--top {
		width: calc(280 / var(--vw-min) * 100vw);
		top: calc(6 / var(--vw-min) * 100vw);
		right: calc(106 / var(--vw-min) * 100vw);
	}
}
.about__scene.--bottom {
	width: min(calc(256 / var(--vw-min) * 100vw),256px);
	right: min(calc(38 / var(--vw-min) * 100vw),38px);
	bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
	transform: rotate(11deg);
}
@media screen and (max-width:768px){
	.about__scene.--bottom {
		width: calc(308 / var(--vw-min) * 100vw);
		right: calc(-80 / var(--vw-min) * 100vw);
		bottom: calc(322 / var(--vw-min) * 100vw);
	}
}
.about__scene img {
	width: 100%;
	pointer-events: none;
}
.about__hinata {
	width: min(calc(255 / var(--vw-min) * 100vw),255px);
	height: min(calc(398 / var(--vw-min) * 100vw),398px);
	position: absolute;
	bottom: max(calc(-100 / var(--vw-min) * 100vw),-100px);
	left: min(calc(30 / var(--vw-min) * 100vw),30px);
	background: url(../img/jf2026/hinata.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.about__hinata {
		width: calc(225 / var(--vw-min) * 100vw);
		height: calc(351 / var(--vw-min) * 100vw);
		bottom: calc(-160 / var(--vw-min) * 100vw);
		left: calc(64 / var(--vw-min) * 100vw);
	}
}
.about__court {
	width: min(calc(617 / var(--vw-min) * 100vw),617px);
	height: min(calc(346 / var(--vw-min) * 100vw),346px);
	position: absolute;
	top: 0;
	left: max(calc(-126 / var(--vw-min) * 100vw),-126px);
	z-index: -1;
	-webkit-mask: url(../img/jf2026/deco_court.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_court.svg)no-repeat center/contain;
	background-color: var(--color-main);
	transform: rotate(-15deg);
}
@media screen and (max-width:768px){
	.about__court {
		width: calc(687 / var(--vw-min) * 100vw);
		height: calc(385 / var(--vw-min) * 100vw);
		top: calc(-117 / var(--vw-min) * 100vw);
		right: calc(-256 / var(--vw-min) * 100vw);
		left: unset;
	}
}
/*-----------------------------------------------
 * stage
-------------------------------------------------*/
.stage {
	background-color: var(--color-main);
	padding: min(calc(56 / var(--vw-min) * 100vw),56px) 0 min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.stage {
		padding: calc(80 / var(--vw-min) * 100vw) 0 calc(17 / var(--vw-min) * 100vw);
	}
}
.stage__txt {
	width: min(calc(1090 / var(--vw-min) * 100vw),1090px);
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 700;
	line-height: 1.875;
	text-align: center;
	margin: min(calc(23 / var(--vw-min) * 100vw),23px) auto;
}
@media screen and (max-width:768px){
	.stage__txt {
		font-size: calc(32 / var(--vw-min) * 100vw);
		line-height: 1.5;
		width: 100%;
		padding: 0 calc(58 / var(--vw-min) * 100vw);
		margin: calc(22 / var(--vw-min) * 100vw) auto calc(52 / var(--vw-min) * 100vw);
	}
}
.stage__boxLists {
	width: min(calc(1090 / var(--vw-min) * 100vw),1090px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.stage__boxLists {
		width: calc(686 / var(--vw-min) * 100vw);
	}
}
.stage__boxItem {
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.stage__boxItem {
		margin-bottom: calc(55 / var(--vw-min) * 100vw);
	}
}
.stage__box-dt {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.stage__box-dt-tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-main);
	font-weight: 700;
	line-height: 1.2;
	width: min(calc(70 / var(--vw-min) * 100vw),70px);
	height: min(calc(70 / var(--vw-min) * 100vw),70px);
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #000;
}
@media screen and (max-width:768px){
	.stage__box-dt-tit {
		font-size: calc(32 / var(--vw-min) * 100vw);
		width: calc(120 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
	}
}
.stage__box-dt-line {
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #000;
}
@media screen and (max-width:768px){
	.stage__box-dt-line {
		height: calc(2 / var(--vw-min) * 100vw);
	}
}
.stage__box-dt-line::before,
.stage__box-dt-line::after {
	content: "";
	width: min(calc(7 / var(--vw-min) * 100vw),7px);
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	background-color: #000;
}
@media screen and (max-width:768px){
	.stage__box-dt-line::before,
	.stage__box-dt-line::after {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
.stage__box-dt-line::before {
	left: 0;
}
.stage__box-dt-line::after {
	right: 0;
}
.stage__box-dd {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-top: min(calc(27 / var(--vw-min) * 100vw),27px);
}
@media screen and (max-width:768px){
	.stage__box-dd  {
		font-size: calc(39 / var(--vw-min) * 100vw);
		line-height: 1.6;
		margin-top: calc(18 / var(--vw-min) * 100vw);
	}
	.stage__box-dd .stage__txt {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.stage__castLists {
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.stage__castLists {
		margin-bottom: calc(56 / var(--vw-min) * 100vw);
	}
}
.stage__castItem {
	background-color: #000;
}
.stage__castItem:nth-child(2n) {
	background-color: #fff;
}
.stage__castImg {
	width: min(100vw,1200px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.stage__castImg {
		width: calc(686 / var(--vw-min) * 100vw);
	}
}
.stage__castItem img {
	width: 100%;
	pointer-events: none;
}
/*-----------------------------------------------
 * booth
-------------------------------------------------*/
.booth {
	padding: min(calc(55 / var(--vw-min) * 100vw),55px) 0 min(calc(47 / var(--vw-min) * 100vw),47px);
}
@media screen and (max-width:768px){
	.booth {
		padding: calc(86 / var(--vw-min) * 100vw) 0 calc(78 / var(--vw-min) * 100vw);
	}
}
.booth__img {
	margin-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.booth__img {
		margin-top: calc(35 / var(--vw-min) * 100vw);
	}
}
.booth__img img {
	width: 100%;
	pointer-events: none;
}
.booth__txt {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	margin-top: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.booth__txt {
		font-size: calc(32 / var(--vw-min) * 100vw);
		line-height: 1.5;
		margin-top: calc(40 / var(--vw-min) * 100vw);
		padding: 0 calc(33 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * goods
-------------------------------------------------*/
.goods {
	position: relative;
	padding: min(calc(110 / var(--vw-min) * 100vw),110px) 0 min(calc(65 / var(--vw-min) * 100vw),65px);
}
@media screen and (max-width:768px){
	.goods {
		padding: calc(110 / var(--vw-min) * 100vw) 0 calc(52 / var(--vw-min) * 100vw);
	}
}
.goodsSlider {
	width: 100%;
	height: min(calc(110 / var(--vw-min) * 100vw),110px);
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.goodsSlider {
		height: calc(110 / var(--vw-min) * 100vw);
	}
}
.goodsSlider::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/jf2026/slider_goods.svg)repeat-x top left/ min(calc(1680 / var(--vw-min) * 100vw),1680px) min(calc(82 / var(--vw-min) * 100vw),82px);
    animation: goodsSlider 30s linear reverse infinite;
}
@media screen and (max-width:768px){
	.goodsSlider::before {
		background-size: calc(1680 / var(--vw-min) * 100vw) calc(82 / var(--vw-min) * 100vw);
	}
}
@keyframes goodsSlider{
	0%{
		background-position: 0 center;
	}
	100%{
		background-position:min(calc(1680 / var(--vw-min) * 100vw), 1680px) center;
	}
}
@media screen and (max-width:768px){
	@keyframes goodsSlider{
	0%{
		background-position: 0 center;
	}
	100%{
		background-position:calc(1680 / var(--vw-min) * 100vw) center;
	}
}
}
.goodsWrap {
	width: min(100vw,1200px);
	position: relative;
	margin: 0 auto;
	padding-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.goodsWrap {
		width: 100%;
		padding-top: calc(80 / var(--vw-min) * 100vw);
	}
	.goods .article__tit {
		align-items: flex-start;
		margin-bottom: calc(35 / var(--vw-min) * 100vw);
	}
}
.goodsCont {
	font-family: var(--font-zen);
	width: min(calc(710 / var(--vw-min) * 100vw),710px);
	position: relative;
	border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
	background-image: linear-gradient(140deg, #f6f7f7, #ebebeb);
	margin: 0 auto;
	padding: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.goodsCont {
		width: calc(687 / var(--vw-min) * 100vw);
		border-radius: calc(20 / var(--vw-min) * 100vw);
		padding: calc(70 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw) calc(93 / var(--vw-min) * 100vw);
	}
}
.goods__boxItem:not(:last-child) {
	margin-bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.goods__boxItem:not(:last-child) {
		margin-bottom: calc(38 / var(--vw-min) * 100vw);
	}
}
.goods__box-dt {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	color: var(--color-main);
	line-height: 1.5833;
	text-align: center;
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.goods__box-dt {
		font-size: calc(34 / var(--vw-min) * 100vw);
		margin-bottom: 0;
		text-align: left;
	}
}
.goods__box-dd {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 1.75;
	text-align: center;
}
@media screen and (max-width:768px){
	.goods__box-dd {
		font-size: calc(26 / var(--vw-min) * 100vw);
		text-align: left;
	}
}
.goods__box-dd a {
	color: var(--color-main);
	display: inline-flex;
	align-items: center;
}
.goods__box-dd a::after {
	content: "";
	width: min(calc(12 / var(--vw-min) * 100vw),12px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	display: inline-block;
	-webkit-mask: url(../img/jf2026/deco_link.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_link.svg)no-repeat center/contain;
	background-color: var(--color-main);
	margin-left: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.goods__box-dd a::after {
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
		margin-left: calc(15 / var(--vw-min) * 100vw);
	}
}
/**
* deco
**/
.goods__scene {
	position: absolute;
	box-shadow:45px 45px 75px #b2b2b2;
}
.goods__scene.--top {
	width: min(calc(234 / var(--vw-min) * 100vw),234px);
	top: min(calc(10 / var(--vw-min) * 100vw),10px);
	left: min(calc(78 / var(--vw-min) * 100vw),78px);
	transform: rotate(-9deg);
}
@media screen and (max-width:768px){
	.goods__scene.--top {
		width: calc(280 / var(--vw-min) * 100vw);
		top: calc(94 / var(--vw-min) * 100vw);
		right: calc(157 / var(--vw-min) * 100vw);
		left: unset;
		z-index: 1;
	}
}
.goods__scene.--bottom {
	width: min(calc(256 / var(--vw-min) * 100vw),256px);
	right: min(calc(38 / var(--vw-min) * 100vw),38px);
	bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
	transform: rotate(11deg);
}
@media screen and (max-width:768px){
	.goods__scene.--bottom {
		width: calc(308 / var(--vw-min) * 100vw);
		top: calc(145 / var(--vw-min) * 100vw);
		right: calc(-80 / var(--vw-min) * 100vw);
		bottom: unset;
	}
}
.goods__scene img {
	width: 100%;
	pointer-events: none;
}
.goods__court {
	width: min(calc(617 / var(--vw-min) * 100vw),617px);
	height: min(calc(346 / var(--vw-min) * 100vw),346px);
	position: absolute;
	top: max(calc(-4 / var(--vw-min) * 100vw),-4px);
	right: max(calc(-158 / var(--vw-min) * 100vw),-158px);
	z-index: -1;
	-webkit-mask: url(../img/jf2026/deco_court.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_court.svg)no-repeat center/contain;
	background-color: var(--color-main);
	transform: rotate(20deg);
}
@media screen and (max-width:768px){
	.goods__court {
		width: calc(688 / var(--vw-min) * 100vw);
		height: calc(385 / var(--vw-min) * 100vw);
		top: calc(93 / var(--vw-min) * 100vw);
		right: calc(-211 / var(--vw-min) * 100vw);
	}
}
.jfGoods__cateItem {
	padding-top: min(calc(58 / var(--vw-min) * 100vw),58px);
}
@media screen and (max-width:768px){
	.jfGoods__cateItem {
		padding-top: calc(80 / var(--vw-min) * 100vw);
	}
}
.jfGoods__cateTit {
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	color: var(--color-main);
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	background-color: #000;
	padding: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.jfGoods__cateTit {
		font-size: calc(48 / var(--vw-min) * 100vw);
		padding: calc(10 / var(--vw-min) * 100vw) calc(33 / var(--vw-min) * 100vw);
	}
}
.jfGoods__cateCont {
	width: min(calc(910 / var(--vw-min) * 100vw),910px);
	margin: 0 auto;
	padding-top: min(calc(58 / var(--vw-min) * 100vw),58px);
}
@media screen and (max-width:768px){
	.jfGoods__cateCont {
		width: 100%;
		padding: calc(56 / var(--vw-min) * 100vw) calc(33 / var(--vw-min) * 100vw) 0;
	}
}
.jfGoods__shoplink {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-main);
	padding: min(calc(18 / var(--vw-min) * 100vw),18px) min(calc(45 / var(--vw-min) * 100vw),45px);
	text-decoration: none;
}
.jfGoods__shoplink span {
	position: relative;
}
@media screen and (max-width:768px){
	.jfGoods__shoplink {
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding: calc(23 / var(--vw-min) * 100vw) calc(33 / var(--vw-min) * 100vw);
	}
}
.jfGoods__shoplink::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: linear-gradient(#000, #000);
    background-size: 0% 100%;
    transition: background-size .3s ease-out;
}
.jfGoods__shoplink::after {
	content: "";
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	display: block;
	position: absolute;
	top: 0;
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom: 0;
	margin: auto;
	-webkit-mask: url(../img/jf2026/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.jfGoods__shoplink::after {
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
		right: calc(35 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.jfGoods__shoplink:hover::before {
		background-size: 100% 100%;
    	background-position: left bottom;
	}
	.jfGoods__shoplink:hover::after {
		transform: translateX(3px);
	}
}
.jfGoods__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.jfGoods__lists {
		gap: calc(28 / var(--vw-min) * 100vw);
		padding-top: calc(54 / var(--vw-min) * 100vw);
	}
}
.jfGoods__item {
	width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px)) / 3);
	display: flex;
    flex-direction: column;
	position: relative;
	padding-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.jfGoods__item {
		width: calc((100% - calc(28 / var(--vw-min) * 100vw)) / 2);
		padding-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.jfGoods__cate {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}
.jfGoods__cate span {
	font-size: min(calc(10 / var(--vw-min) * 100vw),10px);
	color: var(--color-main);
	font-weight: 700;
	line-height: 1;
	display: inline-block;
	padding: min(calc(5 / var(--vw-min) * 100vw),5px);
	background-color: #000;
}
@media screen and (max-width:768px){
	.jfGoods__cate span {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(15 / var(--vw-min) * 100vw);
	}
}
.jfGoods__img {
	width: 100%;
	position: relative;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-main);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.jfGoods__img {
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.jfGoods__img a {
	width: 100%;
	padding-top: 72.4138%;/*210*/
	position: relative;
	display: block;
	background-color: var(--color-main);
}
.jfGoods__img img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	object-fit: cover;
	pointer-events: none;
	transition: .3s ease;
}
.jfGoods__img a::after {
	content: "";
	width: min(calc(23 / var(--vw-min) * 100vw),23px);
	height: min(calc(22 / var(--vw-min) * 100vw),22px);
	display: block;
	position: absolute;
	right: min(calc(8 / var(--vw-min) * 100vw),8px);
	bottom: min(calc(8 / var(--vw-min) * 100vw),8px);
	-webkit-mask: url(../img/jf2026/deco_zoom.svg)no-repeat center/contain;
	mask: url(../img/jf2026/deco_zoom.svg)no-repeat center/contain;
	background-color: var(--color-main);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.jfGoods__img a::after {
		width: calc(33 / var(--vw-min) * 100vw);
		height: min(calc(32 / var(--vw-min) * 100vw),32px);
		right: calc(14 / var(--vw-min) * 100vw);
		bottom: calc(14 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.jfGoods__img a:hover img {
		transform: scale(1.1);
	}
	.jfGoods__img a:hover::after {
		transform: scale(0.9);
	}
}
.jfGoods__tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-main);
	font-weight: 700;
	line-height: 1.75;
	margin: min(calc(18 / var(--vw-min) * 100vw),18px) 0;
}
@media screen and (max-width:768px){
	.jfGoods__tit {
		font-size: calc(32 / var(--vw-min) * 100vw);
		margin: calc(23 / var(--vw-min) * 100vw) 0;
	}
}
.jfGoods__detailLists {
	margin-top: auto;
}
.jfGoods__detailItem {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #000;
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
	width: 100%;
	min-height: min(calc(88 / var(--vw-min) * 100vw),88px);
	padding: min(calc(16 / var(--vw-min) * 100vw),16px);
	background-color: #cccccc;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
	.jfGoods__detailItem {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding: calc(10 / var(--vw-min) * 100vw);
		min-height: calc(104 / var(--vw-min) * 100vw);
	}
}
.jfGoods__detailItem:not(:last-child) {
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.jfGoods__detailItem:not(:last-child) {
		margin-bottom: calc(7 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * bnr
-------------------------------------------------*/
.bnrWrap {
	padding: min(calc(24 / var(--vw-min) * 100vw),24px);
	background-color: #000;
}
@media screen and (max-width:768px){
	.bnrWrap {
		padding: calc(24 / var(--vw-min) * 100vw) calc(34 / var(--vw-min) * 100vw);
	}
}
.bnr__lists {
	width: min(calc(910 / var(--vw-min) * 100vw),910px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: min(calc(10 / var(--vw-min) * 100vw),10px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.bnr__lists {
		width: 100%;
		gap: calc(10 / var(--vw-min) * 100vw);
	}
}
.bnr__item {
	width: calc((100% - min(calc(20 / var(--vw-min) * 100vw),20px)) / 3);
}
@media screen and (max-width:768px){
	.bnr__item {
		width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 2);
	}
}
.bnr__itemLink {
	width: 100%;
	height: 100%;
	display: block;
}
.bnr__item img {
	width: 100%;
	pointer-events: none;
}
/*-----------------------------------------------
 * footer
-------------------------------------------------*/
.jfFooter {
	position: relative;
	padding: min(calc(130 / var(--vw-min) * 100vw),130px) 0 min(calc(50 / var(--vw-min) * 100vw),50px);
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.jfFooter {
		padding: calc(110 / var(--vw-min) * 100vw) 0 calc(50 / var(--vw-min) * 100vw);
	}
}
.jfFooter__img {
	width: min(calc(1098 / var(--vw-min) * 100vw),1098px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.jfFooter__img {
		width: calc(686 / var(--vw-min) * 100vw);
	}
}
.jfFooter__img img {
	width: 100%;
	pointer-events: none;
}
.jfFooter__copyright {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin-top: min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.jfFooter__copyright {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.bttop{
	width:min(calc(112 / var(--vw-min) * 100vw),112px);
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
	position: fixed;
	right:min(calc(30 / var(--vw-min) * 100vw),30px);
	top: unset;
	bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
	transform: translateY(50px);
	opacity: 0;
	transition: 0.4s ease;
}
.bttop.show {
	transform: translateY(0);
	opacity: 1;
}
@media screen and (max-width:768px){
	.bttop{
		width:calc(73 / var(--vw-min) * 100vw);
		height:calc(102 / var(--vw-min) * 100vw);
		right:calc(18 / var(--vw-min) * 100vw);
		bottom: calc(28 / var(--vw-min) * 100vw);
	}
}
.bttop a{
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.bttop a {
		height: 100%;
		background: unset;
	}
}
.bttop a:before{
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	background:#fff;
}
.bttop a:after{
	width:min(calc(70 / var(--vw-min) * 100vw),70px);
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
	-webkit-mask: url(../img/jf2026/volleyball.svg)no-repeat center/contain;
	mask: url(../img/jf2026/volleyball.svg)no-repeat center/contain;
	background:#fff;
}
.bttop.active a:before {
	background-color: var(--color-main);
}
.bttop.active a:after {
	background-color: var(--color-main);
}
@media screen and (max-width:768px){
	.bttop a:before {
		width: calc(31 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		top: unset;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		border-radius: unset;
		-webkit-mask: url(../img/common/t_top.svg) no-repeat left center / contain;
    	mask: url(../img/common/t_top.svg) no-repeat left center / contain;
	}
	.bttop a:after {
		width: calc(73 / var(--vw-min) * 100vw);
		height: calc(73 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.bttop a:after{
		transition:all 0.3s ease;
	}
	.bttop a:hover:after{
		animation:rotate 2s ease infinite;
	}
}