body {
	margin: 0;
	font-family:"メイリオ", "Meiryo","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
	font-size: 15px;
	line-height: 1.6;
	word-break: break-all;
	overflow-x:hidden;
}



/* -------------------------------------
	TOP
----------------------------------------*/
.fit__lp-intro-title {
	width: 65%;
	margin: 3% auto 2%;
}
@media screen and (max-width: 670px) {
	.fit__lp-intro-title {
		width: 80%;
		margin: 4% auto 3%;
	}
}

.fit__lp-intro-title img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-intro-img {
	width: 73%;
	margin: auto;
	cursor: pointer;
}
@media screen and (max-width: 670px) {
	.fit__lp-intro-img {
		width: 85%;
	}
}

.fit__lp-intro-img img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-intro-txt {
	width: 65%;
	margin: 2% auto;
}
@media screen and (max-width: 670px) {
	.fit__lp-intro-txt {
		width: 85%;
		margin: 10% auto;
	}
}

.fit__lp-intro-txt p {
	font-size: 1.45vw;
	color:#666666;
	line-height: 190%;
	margin: 0;
}
@media screen and (max-width: 670px) {
	.fit__lp-intro-txt p {
		font-size: 3.7vw;
	}
}

.fit__lp-intro-bt {
	width: 32%;
	margin: 0 auto 8%;
}
@media screen and (max-width: 670px) {
	.fit__lp-intro-bt {
		width: 71%;
		margin: 0 auto 8%;
	}
}

.fit__lp-intro-bt img {
	width: 100%;
	vertical-align: bottom;
}
.fit__lp-intro-bt a {
    display: block;
}


/* -------------------------------------
	キャンペーン
----------------------------------------*/
.fit__lp-cp-img {
	width: 74%;
	margin: auto;
}
@media screen and (max-width: 670px) {
	.fit__lp-cp-img {
		width: 100%;
	}
}

.fit__lp-cp-img img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-cp-txt {
	width: 70%;
	margin: 0 auto 2%;
	text-align: center;
}

.fit__lp-cp-txt p {
	font-size: 1.5vw;
	color:#666666;
	margin: 0;
}
@media screen and (max-width: 670px) {
	.fit__lp-cp-txt p {
		font-size: 4vw;
	}
}

.fit__lp-cp-txt p span {
	font-size: 2.5vw;
	line-height: 3em;
	color: #21A5F6;
}
@media screen and (max-width: 670px) {
	.fit__lp-cp-txt p span {
		font-size: 5.2vw;
	}
}

.fit__lp-cp-present {
	width: 79%;
	margin: 0 auto 5%;
}
@media screen and (max-width: 670px) {
	.fit__lp-cp-present {
		width: 86%;
	}
}

.fit__lp-cp-present img {
	width: 100%;
	vertical-align: bottom;
}


.fit__lp-cp-collabo {
	position: relative;
}

.fit__lp-cp-collabo-frame {
	position: relative;
	width: 65%;
	margin: 0 auto 4%;
}
@media screen and (max-width: 670px) {
	.fit__lp-cp-collabo-frame {
		width: 84%;
	}
}

.fit__lp-cp-collabo-frame img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-collabo-title {
	width: 59%;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 670px) {
	.fit__lp-collabo-title {
		width: 78%;
		top: 9%;
	}
}

.fit__lp-collabo-title img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-collabo-info {
	position: absolute;
	width: 58%;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5vw;
	line-height: 250%;
	color:#666666;
}
@media screen and (max-width: 670px) {
	.fit__lp-collabo-info {
		width: 70%;
		top: 48%;
		font-size: 3.5vw;
	}
}

.fit__lp-collabo-info span {
	color: #07A1E4;
	font-size: 2.6vw;
	font-weight: bold;
}
@media screen and (max-width: 670px) {
	.fit__lp-collabo-info span {
		font-size: 4.6vw;
	}
}

.fit__lp-collabo-bt {
	width: 33%;
	position: absolute;
	top: 83%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 670px) {
	.fit__lp-collabo-bt {
		width: 69%;
		top: 87%;
	}
}

.fit__lp-collabo-bt img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-collabo-bt a {
    display: block;
}

.fit__lp-collabo-txt {
	width: 65%;
	font-size: 1.25vw;
	margin: 0 auto 3%;
	color:#666666;
}
@media screen and (max-width: 670px) {
	.fit__lp-collabo-txt {
		width: 84%;
		font-size: 3.25vw;
		margin: 0 auto 6%;
	}
}


.fit__lp-collabo-contact {
	width: 42%;
	margin: 0 auto 3%;
}
@media screen and (max-width: 670px) {
	.fit__lp-collabo-contact {
		width: 69%;
		margin: auto;
	}
}

.fit__lp-collabo-contact a {
	text-decoration: none;
}

.btn-form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 4px;
	position: relative;
#	width: 320px;
#	height: 48px;
	width: 100%;
	padding: 10px 16px 10px 16px;
	background: #ffffff;
	z-index: 90;
	overflow: hidden;
	border-radius: 8px;
	border: 1px #e83909 solid;
	margin: 10px auto 15px;
	cursor: pointer;
}

.material-icons-btn {
	position: relative;
	width: 24px;
	height: 24px;
	z-index: 91;
	overflow: hidden;
}

.launch-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 92;
	overflow: hidden;
}

.vector-btn {
	position: relative;
	width: 18px;
	height: 18px;
	margin: 3px 0 0 3px;
	background: url(/fitness/img/770e767c-560a-4d93-bac0-dea969f175ab.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 93;
}

.text-btn {
	position: relative;
	height: 26px;
	font-family: Hiragino Kaku Gothic Pro, var(--default-font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 25.6px;
	text-align: left;
	background: linear-gradient(90.31deg, #eb6100, #e72410);
	z-index: 94;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* -------------------------------------
	LINEUP
----------------------------------------*/
.fit__lp-lineup-img {
	width: 74%;
	margin: auto;
}
@media screen and (max-width: 670px) {
	.fit__lp-lineup-img {
		width: 100%;
		margin: 5% auto;
	}
}

.fit__lp-lineup-img img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-lineup-portal {
	width: 64%;
	margin: 4% auto 15%;
}
@media screen and (max-width: 670px) {
	.fit__lp-lineup-portal {
		width: 69%;
	}
}

.fit__lp-lineup-portal img {
	width: 100%;
	vertical-align: bottom;
}


.widthKeeper {
	width: 80%;
#	max-width: 1440px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	overflow: hidden;
}
@media (max-width: 1025px) {
	.widthKeeper {
		width: 95%;
	}
}

.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	align-self: stretch;
	margin: auto;
	gap: 32px;
	position: relative;
	z-index: 95;
	width: 90%;
	padding: 50px 0;
}
@media (max-width: 821px) {
	.container {
		width: 90%;
	}
}

.container img {
	width: 100%;
	display: block;
}

.container-66 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	position: relative;
#	width: 900px;
	z-index: 148;
}
@media (max-width: 1025px) {
	.container-66 {
		width: 100%;
	}
}

.frame-box-67 {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	gap: 24px;
	position: relative;
	min-width: 0;
	z-index: 149;
}
@media (max-width: 821px) {
	.frame-box-67 {
		flex-direction: column;
	}
}

.frame-box-68 {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	z-index: 150;
	width: 48%;
#	height: 380px;
}
@media (max-width: 821px) {
	.frame-box-68 {
		align-items: flex-start;
		width: 100%;
		height: auto;
	}
}

.frame-box-68 picture {
	width: 35%;
}

.frame-box-68 .game-caption {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	position: relative;
	z-index: 152;
	width: 60%;
}

.frame-box-71 {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
	gap: 24px;
	position: relative;
	min-width: 0;
	z-index: 161;
}
@media (max-width: 821px) {
	.frame-box-71 {
		flex-direction: column;
	}
}

.date-span {
	position: relative;
	height: 16px;
#	font-size: 18px;
	font-size: 1.1vw;
#	font-weight: 700;
#	text-align: left;
	width: 100%;
	text-align: right;
	color: #676767;
}
@media (max-width: 821px) {
	.date-span {
		font-size: 2.3vw;
	}
}
@media screen and (max-width: 670px) {
	.date-span {
		font-size: 2.8vw;
	}
}

.title-span {
	font-size: 22px;
	font-weight: 700;
}

.fb-blue {
	color: #0077c7;
}

.fb-orange {
	color: #c75f00;
}

.fb-purple {
	color: #7c6ea9;
}

.fb-green {
	color: #008896;
}

.fb-lblue {
	color: #3fa1c5;
}

.fb-pink {
	color: #ef2a86;
}

.description-span-title {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	position: relative;
	width: 100%;
	height: auto;
	color: #676767;
#	font-size: 16px;
	font-size: 1.2vw;
	font-weight: 400;
#	line-height: 25.6px;
	line-height: 140%;
	text-align: left;
	z-index: 154;
}
@media (max-width: 821px) {
	.description-span-title {
		width: 100%;
		height: auto;
		font-size: 2.1vw;
	}
}
@media screen and (max-width: 670px) {
	.description-span-title {
		font-size: 3.5vw;
	}
}

.sold-out-span {
	align-self: stretch;
	position: relative;
	height: 26px;
	color: #676767;
#	font-size: 16px;
	font-size: 1.1vw;
	font-weight: 700;
	line-height: 25.6px;
	text-align: left;
	z-index: 155;
}
@media (max-width: 821px) {
	.sold-out-span {
		font-size: 2.3vw;
	}
}
@media screen and (max-width: 670px) {
	.sold-out-span {
		font-size: 2.8vw;
	}
}


/* -------------------------------------
	TORIKUMI
----------------------------------------*/
.fit__lp-torikumi {
	background: #f5f7fa;
	padding: 5% 0;
}

.fit__lp-torikumi-area {
	width: 74%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	place-items: center;
	margin: auto;
	gap: 1vw;
}
@media screen and (max-width: 670px) {
	.fit__lp-torikumi-area {
		width: 82%;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 3vw;
	}
}

.fit__lp-torikumi-link {
	width: 100%;
}

.fit__lp-torikumi-link img {
	width: 100%;
	vertical-align: bottom;
}

.fit__lp-torikumi-txt {
	width: 74%;
	font-size: 0.72vw;
	margin: auto;
}
@media screen and (max-width: 670px) {
	.fit__lp-torikumi-txt {
		width: 82%;
		font-size: 2.3vw;
		margin: auto;
	}
}


/* -------------------------------------
	COPYRIGHT
----------------------------------------*/
.copyright {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 11px;
	position: relative;
	height: auto;
#	width: 900px;
	width: 100%;
	padding: 16px 0 16px 0;
	z-index: 326;
	margin-top: 50px;
	color: #000000;
}
@media (max-width: 821px) {
	.copyright {
		width: 100%;
		gap: 15px;
#		text-align: left;
#		justify-content: flex-start;
#		align-items: flex-start;
	}
	.copyright span:last-of-type {
		text-align: center;
		width: 100%;
	}
}

.footer-logo {
	width: 6%;
}