:root {
	--height-header: 128px;
	--height-header-sp: 70px;
	--color-main: #003a93;
	--width-inner-header: calc(1280px - 8px * 2);
	--width-inner-fv: 1280px;
	--width-inner-section: 1280px;
	--width-inner-footer: 1280px;
	--padding-inline-header: 40px;
	--padding-inline-fv: 40px;
	--padding-inline-section: 40px;
	--padding-inline-footer: 40px;
}

html {
	font-size: 62.5%;
}

body {
	color: #000;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "NOTO SANS JP", sans-serif;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.6;
}

img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

a,
button {
	color: inherit;
	display: inline-block;
	height: 100%;
	text-decoration: none;
	transition: opacity 0.3s;
	width: 100%;
}

a:hover,
button:hover {
	opacity: 0.7;
}

span {
	display: inline-block;
}

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */

/* ============================================ */

*,
::before,
::after {
	border-style: solid;
	border-width: 0;
	box-sizing: border-box;
}

/* Document */

/* ============================================ */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */

/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/* Vertical rhythm */

/* ============================================ */

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings */

/* ============================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration) */

/* ============================================ */

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Lists (definition) */

/* ============================================ */

dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

/* Grouping content */

/* ============================================ */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	border-top-width: 1px;
	box-sizing: content-box; /* 1 */
	clear: both;
	color: inherit;
	height: 0; /* 1 */
	margin: 0;
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: inherit; /* 2 */
}

address {
	font-style: inherit;
}

/* Text-level semantics */

/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Replaced content */

/* ============================================ */

/**
 * Prevent vertical alignment issues.
 */

svg,
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

/* Forms */

/* ============================================ */

/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */

button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none; /* 1 */
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 0;
	color: inherit;
	font: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
	text-transform: inherit; /* 2 */
	vertical-align: middle;
}

/**
 * Correct cursors for clickable elements.
 */

button,
[type=button],
[type=reset],
[type=submit] {
	cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
	cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

:-moz-focusring {
	outline: auto;
}

select:disabled {
	opacity: inherit;
}

/**
 * Remove padding
 */

option {
	padding: 0;
}

/**
 * Reset to invisible
 */

fieldset {
	margin: 0;
	min-width: 0;
	padding: 0;
}

legend {
	padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * Correct the outline style in Safari.
 */

[type=search] {
	outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */

[type=number] {
	-moz-appearance: textfield;
}

/**
 * Clickable labels
 */

label[for] {
	cursor: pointer;
}

/* Interactive */

/* ============================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/*
 * Remove outline for editable content.
 */

[contenteditable]:focus {
	outline: auto;
}

/* Tables */

/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table {
	border-collapse: collapse;
	border-color: inherit; /* 1 */
}

caption {
	text-align: left;
}

td,
th {
	padding: 0;
	vertical-align: top;
}

th {
	font-weight: bold;
	text-align: left;
}

span {
	display: inline-block;
}

.mincho {
	font-family: "MyYuMinchoC", sans-serif;
}

.noto {
	font-family: "NOTO SANS JP", sans-serif;
}

.mincho2 {
	font-family: "Yu Mincho", YuMincho, serif;
}

.kozuka {
	font-family: "Kozuka Gothic Pr6N", "NOTO SANS JP", sans-serif;
}

@font-face {
	font-family: "コーポレート・ロゴ ver2 Bold";
	font-style: normal;
	font-weight: bold;
	src: url("../fonts/Corporate-Logo-Bold-ver2.ttf") format("truetype");
}

.corporate-logo {
	font-family: "コーポレート・ロゴ ver2 Bold";
}

@font-face {
	font-family: "DIN Condensed";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/din-condensed-regular.ttf") format("truetype");
}

.din {
	font-family: "din-2014";
}

.ud {
	font-family: "uddigikyokasho-pro", sans-serif;
}

.century-gothic {
	font-family: "century-gothic", "NOTO SANS JP", sans-serif;
}

.hidemaru {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.l-header {
	background-color: var(--color-header);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.l-header__inner {
	margin-inline: auto;
	max-width: calc(var(--width-inner-header) + var(--padding-inline-header) * 2);
	padding-inline: var(--padding-inline-header);
}

.l-fv {
	position: relative;
}

.l-fv__inner {
	margin-inline: auto;
	max-width: calc(var(--width-inner-fv) + var(--padding-inline-fv) * 2);
	padding-inline: var(--padding-inline-fv);
}

.l-fv__contents {
	height: calc(100vh - var(--header-height));
	height: 765px;
	width: 100%;
}

.l-section.p-news {
	padding-bottom: 126px;
	padding-top: clamp(19rem, calc(24.84vw + -16.7994rem), 30.9rem);
}

.l-section.p-category {
	padding-bottom: 169px;
	padding-top: 159px;
}

.l-section.p-newitems {
	padding-bottom: 153px;
	padding-top: 153px;
}

.l-section.p-deals {
	padding-bottom: 158px;
	padding-top: 125px;
}

.l-section.p-aboutus {
	padding-bottom: 129px;
	padding-top: 136px;
}

.l-section.p-store {
	padding-bottom: 92px;
	padding-top: 157px;
}

.l-section.p-sns {
	padding-bottom: 140px;
	padding-top: 127px;
}

.l-section__inner {
	margin-inline: auto;
	max-width: calc(var(--width-inner-section) + var(--padding-inline-section) * 2);
	padding-inline: var(--padding-inline-section);
}

.l-section__title {
	margin-left: 5px;
}

.p-category .l-section__title {
	margin-left: -5px;
}

.p-aboutus .l-section__title {
	margin-left: -5px;
}

.p-sns .l-section__title {
	margin-left: 22px;
}

.l-section__title--en {
	color: #83c178;
	display: inline-block;
	font-family: century-gothic, sans-serif;
	font-size: 80px;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 11px;
	position: relative;
}

.l-section__title--en::before,
.l-section__title--en::after {
	bottom: 0;
	content: "";
	height: 2px;
	left: 3px;
	position: absolute;
}

.l-section__title--en::before {
	background-color: #e6e6e6;
	width: 100%;
}

.l-section__title--en::after {
	background-color: #83c178;
	width: 50px;
}

.p-category .l-section__title--en {
	margin-left: 5px;
}

.p-store .l-section__title--en {
	color: #999;
}

.l-section__title--ja {
	font-size: 20px;
	font-weight: 300;
	line-height: 2.5;
	margin-left: 3px;
	margin-top: 6px;
}

.p-category .l-section__title--ja,
.p-newitems .l-section__title--ja,
.p-deals .l-section__title--ja,
.p-aboutus .l-section__title--ja,
.p-store .l-section__title--ja,
.p-sns .l-section__title--ja {
	margin-top: 13px;
}

.l-footer {
	color: #fff;
	padding-bottom: 94px;
	padding-top: 100px;
	position: relative;
}

.l-footer__inner {
	margin-inline: auto;
	max-width: calc(var(--width-inner-footer) + var(--padding-inline-footer) * 2);
	padding-inline: var(--padding-inline-footer);
}

.c-btn__button {
	height: 70px;
	line-height: 70px;
	margin-left: auto;
	margin-top: 63px;
	position: relative;
	text-align: center;
	width: 300px;
}

.c-btn__button a {
	background-color: white;
	border: 1px solid black;
	display: block; /* ブロック要素として表示 */
	font-size: 18px;
	font-weight: 300;
	transition: translate 0.3s; /* アニメーション効果を追加 */
}

.c-btn__button::after {
	background-color: transparent;
	border: 1px solid white;
	content: "";
	inset: 0;
	position: absolute;
	translate: 3px 3px;
	z-index: -1;
}

.c-btn__button a:hover {
	opacity: 1;
	translate: 3px 3px;
}

.c-btn__arrow {
	background-color: black;
	height: 1px;
	margin-right: 16px;
	position: relative;
	width: 20px;
}

.c-btn__arrow::after {
	background-color: black;
	bottom: 0;
	content: "";
	height: 1px;
	position: absolute;
	right: 0;
	transform: rotate(45deg);
	transform-origin: right top;
	width: 10px;
}

.p-header__content {
	align-items: center;
	display: flex;
	height: var(--height-header);
	justify-content: space-between;
}

.p-header__wrapper-left {
	flex: 0 0 170px;
}

.p-header__logo {
	align-items: center;
	display: flex;
	gap: 5px;
	height: 100%;
}

.p-header__logo .p-header__logo--img {
/* 	width:170px; */
}
.p-header__logo{
	width:300px;
}
.p-header__logo--img {
	
		width:120px;
}

.p-header__logo .p-header__logo--text {
	color: white;
	font-size: 30px;
	line-height: 1.25;
}

.p-header__wrapper-right {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: flex-end;
}

.p-header__tel {
	align-items: center;
	display: flex;
	flex: 0 0 240px;
	gap: 7px;
}

.p-header__tel .p-header__tel--img {
	height: 37px;
	width: 24px;
}

.p-header__tel .p-header__tel--number {
	color: white;
	font-size: 32px;
	letter-spacing: 1.4px;
}

.p-header__mail {
	align-items: center;
	background-color: white;
	border-radius: 12px;
	display: flex;
	flex: 0 0 160px;
	gap: 3px;
	padding: 16px 14px;
}

.p-header__mail .p-header__mail--img {
	height: 15px;
	width: 20px;
}

.p-header__mail .p-header__mail--text {
	color: rgb(50, 65, 255);
	font-size: 17px;
	letter-spacing: 1.1px;
}

.p-header__nav {
	flex: 0 0 495px;
}

.p-header__nav .p-header__nav--list {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: flex-end;
}

.p-header__nav .p-header__nav--item {
	color: white;
	font-size: 17px;
	letter-spacing: 1.2px;
	line-height: 27px;
	padding-left: 29px;
	padding-right: 29px;
	position: relative;
}

.p-header__nav .p-header__nav--item:last-child {
	padding-right: 21px;
}

.p-header__nav .p-header__nav--item::before {
	background-color: white;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.p-header__nav .p-header__nav--link {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 26px;
	padding-top: 16px;
}

.p-header__nav .p-header__nav--text-ja {
	font-size: 17px;
	line-height: 1.6;
}

.p-header__nav .p-header__nav--text-en {
	font-size: 13px;
	line-height: 1.6;
}

.p-hamburger {
	background-color: var(--color-hamburger);
	color: white;
	display: none;
	height: 70px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
	width: 80px;
	z-index: 1000;
}

.p-hamburger .p-hamburger-button {
	align-items: center;
	background-color: var(--color-hamburger);
	border: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 40px;
	margin-inline: auto;
	margin-top: 6px;
	position: relative;
	transition: all 0.5s;
	width: 80px;
}

.p-hamburger .p-hamburger-button .p-hamburger__bar {
	background-color: #fff;
	height: 2px;
	position: absolute;
	width: 44px;
}

.p-hamburger .p-hamburger-button .p-hamburger__bar:nth-child(1) {
	left: 50%;
	top: 15%;
	transform: translateX(-50%);
}

.p-hamburger .p-hamburger-button .p-hamburger__bar:nth-child(2) {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.p-hamburger .p-hamburger-button .p-hamburger__bar:nth-child(3) {
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
}

.drawer-open .p-hamburger .p-hamburger-button .p-hamburger__bar { /* 斜めにする際に長さを伸ばす */
	width: 50%; /* 中央寄せにして回転 */
}

.drawer-open .p-hamburger .p-hamburger-button .p-hamburger__bar:nth-child(1) {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(135deg);
}

.drawer-open .p-hamburger .p-hamburger-button .p-hamburger__bar:nth-child(2) {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.drawer-open .p-hamburger .p-hamburger-button .p-hamburger__bar:nth-child(3) {
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%) rotate(-135deg);
}

.p-hamburger .p-hamburger--text {
	color: white;
	font-size: 13px;
}

.p-drawer__nav {
	background: linear-gradient(to right, #008f85, #2f9b3e);
	color: white;
	font-size: 30px;
	height: 100%;
	opacity: 0.9;
	position: fixed;
	right: -100%;
	top: 0;
	transition: 0.7s;
	width: 500px;
	z-index: 500;
}

.p-drawer__nav .p-drawer__nav--list {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-block: 100px;
	text-align: center;
}

.p-drawer__nav .p-drawer__nav--item {
	width: 100%;
}

.p-drawer__nav .p-drawer__nav--link {
	padding-block: 3rem;
}

.p-drawer__mask {
	background: transparent;
	content: "";
	inset: 0;
	left: 100%;
	position: fixed;
	transition: 0.7s;
	z-index: 50;
}

.drawer-open .p-drawer__nav {
	right: 0;
}

.drawer-open .p-drawer__mask {
	left: 0;
}

.p-header__spacer {
	height: var(--height-header);
}

.p-fv {
	margin-left: 17px;
	position: relative;
}

.p-fv__bg {
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-fv__contents {
	padding-bottom: 208px;
	padding-top: 257px;
	position: relative;
	z-index: 1;
}

.p-fv__text--en {
	color: white;
	font-size: clamp(5rem, calc(2.6vw + 3rem), 8rem);
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.15;
}

.p-fv__text--ja {
	color: white;
	font-size: clamp(2rem, calc(0.87vw + 1.3333rem), 3rem);
	font-weight: bold;
	letter-spacing: 4.5px;
	margin-top: 20px;
}

.p-fv__image--tennis {
	aspect-ratio: 382/258;
	height: auto;
	left: clamp(0rem, calc(13.02vw + -10rem), 15rem);
	position: absolute;
	top: clamp(6.5rem, calc(-1.3vw + 9rem), 8rem);
	width: clamp(28rem, calc(8.85vw + 21.2rem), 38.2rem);
	z-index: -1;
}

.p-fv__image--baseball {
	aspect-ratio: 448/303;
	height: auto;
	left: clamp(31rem, calc(8.42vw + 24.5333rem), 40.7rem);
	position: absolute;
	top: clamp(44rem, calc(1.74vw + 42.6667rem), 46rem);
	width: clamp(35rem, calc(8.51vw + 28.4667rem), 44.8rem);
	z-index: -1;
}

.p-fv__image--soccer {
	aspect-ratio: 664/448;
	height: auto;
	position: absolute;
	right: clamp(0rem, calc(-5.21vw + 10rem), 6rem);
	top: clamp(10rem, calc(-8.68vw + 26.6667rem), 20rem);
	width: clamp(50rem, calc(14.24vw + 39.0667rem), 66.4rem);
	z-index: -1;
}

.p-fv__scrolldown-wrapper {
	align-items: center;
	bottom: 12px;
	display: flex;
	flex-direction: column;
	height: 160px;
	left: 10px;
	position: absolute;
	width: 30px;
}

.p-fv__scrolldown-text {
	bottom: 114px;
	color: white;
	font-size: 18px;
	position: absolute;
	right: -10px;
	rotate: 90deg;
}

.p-fv__scrolldown-bar {
	background: #bbbbbb;
	background: white;
	bottom: 30px;
	bottom: 0;
	height: 88px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	transform: translateX(-50%);
	width: 2px;
}

.p-fv__scrolldown-bar-active {
	animation: 3s ease-in-out backwards infinite scrollDown;
	background: #000;
	bottom: 100%;
	height: 50px;
	left: 0;
	position: absolute;
	width: 2px;
}

.l-first-image__wrapper {
	height: clamp(92rem, calc(14.32vw + 81rem), 108.5rem);
	position: relative;
}

.l-first-image__bg {
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-news {
	position: relative;
}

.p-news__bg {
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-news__images--wrapper {
	display: flex;
	gap: 34px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: -16%;
	transform: translateX(-50%);
	width:60%;
}

.p-news__image {
/* 	width: clamp(21.5rem, calc(16.06vw + 9.1667rem), 40rem); */
}

.p-news__contents {
	display: flex;
}

.p-news__title {
	flex-grow: 0;
	flex-shrink: 0;
}

.p-news__posts {
	flex: 1;
	margin-left: 174px;
	margin-top: -10px;
}

.p-news__posts iframe {
	margin-top: 38px;
}

.p-news-item {
	background: #fff;
	border-bottom: 1px solid #ccc;
	transition: background-color 0.3s ease;
}

.p-news-item:hover {
	background-color: #eee;
}

.p-news-item-link {
	align-items: center;
	display: flex;
	padding-bottom: 32px;
	padding-top: 31px;
}

.p-news-item-data {
	color: #808080;
	flex: 0 0 176px;
	font-size: 20px;
	font-weight: 300;
}

.p-news-item-text {
	color: #000;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6;
	padding-right: 16px;
}

.p-category__items {
	background-color: white;
	border-radius: 38px;
	display: none; /* デフォルトで非表示 */
	margin-top: 15px;
	padding-bottom: 50px;
	padding-left: 163px;
	padding-right: 150px;
	padding-top: 40px;
	text-align: left;
}

.p-category__items[active] {
	display: block; /* activeがついているものは表示 */
}

.p-category__item {
	display: flex;
	padding-bottom: 32px;
	padding-top: 36px;
}

.p-category__item:not(:last-child) {
	border-bottom: 2px dashed gray;
}

.p-category__goods--title {
	flex: 0 0 277px;
	font-size: 20px;
	font-weight: 600;
}

.p-category__goods--list {
	display: flex;
	flex-wrap: wrap;
	-moz-column-gap: 68px;
	column-gap: 68px;
	row-gap: 18px;
}

.p-category__goods--list.list-horizon {
	width: 100%;
}

.p-category__goods {
	flex: 0 0 180px;
}

.p-category__goods--name {
	font-size: 17px;
	font-weight: 300;
	line-height: 1;
	padding-left: 20px;
	position: relative;
}

.p-category__goods--name::after {
	content: "＞";
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.p-category__contents {
	padding-inline: 6px;
}

.icon-path {
	fill: white;
	transition: all 0.3s ease;
}

.p-category__button.active {
	background: white !important;
}

.p-category__button.active .icon-path {
	fill: #83c178;
}

.p-category__button.active .p-category__text--title {
	color: #83c178;
}

.p-category {
	position: relative;
	text-align: center;
}

.p-category .p-category__bg {
	background-color: #f2f2f2;
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-category__buttons {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 71px;
}

.p-category__button {
	align-items: center;
	display: flex;
	height: 88px;
	padding-bottom: 10px;
	padding-left: 23px;
	padding-top: 10px;
	transition: all 0.3s ease;
	width: 300px;
	min-width:207px;
}

.p-category__button:nth-child(1) {
	background: linear-gradient(to right, #008f85, #00a99d);
}

.p-category__button:nth-child(2) {
	background: linear-gradient(to right, #00a99d, #1faf93);
}

.p-category__button:nth-child(3) {
	background: linear-gradient(to right, #1faf93, #39b54a);
}

.p-category__button:nth-child(4) {
	background: linear-gradient(to right, #39b54a, #2f9b3e);
}

.p-category__button svg {
	height: 62px;
	width: 62px;
}

.p-category__button .p-category__text--title {
	color: white;
	display: flex;
	flex-direction: column;
	margin-left: 18px;
	margin-top: -3px;
	text-align: left;
	transition: all 0.3s ease;
}

.p-category__button .p-category__text--title-en {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.7;
}

.p-category__button .p-category__text--title-ja {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.7;
	margin-top: -15px;
}

.p-deals {
	position: relative;
}

.p-deals__bg {
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-deals__bg {
	background-color: #c1eea7;
	opacity: 0.1;
}

.p-news__item-list,
.p-deals__item-list {
	align-items: stretch;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin-top: 55px;
	translate: 8px;
}

.p-deals__item-list {
	margin-top: 62px;
}

.p-news__item,
.p-deals__item {
	width: calc((100% - 80px) / 3);
}

.p-news__item--link .p-news__item--img img,
.p-deals__item--link .p-deals__item--img img {
	transition: all 0.3s ease;
}

.p-news__item--link:hover .p-news__item--img img,
.p-deals__item--link:hover .p-deals__item--img img {
	scale: 1.2;
}

.p-news__item--img,
.p-deals__item--img {
	aspect-ratio: 400/268;
	height: auto;
	overflow: hidden;
	width: 100%;
}

.p-news__item--text {
	color: white;
	padding-bottom: 12px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	position: relative;
}

.p-deals__item--text {
	color: black;
	padding-top: 20px;
}

.p-news__item--title {
	font-size: 20px;
	font-weight: 600;
}

.p-deals__item--title {
	font-size: 23px;
	font-weight: 600;
}

.p-deals__item--message {
	border-bottom: 2px solid black;
	margin-top: 8px;
	overflow: hidden;
	padding-bottom: 42px;
	text-overflow: ellipsis; /* 1行に書ききれる分のみ表示し、以降は省略記号を表示する */
	white-space: nowrap;
}

.p-news__item--more,
.p-deals__item--more {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 32px;
	padding-right: 38px;
	position: relative;
	text-align: right;
}

.p-deals__item--more {
	margin-top: 12px;
}

.p-news__item--more::after,
.p-deals__item--more::after {
	background-color: currentColor;
	content: "";
	height: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
}

.p-news__item--bg {
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-aboutus {
	position: relative;
}

.p-aboutus__bg {
	background-color: #f2f2f2;
	bottom: 0;
	height: 51%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.p-aboutus__img {
	width: clamp(64rem, calc(33.4vw + 15.8664rem), 80rem);
}

.p-aboutus__contents {
	background: white;
	border-radius: 40px;
	margin-left: 37%;
	margin-top: -27%;
	padding-bottom: 130px;
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 87px;
	position: relative;
}

.p-aboutus__text {
	line-height: 1.45;
	margin-top: 20px;
}

.p-store {
	position: relative;
	text-align: center;
}

.p-store__info {
	align-items: center;
	display: flex;
	gap: 178px;
	justify-content: center;
	margin-top: 60px;
}

.p-store__info--text-container {
	padding-bottom: 40px;
	text-align: left;
}

.p-store__info--title {
	font-size: 23px;
	font-weight: 600;
	line-height: 2.5;
}

.p-store__info--text {
	font-size: 17px;
	font-weight: 300;
}

.p-store__info--img {
	height: 249px;
	width: 280px;
}

.p-store__info--map {
	aspect-ratio: 1285/395;
	height: auto;
	margin-top: 80px;
	width: 100%;
}

.p-store__info--map iframe {
	height: 100%;
	width: 100%;
}

.p-sns__contents {
	align-items: stretch;
	display: flex;
}

.p-sns__instagram {
	flex: 0 0 400px;
	margin-left: auto;
	margin-left:20%;
	margin-top: 3px;
}

.p-sns__instagram img {
	height: auto;
}

.p-sns__facebook {
	flex: 0 0 325px;
/* 	margin-left: 90px; */
	margin-left: 9%;
	margin-top: 3px;
}

.p-sns__facebook img {
	height: auto;
}

.p-footer {
	position: relative;
}

.p-footer__bg {
	inset: 0;
	position: absolute;
	z-index: -1;
}

.p-footer__contents {
	display: flex;
}

.p-footer__wrapper-left {
	flex: 0 0 210px;
	margin-left: -3px;
}

.p-footer__wrapper-left .p-footer__logo--link {
	height: -moz-fit-content;
	height: fit-content;
}

.p-footer__wrapper-left .p-footer__logo {
	align-items: center;
	
/* 	display: flex; */
	/* height: 100%; */ /* gap: 5px; */ /* margin-left: -3px; */
}

.p-footer__wrapper-left .p-footer__logo--img {
	width: 200px; /* height: 37px; */
	margin-bottom:10px;
}

.p-footer__wrapper-left .p-footer__logo--text {
	color: white;
	font-size: 30px;
	line-height: 1.25;
}

.p-footer__wrapper-left .p-footer__info--container {
	margin-top: 13px;
	text-align: left;
}

.p-footer__wrapper-left .p-footer__info--text {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.9;
}

.p-footer__wrapper-center {
	color: white;
	display: flex;
	margin-left: clamp(5rem, calc(9.38vw + -2.2rem), 15.8rem);
	margin-top: 28px;
	text-align: left;
}

.p-footer__wrapper-center .p-footer__products {
	flex: 0 0 172px;
	height: -moz-fit-content;
	height: fit-content;
	line-height:2;
}

.p-footer__wrapper-center .p-footer__company {
	flex: 0 0 180px;
	line-height:2;
	margin-left:3%;
}

.p-footer__wrapper-center .p-footer__products--nav-title,
.p-footer__wrapper-center .p-footer__company--nav-title {
	font-size: 17px;
	font-weight: 600;
}

.p-footer__wrapper-center .p-footer__products--nav-list {
	margin-top: 7px;
}

.p-footer__wrapper-center .p-footer__products--nav-item { /* font-size: 17px; */
}

.p-footer__wrapper-center .p-footer__products--nav-link { /* padding-left: 5px; */
	padding-left: 30px;
	position: relative;
}

.p-footer__wrapper-center .p-footer__products--nav-link::after {
	content: "＞";
	left: 5px;
	position: absolute;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.p-footer__wrapper-center .p-footer__company--nav-link {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
}

.p-footer__wrapper-right {
	flex: 0 0 540px;
	height: 209px;
	margin-left: auto;
	margin-right: -43px;
	margin-top: -5px;
}

.p-footer__wrapper-right .p-footer__wrapper-right img {
	-o-object-fit: revert;
	object-fit: revert;
}

.p-footer__wrapper-right .p-footer__cta--link { /* width: 100%; */
}

.p-footer__bottom {
	display: none;
	margin-inline: auto;
	margin-top: 60px;
	max-width: 540px;
}

.display-none {
	display: none !important;
}

.display-inline-block {
	display: inline-block;
}

.u-spacer {
	background-color: aqua;
}

.p-fv .u-spacer {
	padding-top: 100px;
}

.p-news .u-spacer {
	padding-top: 124px;
}

.p-category .u-spacer {
	padding-top: 920px;
}

.p-newitems .u-spacer {
	padding-top: 457px;
}

.p-deals .u-spacer {
	padding-top: 540px;
}

.p-aboutus .u-spacer {
	padding-top: 739px;
}

.p-store .u-spacer {
	padding-top: 784px;
}

.p-sns .u-spacer {
	padding-top: 388px;
}

@media (min-width: 768px) and (max-width: 1024px) {

.is-sp {
	display: none !important;
}

.is-pc {
	display: none !important;
}

.hidden-tab {
	display: none !important;
}

}


@media (min-width: 1025px) {

.is-sp {
	display: none !important;
}

.is-tab {
	display: none !important;
}

.hidden-pc {
	display: none !important;
}

}

@media screen and (max-width: 1440px) {

.l-fv__contents {
	height: calc(100vh - var(--header-height-sp));
}

.l-section.p-news {
	padding-bottom: 40px;
	padding-top: clamp(9rem, calc(14.88vw + -2.4286rem), 19rem);
}

.l-section.p-category {
	padding-bottom: 40px;
	padding-top: 40px;
}

.l-section.p-newitems {
	padding-bottom: 40px;
	padding-top: 40px;
}

.l-section.p-deals {
	padding-bottom: 40px;
	padding-top: 40px;
}

.l-section.p-aboutus {
	padding-bottom: 40px;
	padding-top: 40px;
}

.l-section.p-store {
	padding-bottom: 40px;
	padding-top: 40px;
}

.l-section.p-sns {
	padding-bottom: 40px;
	padding-top: 40px;
}

/* .l-section__inner {
	padding-inline: 20px;
} */

.p-header__content {
	height: var(--height-header-sp);
}

.p-header__tel {
	display: none;
}

.p-header__mail {
	display: none;
}

.p-header__nav {
	display: none;
}

.p-hamburger {
	display: block;
}

.p-hamburger .p-hamburger-button {
	height: 22px;
	width: 53px;
}

.p-hamburger .p-hamburger-button .p-hamburger__bar {
	width: 30px;
}

.p-header__spacer {
	height: var(--height-header-sp);
}
.p-news__images--wrapper {
	display: flex;
	gap: 34px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: -11%;
	transform: translateX(-50%);
	width:60%;
}
	.p-category__button svg{
		width:42px;
		height:42px;
	}
/* .p-category__button{
	width:20%;
	} */
	.p-category__button{
		width:300px;
		margin: 0 0.5rem;
	}
.p-category__button .p-category__text--title-en{
	font-size:1.8rem;		
	}
.p-category__button .p-category__text--title-ja{
	font-size: 1.4rem;
        padding-top: 1rem;
	}

.p-news-item-link {
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
}

.p-news-item-data {
	flex: 0 0 100%;
	font-size: 16px;
}

.p-news-item-text {
	font-size: 16px;
	margin-top: 10px;
}




/* 
.p-news__item-list,
.p-deals__item-list {
	flex-direction: column;
	margin-inline: auto;
	margin-top: 20px;
	max-width: 400px;
	translate: revert;
}

.p-deals__item-list {
	margin-top: 20px;
}

.p-news__item,
.p-deals__item {
	width: 100%;
}

.p-news__item--text {
	padding-left: 20px;
	padding-right: 10px;
}

.p-news__item--title {
	font-size: 16px;
}

.p-deals__item--title {
	font-size: 16px;
}

.p-news__item--more,
.p-deals__item--more {
	font-size: 14px;
	margin-top: 16px;
} */

.p-aboutus__img {
	width: clamp(20rem, calc(39.29vw + 7.4286rem), 64rem);
}

.p-aboutus__contents {
	padding: 40px;
}

/* .p-sns__contents {
	display: block;
} */

.p-sns__instagram {
	margin-inline: auto;
	margin-top: 30px;
	margin-left: 8%;
	max-width: 400px;
}

.p-sns__facebook {
	margin-inline: auto;
	margin-top: 60px;
	max-width: 325px;
}

.p-footer__contents {
	justify-content: center;
}

.p-footer__wrapper-right {
	display: none;
}

.p-footer__bottom {
	display: block;
}

}
@media (max-width: 1050px) {
.p-sns__contents {
	display: block;
}
	.p-sns__instagram{
	margin:30px auto;	
	}
}
@media (max-width: 1024px) {

.c-btn__button {
	height: 50px;
	line-height: 50px;
	margin-inline: auto;
	margin-top: 20px;
	width: 200px;
}

.is-tab {
	display: none !important;
}

.is-pc {
	display: none !important;
}

.hidden-sp {
	display: none !important;
}

}

@media screen and (max-width: 1024px) {

.p-fv__text--en {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.p-fv__text--ja {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
	.p-news__images--wrapper {
	display: flex;
	gap: 34px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: -8%;
	transform: translateX(-50%);
	width:60%;
}
	.p-fv__image--soccer{
		width: clamp(50rem, calc(1.24vw + 39.0667rem), 66.4rem);
		right: clamp(0rem, calc(-10.21vw + 10rem), 6rem);
	}
}
@media  (max-width: 960px) {
	.p-category__buttons{
	flex-wrap: wrap;
    justify-content: center;
	
	}
	.p-category__button{
	margin-bottom:1rem;
	}
	.p-category__items{
	padding-left: 10%;
    padding-right: 10%;
	}
		.p-fv__image--baseball,.p-fv__scrolldown-bar,.p-fv__scrolldown-text {
		display:none;
	}
}
@media (max-width: 767px) {

.l-fv__inner {
	padding-inline: 10px;
}

.l-section__title--en {
	font-size: 30px;
}

.l-footer {
	padding-bottom: 60px;
	padding-top: 60px;
}

.l-footer__inner {
	padding-inline: 20px;
}

.p-header__logo .p-header__logo--text {
	font-size: 20px;
}

.p-drawer__nav {
	font-size: 20px;
	width: 300px;
}

.p-fv__contents {
	padding-bottom: 150px;
	padding-top: clamp(15rem, calc(22.37vw + 7.8412rem), 25rem);
}

.p-fv__image--tennis {
	left: 0px;
	top: clamp(4rem, calc(8.95vw + 1.1365rem), 8rem);
	width: clamp(20rem, calc(17.9vw + 14.2729rem), 28rem);
}

.p-fv__image--baseball {
	left: revert;
	right: 0;
	top: clamp(30rem, calc(31.32vw + 19.9776rem), 44rem);
	width: clamp(20rem, calc(33.56vw + 9.2617rem), 35rem);
}

.p-fv__image--soccer {
	right: clamp(1.5rem, calc(10.07vw + -1.7215rem), 6rem);
	top: clamp(14rem, calc(13.42vw + 9.7047rem), 20rem);
	width: clamp(26rem, calc(53.69vw + 8.8188rem), 50rem);
}

.p-fv__scrolldown-wrapper {
	bottom: 0px;
}

.p-fv__scrolldown-text {
	bottom: 80px;
}

.p-fv__scrolldown-bar {
	height: 50px;
}

.p-fv__scrolldown-bar-active {
	height: 25px;
}
	



.l-first-image__wrapper {
	height: clamp(56rem, calc(80.54vw + 30.2282rem), 92rem);
}
	.p-category__items {
	margin-inline: auto;
	margin-top: 60px;
	max-width: 910px;
	padding-left: 40px;
	padding-right: 40px;
}
.p-news__posts {
	margin-left: 100px;
}
.p-category__goods--title {
	flex: 0 0 140px;
}

.p-category__goods--list {
	margin-left: 20px;
}
.p-category__buttons {
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	margin-top: 40px;
}

.p-category__button:nth-child(1) {
	background: linear-gradient(to bottom, #008f85, #00a99d);
}

.p-category__button:nth-child(2) {
	background: linear-gradient(to bottom, #00a99d, #1faf93);
}

.p-category__button:nth-child(3) {
	background: linear-gradient(to bottom, #1faf93, #39b54a);
}

.p-category__button:nth-child(4) {
	background: linear-gradient(to bottom, #39b54a, #2f9b3e);
}
}

@media screen and (max-width: 767px) {

.l-section.p-news {
	padding-bottom: 40px;
	padding-top: 40px;
}
.l-section__title--en {
	font-size: 50px;
}

.p-fv__text--en {
	font-size: clamp(3.6rem, calc(3.13vw + 2.5978rem), 5rem);
	margin-top:27rem;
}

.p-fv__text--ja {
	font-size: clamp(1.5rem, calc(1.12vw + 1.1421rem), 2rem);
}
.p-news__contents {
	display: block;
}
.p-news__posts {
	margin-left: 0;
	margin-top: 20px;
	max-width: 887px;
}
.p-news__images--wrapper {
	align-items: center;
	flex-direction: column;
	margin-top: 50px;
	position: relative;
	top: revert;
}

.p-news__image {
	width: clamp(25rem, calc(67.11vw + 3.5235rem), 55rem);
}

.p-news__item-list,
.p-deals__item-list {
	flex-direction: column;
	margin-inline: auto;
	margin-top: 20px;
	max-width: 400px;
	translate: revert;
}

.p-deals__item-list {
	margin-top: 20px;
}

.p-news__item,
.p-deals__item {
	width: 100%;
}

.p-news__item--text {
	padding-left: 20px;
	padding-right: 10px;
}

.p-news__item--title {
	font-size: 16px;
}

.p-deals__item--title {
	font-size: 16px;
}

.p-news__item--more,
.p-deals__item--more {
	font-size: 14px;
	margin-top: 16px;
}

.p-aboutus__bg {
	height: 80%;
}

.p-aboutus__contents {
	margin-left: 40px;
	margin-top: 30px;
	margin-top: -40px;
	padding: 30px;
}

.p-aboutus__text {
	font-size: 14px;
}

.p-store__info {
	display: block;
	margin-inline: auto;
	margin-top: 30px;
	max-width: 280px;
}

.p-store__info--text-container {
	padding-bottom: 30px;
}

.p-store__info--map {
	aspect-ratio: 3/2;
	margin-top: 60px;
}

.p-footer__contents {
	display: block;
}

.p-footer__wrapper-center {
	margin-left: 0;
}

.p-footer__bottom {
	margin-top: 30px;
}

}

@media screen and (max-width: 500px) {

.p-category__items {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

.p-category__item {
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
}

.p-category__goods--list {
	margin-top: 10px;
	row-gap: 10px;
}
.p-fv__text--en {
	font-size: clamp(3.6rem, calc(3.13vw + 2.5978rem), 5rem);
	margin-top:23rem;
}
}

@media screen and (max-width: 450px) {

.p-footer__wrapper-center {
	display: block;
}

.p-footer__wrapper-center .p-footer__company {
	margin-top: 30px;
}
.p-fv__text--en {
	margin-top:19rem;
}
}

@keyframes scrollDown {

0% {
	bottom: 100%;
}

100% {
	bottom: -50px;
}

}

/* アニメーション追加 */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(60%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.p-fv__image--baseball {
    opacity: 0; /* 初期状態で非表示 */
    transform: translateX(100%); /* 初期状態で右にオフセット */
}

.p-fv__image--soccer.fade-in {
    animation: fadeInRight 1.2s ease-out forwards;
}
.p-fv__image--baseball.fade-in {
    animation: fadeInUp 1s ease-out forwards;
}
.p-fv__image--tennis.fade-in {
    animation: fadeInRight 0.8s ease-out forwards;
}