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


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

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

.newlife {
	color: #333;
	background-image: url("https://gigaplus.makeshop.jp/flakes/img/cpn/newlife/cpn-newlife-bg-sp.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: top;
}
.newlife-inner {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	padding-top: 3rem;
}

.newlife h3 {
	text-align: center;
}
.newlife h3 img {
	width: 80%;
}
.newlife .cpn-image {
	text-align: center;
	margin: auto auto 2rem;
	width: 90%;
}

.newlife .coupon {
	width: 95%;
	max-width: 1000px;
	background: #FBF9FA;
	margin: auto auto 3rem;
	padding: 2rem 1rem;
	position: relative;
	text-align: center;
}
.coupon .content01 {
	width: 100%;
	margin-bottom: 0rem;
}
.coupon .content02 {
	margin-bottom: 1rem;
}

.coupon .period {
	position: absolute;
	top: -3.5rem;
	right: -0.5rem;
	width: 25%;
}

.coupon-code {
	width: 100%;
	max-width: 700px;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.coupon-code dt {
	text-align: center;
	margin-bottom: .5rem;
}
.coupon-code dd {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly
}
.coupon-code dd p {
	display: block;
	width: 65%;
	font-size: clamp(20px, 4vw, 30px);
	font-weight: bold;
	text-align: center;
	border: 2px solid #021324;
	border-radius: 10px;
	background: #fff;
	height: 3rem;
	line-height: 3rem;
}
.coupon-code dd button {
	width: 25%;
	border: none;
	border-radius: 10px;
	background: #021324;
	color: #fff;
}

.outline {
	width: 85%;
	max-width: 700px;
	background: #F6FAFB;
	border-radius: 10px;
	padding: 1rem;
	margin: auto auto 5rem;
}
.outline dt {
	font-size: clamp(16px, 2vw, 20px);
    font-weight: bold;
    border-bottom: 1px solid #ddd;
	margin: 0 0 1rem;
}
.outline dd {margin-bottom: 1rem;}
.outline dd img {margin: 1rem;}

section {}

section h4 {
	font-size: clamp(20px, 4vw, 28px);
	font-weight: 900;
	text-align: center;
	margin-bottom: .5rem;
}
section.furniture h4 {color:#75ADBE; border-bottom: 1px solid #75ADBE;}
section.fashion-accessories h4 {color:#EAC84C; border-bottom: 1px solid #EAC84C;}
section.tableware h4 {color:#89CEB6; border-bottom: 1px solid #89CEB6;}


.newlife-picup-list {
	width: 100%;
	max-width: 1100px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: auto;
}

.newlife-picup-list dt {
	width: 100%;
	text-align: center;
	font-weight: 900;
}
.newlife-picup-list .pickup-item {
	width: 100%;	
	margin: 0;
	padding: 1rem;
}
.newlife-picup-list .pickup-etc {
	width: 100%;
}
.newlife-picup-list .pickup-etc ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0;
	padding: 0;
}
.newlife-picup-list .pickup-etc li {
	width: 50%;
	margin: 0;
	padding: 1rem;
}





.newlife-category-list {
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
	padding: 2rem 0 1rem 0;
}

.furniture .newlife-category-list {background: #F6F6F6;}
.fashion-accessories .newlife-category-list {background:#F6F6F6;}
.tableware .newlife-category-list {background:#F6F6F6;}



.newlife-category-list dt {
	text-align: center;
	width: 100%;
	font-weight: 900;
}
.newlife-category-list dd {
	width: 33%;
	padding: .5rem 0;
}
.newlife-category-list dd a {
	display: flex;
	flex-direction: column;
    align-items: center;
    padding: .5rem;
}
.newlife-category-list dd a img {
	width: 70px;
}



.brand-list-column {
	width: 100%;
	background: #F6F6F6;
	padding: 1.5rem 1rem 1rem 1rem;
	max-width: 100%;
}
.brand-list-column dt {font-weight: 900; margin-bottom: 1rem;}
.brand-list-column a {background: #fff;}

.furniture .brand-list-column {}
.fashion-accessories .brand-list-column {}
.tableware .brand-list-column {}




/* ▼▼▼▼▼▼▼▼▼▼ タブレット ▼▼▼▼▼▼▼▼▼▼ */
@media screen and (min-width: 600px) {
	
	.newlife {
		color: #333;
		background-image: url("https://gigaplus.makeshop.jp/flakes/img/cpn/newlife/cpn-newlife-bg-pc.webp");
		background-size: contain;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top center;
		position: relative;
	}
	.newlife-inner {
		padding-top: 7rem;
	}
	
	.newlife h3 {
		margin-bottom: 2rem;
	}
	.newlife h3 img {
		width: 100%;
	}
	
	.coupon .content01 {
		width: 100%;
		max-width: 521px;
		margin-bottom: 1rem;
	}
	.coupon .content02 {
		width: 100%;
		max-width: 546px;
	}
	.coupon .period {
		position: absolute;
		top: -3rem;
		right: 3rem;
		width: 25%;
		max-width: 165px;
	}
	
	

	.newlife-picup-list .pickup-item {
		width: 40%;	
		margin: 0;
	}
	.newlife-picup-list .pickup-etc {
		width: 60%;
	}
	.newlife-picup-list .pickup-etc ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin: 0;
		padding: 0;
	}
	.newlife-picup-list .pickup-etc li {
		width: 33%;
		margin: 0;
	}
	
	
	.newlife-category-list dd {
		width: 20%;
		padding: .5rem 0;
	}
	.newlife-category-list dd a {

	}
	



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



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

@media screen and (min-width: 960px){
	
	
	.fwa .k-visual-inner {right: 20vw;}
	
	.wrapper.wrapper--column-1 .__inner, .wrapper--product-detail .__inner {max-width: 2000px;}
	
	.k-visual {
		height: calc(83vh - 0px)!important;
		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%;}

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