@charset "UTF-8";

.first-wrapper{
	box-sizing: border-box;
	padding:60px 0;
	background-color:#e6e1da;
}

.title{
	width:850px;
	margin:40px auto;
	justify-content:space-between;
	align-items:center;
}

.apr-title-01{
	width:18%;
}

.title .caption{
	width:80%;
}

.main-wrapper{
	width:900px;
	margin:50px auto;
	justify-content:space-around;
	align-items:flex-start;
	flex-wrap: wrap;
}

.item-box{
	width:42%;
	margin:60px 0 60px;
}

.item-img{
	width:80%;
	margin:auto;
}

.style-box{
	width:45%;
	margin-bottom:50px;
}

.style-box img{
	margin-bottom:5px;
}

h1{
	color:#666!important;
}

.coordinate-title .style-box h1{
	font-family: 'Noto Sans JP', sans-serif!important;
	font-weight:700;
	font-size:2.3rem;
	line-height:2;
}

.coordinate-title{
	margin-top:40px;
	text-align: center;
}

.style-box h2{
	font-family: 'Noto Sans JP', sans-serif!important;
	color:#000;
	font-size:1.8rem;
	line-height:2.5;
}

.middle{
	font-weight:400;
	font-size:1.4rem;
}

.main-item-buy{
	list-style-type: none;
	font-size:1.3rem;
	line-height:2.5;
	margin:25px 0;
}

.main-item-buy .buy_button{
	margin-left:5px;
}

.medium{
	font-weight:700;
	font-size:1.6rem;
}

.comment{
	box-sizing: border-box;
	padding:10px;
}

.new-item-list{
	margin:20px 0;
}

.end-title{
	width:10%;
	margin:10px auto 50px;
}

.yomo-title{
	width:500px;
	margin:30px 0;
}

/*タブレット*/
@media screen and (max-width: 820px){
	.title{
		width:70%;
	}
	
	.main-wrapper{
		width:82%;
	}
	
	.style-box h2{
		font-size:1.7rem;
	}
	
	.middle{
		display:block;
		padding-left:10px;
	}
	
	.end-title{
		width:20%;
		margin:-20px auto 30px;
	}
}

/*スマホ*/
@media screen and (max-width:640px){

	.coordinate-title{
		font-size:1.7rem;
		line-height:2.3;
		padding-top:30px;
	}
	
	.main-wrapper{
		margin:30px auto;
	}
	
	.item-box{
		width:42%;
		margin:30px 0 60px;
	}

	.apr-title-01{
		width:30%;
		margin:auto;
	}
	
	.title, .item-box, .style-box, .yomo-title{
		width:100%;
	}
	
	.end-title{
		width:28%;
	}

}
/* CSS Document */