@charset "UTF-8";
.bold{
	font-weight:bold;
}

p{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.first-wrapper{
	background-color: #E2CCA5;
	padding:40px 0 0;
	margin-bottom:80px;
	position:relative;
	top:-10px;
}

.top-caption{
	width:800px;
	margin:40px auto;
}

.top-caption h1{
	text-align: center;
}

.top-caption h1 img{
	width:100%;
	margin-top:-100px;
	display:block;
	position:relative;
	top:180px;
}

.top-caption p{
	font-size:14px;
	text-align: justify;
	color:#000;
	padding:0 30px;
}

.present-wrapper{
	width:100%;
	padding:40px;
}

.beige{
	background-color: #E1D6C3;
}

.brown{
	background-color: #DABF8E;
}

.present-wrapper h2{
	text-align: center;
}

.present-wrapper h2 img{
	width:450px;
}

.first_title{
	margin-top:140px;
	margin-bottom:20px;
}

.present-box{
	width:800px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: auto;
	align-items: flex-start;

}

.item-box{
	width:250px;
	margin:30px 0;
}

.item-box p{
	text-align: justify;
	font-size:12px;
}

.gift-illust_01 img, .gift-illust_02 img, .gift-illust_03 img{
	display:block;
	position:relative;
}

.gift-illust_01 img{
	width:200px;
	bottom:550px;
	left:73%;
	margin-bottom:-180px;
}

.gift-illust_02 img{
	width:180px;
	bottom:520px;
	left:12%;
	margin-bottom:-210px;
}

.gift-illust_03 img{
	width:150px;
	bottom:650px;
	left:73%;
	margin-bottom:-230px;
}

.murasaki_present{
	width:800px;
	margin:50px auto;
	padding-top:70px;
}

.murasaki_present img{
	width:550px;
	margin:30px 0 0;
}

.whatsnew_caption p{
	text-align: justify;
	font-size:13px;
	margin-bottom:50px;
}

.murasaki_present h2, .murasaki_present h3{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-align: center;
	color:#2f5173;
}

.murasaki_present h2{
	font-size:30px;
	margin-bottom:20px;
}

.murasaki_present h3{
	font-size:18px;
}

.whatsnew_caption h4{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:18px;
	margin-bottom:20px;
	font-weight: bold;
	color:#2f5173;
}

.whatsnew_caption .red{
	color:#FF0004;
}

.murasaki_present h5{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:15px;
	font-weight:bold;
}

@media screen and (max-width: 768px){

	.top-caption, .present-box, .murasaki_present{
		width:600px;
	}
	
	.gift-illust_01 img{
		width:150px;
		bottom:550px;
		left:80%;
		margin-bottom:-120px;
	}

	.gift-illust_02 img{
		width:150px;
		bottom:550px;
		left:1%;
		margin-bottom:-150px;
	}

	.gift-illust_03 img{
		width:120px;
		bottom:1100px;
		left:85%;
		margin-bottom:-170px;
	}


}

@media screen and (max-width:640px){

	.top-caption{
		width:350px;
	}
	
	.top-caption{
		font-size:12px;
	}
	
	.present-box{
		width:300px;
		display:block;
	}
	
	.item-box{
		width:300px;
		margin:60px 0;
	}
	
	.gift-illust_01 img{
		width:100px;
		bottom:1500px;
		left:77%;
		margin-bottom:-100px;
	}

	.gift-illust_02 img{
		width:100px;
		bottom:520px;
		margin-bottom:-120px;
	}

	.gift-illust_03 img{
		width:80px;
		left:79%;
		bottom:2050px;
		margin-bottom:-120px;
	}
	
	.murasaki_present{
		width:300px;
	}
	
	.whatsnew_caption p{
		font-size:12px;
		margin:15px 0;
	}
	
	.whatsnew_caption h4{
		font-size:16px;
		margin-top:50px;
	}
	
	.murasaki_present h5{
	font-size:12px;
	}

	
	
}


/* CSS Document */