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


/*ｈの位置決め*/
.pr-h{
	/*border:1px solid #000000;*/
	text-align:center;
	margin-bottom:140px;
}

@media(max-width:768px){
	.pr-h{
		margin-top:90px;
		margin-bottom:30px;
	}
}

/*商品リストすべての大枠*/
.pr-box{
	/*border:1px solid #000000;*/
	width:70%;height:auto;
	margin:0 auto;
}

@media(max-width:768px){
	.pr-box{
		width:90%;
	}
	
}

/*アイテムの大枠*/
.pr-item{
	/*border:1px solid #000000;*/
	display:flex;
	gap:10px;
	flex-direction: column;
	align-items:center;
	padding:10%;
	margin-bottom:200px;
}

@media(max-width:768px){
	.pr-item{
		padding:5%;
		margin-bottom:50px;
	}
}

.pr-item1{
	background:url("../imges/prback1.svg") no-repeat center;
	background-size:contain;
	
}
.pr-item2{
	background:url("../imges/prback2.svg") no-repeat center;
	background-size:contain;
	
}

.pr-item3{
	background:url("../imges/prback3.svg") no-repeat center;
	background-size:contain;
	
}

.pr-item4{
	background:url("../imges/prback4.svg") no-repeat center;
	background-size:contain;
	margin-bottom:140px;
}
@media(max-width:768px){
	.pr-item4{
		margin-bottom:30px;
	}
}

/*各セクションタイトル*/
.pr-h-box{
	/*border:1px solid #000000;*/
	display:flex;
	flex-direction:column;
	gap:10px;
	align-items:center;
}

/*各セクションアイテム*/
.pr-item-naka{
	/*border:1px solid #00FF00;*/
	display:flex;
	flex-direction:column;
	gap:10px;
	
}

/*イメージ大枠*/
.pr-img-box{
	margin:0 auto;
	text-align:center;
	/*border:1px solid #000000;*/
	width:45%;
	
}

.pr-img-box img{
	width:100%;
}

/*アイテムの横並び*/
.pr-item-flex{
	display:flex;
	gap:50px;
}

@media(max-width:768px){
	.pr-item-flex{
		gap:10px;
	}
}

.pr-p-box{
	display:flex;
	flex-direction:column;
	align-items:center;
}


/*各セクション文字*/
.pr-h1{
	font-size:clamp(1.125rem, 0.443rem + 3.41vw, 3rem);
	color:#8E1B1B;
	text-shadow:5px 5px 4px rgba(51, 51, 51, 0.25);
}

.pr-h2{
	font-size:clamp(1.125rem, 0.443rem + 3.41vw, 3rem);
	color:#595A03;
	text-shadow:5px 5px 4px rgba(51, 51, 51, 0.25);
}

.pr-h3{
	font-size:clamp(1.125rem, 0.443rem + 3.41vw, 3rem);
	color:#510C5C;
	text-shadow:5px 5px 4px rgba(51, 51, 51, 0.25);
}

.pr-h4{
	font-size:clamp(1.125rem, 0.443rem + 3.41vw, 3rem);
	color:#075A19;
	text-shadow:5px 5px 4px rgba(51, 51, 51, 0.25);
}


/*下の段*/
.pr-p-1{
	font-size:clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
	color:#A87474;
}

.pr-p-2{
	font-size:clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
	color:#A8A374;
}

.pr-p-3{
	font-size:clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
	color:#9774A8;
}

.pr-p-4{
	font-size:clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
	color:#7BA874;
}


.pr-name{
	font-size:clamp(0.875rem, 0.872rem + 0.17vw, 1rem);
}

.pr-money{
	font-size:14px;
}