@charset "UTF-8";


/* ====================================
	共通スタイル
 ==================================== */

.mtss {
	margin-top: 2rem;
}

.center {
	text-align: center;
}

.sub01 h4 {
	font-weight: 600;
	margin-bottom: 1.5em;
	margin-top: 5rem;
}

.sub-sub-title {
	margin-bottom: 1em;
}

.sub01 h4 + .sub-sub-title {
	margin-top: 2em;
}


.sub02 h4,
.sub03 h4 {
	font-weight: 600;
	margin-bottom: 0.8rem;
}

.dirt-name {
	text-align: center;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

/* 動画サムネイル */
.movie-container .flex-movie-item.thumb-bleach {
	background-image: url(images/bnr-bleach.jpg);
}

.movie-container .flex-movie-item.thumb-sneaker {
	background-image: url(images/bnr-sneaker.jpg);
}


/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

	.sub-section:last-child{
		margin-bottom: 5rem;
	}

	.flex-container.column4>.flex-item {
		width: 48%;
		margin-top: 1rem;
	}

	.flex-container.l30p {
		margin-bottom: 5rem;
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {

	.sub-section:last-child{
		margin-bottom: 8rem;
	}


	.flex-container.l30p {
		justify-content: space-between;
		margin-bottom: 5rem;
	}
	.flex-container.l30p .flex-item.small {
		width: 30%;
	}
	.flex-container.l30p .flex-item.large {
		width: 64%;
	}
	.flex-container.l30p .flex-item.large .flex-item {
		margin-bottom: 6rem;
	}

	.flex-container.half>.flex-item.size50 {
		width: 50%;
	}

	.flex-container.l60p {
		width: 90%;
		margin: 0 auto;
		justify-content: space-between;
	}
	.flex-container.l60p .flex-item.small {
		width: 37%;
	}
	.flex-container.l60p .flex-item.large {
		width: 60%;
	}

	.movie-container {
			margin-top: 6rem;
	}

}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width:768px) and (max-width:1079px) {

}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {

}

/* ====================================
	印刷専用スタイル
===================================== */
@media print {
}