@charset "utf-8";
/* CSS Document */


/* ▼▼▼▼▼▼▼▼▼▼ スマートフォン ▼▼▼▼▼▼▼▼▼▼ */

/* -------------------------------------------------- SP toppage */


h3 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fla .k-visual {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 5rem;
}
.fla .k-visual-image {
	width: 100%;
	background-image: url(https://gigaplus.makeshop.jp/flakes/img/brand/fla/fla-kv-sp.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 51.5vw;
	margin: 0 0 1.5rem 0;
}

.fla .k-visual-copy {
	width: 100%;
	padding: 0 1.5rem;
}
.fla .k-visual-copy div h3 {
	display: flex;
	justify-content: center;
	margin: 0 .5rem 1rem 0;
}



.fla .concept {
	width: 100%;
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.fla .concept h3 {
	font-size: clamp(22px, 3vw, 26px);
	margin-bottom: 1rem;
}
.fla .concept-image {
	width: 80%;
	max-width: 500px;
	margin: auto auto 1rem;
}
.fla .concept-copy {
	width: 80%;
	max-width: 500px;
	margin: auto;	
}




.laisser-faire {width: 100%;}
.laisser-faire .laisser-faire-kv {width: 100%;}

.laisser-faire .laisser-faire-inner {
	width: 90%;
	max-width: 520px;
	margin: -1rem auto auto;
}
.laisser-faire .laisser-faire-inner div {
	padding: 0 1rem;
}

.laisser-faire .laisser-faire-logo {
	width: 100px;
	margin: auto auto 1rem;
}

.fla-products {
	display: flex;
	flex-wrap: wrap;
	padding: 1rem;
}
.fla-products li {
	width: 50%;
	max-width: 190px;
	padding: .5rem;
	margin-bottom: 1rem;
}

.laisser-faire .laisser-faire-inner .fla-products li div {width: 100%;}
.porteporta .porteporta-inner .fwa-products li div {width: 100%;}
.spielen .spielen-inner .fwa-products li div {width: 100%;}




/* ▼▼▼▼▼▼▼▼▼▼ タブレット ▼▼▼▼▼▼▼▼▼▼ */
@media screen and (min-width: 600px) {
	
	.fla .k-visual {
		display: flex;
		flex-direction: row;		
	}
	.fla .k-visual-image {
		width: 60%;
		background-image: url(https://gigaplus.makeshop.jp/flakes/img/brand/fla/fla-kv-pc.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: auto;
		margin: 0;
	}
	.fla .k-visual-copy {
		width: 40%;
		background: #F6F4EF;
	}
	.fla .k-visual-copy div {
		width: 80%;
		max-width: 200px;
		padding: 6rem 0;
		margin: auto auto auto 3vw;
	}
	
	.fla .k-visual-copy div h3 {
		display: flex;
		justify-content: center;
		margin: 0 .5rem 1rem 0;
}
	
	
	.fla .concept {
		flex-direction: row;
		margin-bottom: 6rem;
	}

	.fla .concept-image {
		width: 50%;
		max-width: 500px;
		margin: auto;
		order: 2;
	}
	.fla .concept-copy {
		width: 50%;
		max-width: 500px;
		padding: 0 5vw;
		margin: auto;
		order: 1;
	}
	.fla .concept-copy h3 {
		
	}
	.fla .concept-copy p {
		margin-bottom: 1rem;
	}
	
	
	
	.laisser-faire {
		background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fla/fla-b1-pc.webp");
		height: 900px;
		background-position: center;
		position: relative;
	}
	.laisser-faire-kv {display: none;}
	.laisser-faire .laisser-faire-inner {
		position: absolute;
		width: 65%;
		max-width: 960px;
		top: 40%;
		right: 0;
	}
	.laisser-faire .laisser-faire-inner div {
		width: 80%;
		max-width: 400px;
		margin: auto;
	}
	

	

	
	.fla-products {
		margin:auto;
		display: flex;
		justify-content: space-around;
	}
	.porteporta	.fla-products {
		width: 100%;
		max-width: 800px;
		margin:auto;
		display: flex;
		justify-content: flex-start;
	}
	.fla-products li {padding: 1rem;}

	
	
	



/* ▲▲▲▲▲▲▲▲▲▲ タブレット ▲▲▲▲▲▲▲▲▲▲ */
}



/* ▼▼▼▼▼▼▼▼▼▼ PC ▼▼▼▼▼▼▼▼▼▼ */

@media screen and (min-width: 960px){
	
	
	
	.wrapper.wrapper--column-1 .__inner, .wrapper--product-detail .__inner {max-width: 2000px;}
	
	.k-visual {
		margin-bottom: 5rem;
	}
	
	.k-visual .k-visual-inner {	}

	.k-visual .k-visual-inner img {	}


	.k-visual .k-visual-inner div {	}

	.k-visual .k-visual-inner p {
		line-height: 1.8;
	}
/* ▲▲▲▲▲▲▲▲▲▲ PC ▲▲▲▲▲▲▲▲▲▲ */
}

/* ▲▲▲▲▲▲▲▲▲▲ 調整 ▲▲▲▲▲▲▲▲▲▲ */
@media screen and (min-width: 1300px){
	.fwa .k-visual-inner {right: 25vw;}
	.dido .dido-inner {left: 5%;}
	.porteporta .porteporta-inner {right: 5%;}
	.spielen .spielen-inner {left: 5%;}

/* ▲▲▲▲▲▲▲▲▲▲ 調整 ▲▲▲▲▲▲▲▲▲▲ */
}