@charset "UTF-8";

:root {
	--font-basic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	--font-heading: 'Roboto Condensed', sans-serif;
	--color-basic: #000;
	--color-border-dark: #999;
}

.js-anim-trigger {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	opacity: 0;
}

.js-anim-trigger.active {
	opacity: 1;
}

@-webkit-keyframes anim_cutin {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}
}

@keyframes anim_cutin {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}
}

@-webkit-keyframes anim_border {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes anim_border {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

html {
	font-size: 62.5%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	html {
		font-size: calc(10* (100vw / 1200));
	}
}

@media screen and (max-width: 767px) {
	html {
		font-size: calc(10* (100vw / 750));
	}
}

body {
	width: 100%;
}

.main-container.__landing-page img,
.main-container.__landing-page video {
	width: 100%;
	height: auto;
}

.main-container.__landing-page * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-container.__landing-page a,
.main-container.__landing-page picture {
	display: block;
}

@media screen and (max-width: 767px) {
	.main-container.__landing-page .order_1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.main-container.__landing-page .order_2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
}

/*//////////////////////////////////////////////////

Title : _main.css
For   : "SWEATSHIRTS COLLECTION" styles of the site

Created       : 2021-12-09
Last Modified : 2021-12-09


==========================================

Content

    common

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            common
============================================================================================== */
.main-container.__landing-page {
	width: 100%;
	margin: 0 auto;
	-webkit-font-feature-settings: "palt"1;
	font-feature-settings: "palt"1;
	color: var(--color-basic);
}

@media screen and (min-width: 768px) {
	.main-container.__landing-page {
		padding: 25px 0 150px;
	}
}

@media screen and (min-width: 1025px) {
	.main-container.__landing-page {
		font-size: 13px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.main-container.__landing-page {
		font-size: 12px;
	}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                        for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
	.main-container.__landing-page {
		width: 100%;
		padding: 0 0 25.33333vw;
		font-size: 13px;
	}
}

/*//////////////////////////////////////////////////

Title : _firstview.css
For   : "SWEATSHIRTS COLLECTION" styles of the site

Created       : 2021-12-09
Last Modified : 2021-12-09

==========================================

Content

    first view

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                          first view
============================================================================================== */
.main-container.__landing-page .firstview__wrapper {
	position: relative;
}

.main-container.__landing-page .firstview__title {
	position: relative;
	margin: auto;
}

.main-container.__landing-page .firstview__title::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-animation: anim_cutin 1s ease-in-out 0.25s forwards;
	animation: anim_cutin 1s ease-in-out 0.25s forwards;
}

.main-container.__landing-page .firstview__lead {
	font-size: 1.07692em;
	text-align: center;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
																					for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
	.main-container.__landing-page .firstview__title {
		max-width: 1200px;
		width: 95%;
	}

	.main-container.__landing-page .firstview__lead {
		line-height: 2;
		letter-spacing: 0.025em;
	}

	.main-container.__landing-page .firstview__lead--upper {
		margin-top: 120px;
	}

	.main-container.__landing-page .firstview__lead--lower {
		margin-top: 20px;
	}
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
																					for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {
	.main-container.__landing-page .firstview__title {
		width: 100%;
	}

	.main-container.__landing-page .firstview__lead {
		line-height: 1.85714;
	}

	.main-container.__landing-page .firstview__lead--upper {
		margin-top: 20vw;
	}

	.main-container.__landing-page .firstview__lead--lower {
		margin-top: 5.33333vw;
	}
}

/*//////////////////////////////////////////////////

Title : _content.css
For   : "SWEATSHIRTS COLLECTION" styles of the site

Created       : 2021-12-09
Last Modified : 2021-12-09

==========================================

Content

    content

//////////////////////////////////////////////////*/
/* ==============================================================================================
																						content
============================================================================================== */
.main-container.__landing-page .content__wrapper {
	position: relative;
	margin: auto;
}

.main-container.__landing-page .content__block {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.main-container.__landing-page .content__block.active .content__heading::after {
	-webkit-animation: anim_border 1.5s ease-in-out .5s forwards;
	animation: anim_border 1.5s ease-in-out .5s forwards;
}

.main-container.__landing-page .content__unit {
	position: relative;
}

.main-container.__landing-page .content__text {
	display: inline-block;
	position: absolute;
	z-index: 10;
}

.main-container.__landing-page .content__heading {
	position: relative;
	font-size: 1.84615em;
	font-family: var(--font-heading);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
	pointer-events: none;
}

.main-container.__landing-page .content__heading::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #666;
}

.main-container.__landing-page .content__description {
	pointer-events: none;
	font-family: var(--font-basic);
	line-height: 2;
	letter-spacing: 0.01em;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
	.main-container.__landing-page .content__wrapper {
		max-width: 1240px;
		margin-top: 120px;
		padding: 0 20px;
	}

	.main-container.__landing-page .content__block:not(:nth-of-type(-n + 2)) {
		margin-top: 90px;
	}

	.main-container.__landing-page .content__block--div01 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.main-container.__landing-page .content__block--div02 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.main-container.__landing-page .content__block--div03 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.main-container.__landing-page .content__block--div04 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.main-container.__landing-page .content__block--div05 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.main-container.__landing-page .content__unit {
		width: 90%;
	}

	.main-container.__landing-page .content__unit--div01 {
		padding-left: 270px;
		padding-right: 60px;
		max-width: 810px;
	}

	.main-container.__landing-page .content__unit--div02 {
		margin-top: -90px;
		padding-left: 60px;
		padding-right: 326px;
		max-width: 910px;
	}

	.main-container.__landing-page .content__unit--div03 {
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
		min-height: 1px;
		padding-left: 120px;
	}

	.main-container.__landing-page .content__unit--div04 {
		padding-left: 180px;
		max-width: 702px;
	}

	.main-container.__landing-page .content__unit--div05 {
		padding-left: 40px;
		padding-right: 416px;
		max-width: 936px;
	}

	.main-container.__landing-page .content__text--div01 {
		top: 60px;
		left: 0;
	}

	.main-container.__landing-page .content__text--div02 {
		bottom: 40px;
		right: 0;
	}

	.main-container.__landing-page .content__text--div03 {
		position: relative;
		margin-top: 30px;
	}

	.main-container.__landing-page .content__text--div04 {
		bottom: 20px;
		left: 0;
	}

	.main-container.__landing-page .content__text--div05 {
		max-width: 356px;
		width: 78vw;
		bottom: 80px;
		right: 0;
	}

	.main-container.__landing-page .content__heading {
		padding-bottom: 10px;
	}

	.main-container.__landing-page .content__description {
		margin-top: 28px;
	}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
	.main-container.__landing-page .content__wrapper {
		margin-top: 20.66667vw;
	}

	.main-container.__landing-page .content__block {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.main-container.__landing-page .content__block:not(:nth-of-type(1)) {
		margin-top: 29.33333vw;
	}

	.main-container.__landing-page .content__unit--div01 {
		margin-left: 4vw;
		padding-left: 16vw;
		padding-bottom: 38.5vw;
	}

	.main-container.__landing-page .content__unit--div02 {
		padding: 0 7.2vw 38.5vw;
	}

	.main-container.__landing-page .content__unit--div03 {
		margin-left: 4vw;
	}

	.main-container.__landing-page .content__unit--div04 {
		margin-left: 4vw;
		padding-left: 10.4vw;
		padding-bottom: 47.4vw;
	}

	.main-container.__landing-page .content__unit--div05 {
		padding: 0 10vw;
	}

	.main-container.__landing-page .content__image--div03 {
		padding-right: 16vw;
	}

	.main-container.__landing-page .content__text {
		margin-top: 8vw;
	}

	.main-container.__landing-page .content__text--div01 {
		left: 0;
		bottom: 0;
	}

	.main-container.__landing-page .content__text--div02 {
		left: 0;
		right: 0;
		bottom: 0;
		width: 74.66667vw;
		margin: auto;
	}

	.main-container.__landing-page .content__text--div03 {
		position: relative;
		padding-right: 8vw;
	}

	.main-container.__landing-page .content__text--div04 {
		left: 0;
		bottom: 0;
	}

	.main-container.__landing-page .content__text--div05 {
		position: relative;
		padding-right: 6vw;
	}

	.main-container.__landing-page .content__heading {
		padding-bottom: 2.66667vw;
	}

	.main-container.__landing-page .content__description {
		margin-top: 5.5vw;
	}
}

/*//////////////////////////////////////////////////

Title : _caption.css
For   : "SWEATSHIRTS COLLECTION" styles of the site

Created       : 2021-12-09
Last Modified : 2021-12-09

==========================================

Content

    caption

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                          caption
============================================================================================== */
.main-container.__landing-page .content__caption {
	position: relative;
	font-family: var(--font-heading);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1;
}

.main-container.__landing-page .content__caption span {
	display: inline-block;
	white-space: nowrap;
}

@media screen and (min-width: 768px) {
	.main-container.__landing-page .content__caption {
		margin-top: 25px;
		font-size: 1.07692em;
	}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
	.main-container.__landing-page .content__caption {
		margin-top: 5vw;
		font-size: 14px;
	}
}

/*//////////////////////////////////////////////////

Title : _button.css
For   : "SWEATSHIRTS COLLECTION" styles of the site

Created       : 2021-12-09
Last Modified : 2021-12-09


==========================================

Content

    button

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            button
============================================================================================== */
.main-container.__landing-page .button__wrapper {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.main-container.__landing-page .button__wrapper {
		margin-top: 120px;
	}
}

.main-container.__landing-page .button__element {
	display: inline-block;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.main-container.__landing-page .button__element {
		width: 200px;
		height: 40px;
		font-size: 1em;
	}

	.main-container.__landing-page .button__element:not(:nth-of-type(1)) {
		margin-top: 15px;
	}
}

.main-container.__landing-page .button__element a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: var(--color-basic);
	border: 1px solid var(--color-border-dark);
	letter-spacing: 0.075em;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
	.main-container.__landing-page .button__wrapper {
		margin-top: 20vw;
	}

	.main-container.__landing-page .button__element {
		width: 42.66667vw;
		height: 9.33333vw;
		white-space: nowrap;
	}

	.main-container.__landing-page .button__element:not(:nth-of-type(1)) {
		margin-top: 4vw;
	}
}