@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap');

#PetitGift_wrap {
	width:100%;
/*	width:100vw; */
	display:block;
	box-sizing:border-box;
	padding:0 !important;
	margin:0 !important;
/*	padding-left:calc((100vw - 1000px) / 2);
	padding-right:calc((100vw - 1000px) / 2);
	overflow:hidden !important; */
	margin:0 auto !important;
	padding-top:60px !important;
	padding-bottom:60px !important;
	text-align:center !important;
	font-size:14px;
	line-height:200%;
	color:#1a1a1a;
	font-family: 'Noto Serif JP', serif;
	font-weight:300;
	background:#eeeeee;
	margin-top:180px;
}
#PetitGift_Page {
	width:100%;
	max-width:1000px;
	padding:0 !important;
	margin:0 auto !important;
	color:#000;
	box-sizing:border-box;
}
#PetitGift_Page div,#PetitGift_Page p,#PetitGift_Page span,#PetitGift_Page figure,#PetitGift_Page h2, #PetitGift_Page h3, #PetitGift_Page ol, #PetitGift_Page li { margin:0; padding:0; }
#PetitGift_Page a {
	color:#000;
	text-decoration:none;
}
#PetitGift_Page .clearfix {
	clear:both;
}
/*遅延*/
#PetitGift_Page .effect {
	transition: ease .8s;
	opacity: 0;
	transform: translateY(10%);
}

#PetitGift_Page .fadein {
	opacity: 1;
	transform: translateY(0); 
}

#PetitGift_Page figure.top {
	width:100%;
	max-width:1000px;
	text-align:center;
}
#PetitGift_Page figure.top img {
	max-width:100%;
	height:auto;
	text-align:center !important;
	margin:0 auto;
}

#PetitGift_Page hr {
	width:100%;
	max-width:700px;
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#1c2743 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#1c2743 50%,transparent 100%);
	margin:50px auto 0 auto;
}
#PetitGift_Page .maintxt {
	width:100%;
	max-width:500px;
	text-align:left;
	margin:50px auto 0 auto;
}

#PetitGift_Page .itembox {
	width:100%;
	max-width:800px;
	display:block;
	margin:80px auto;
	font-size:16px;
}
#PetitGift_Page .itembox img {
	max-width:100%;
	height:auto;
}
	#PetitGift_Page .itembox .itemname {
		font-weight:bold;
		margin-top:10px;
	}
		#PetitGift_Page .itembox .itemname .price {
			margin-left:1.0em;
		}
		#PetitGift_Page .itembox .itemname .tax:before {
			content:"\FF0B";
			display:inline-block;
			padding:0 5px;
		}
	#PetitGift_Page .itembox .detail {
		font-weight:normal;
	}
	#PetitGift_Page .itembox .move a {
		width:100%;
		max-width:450px;
		display:block;
		background:#1c2743;
		box-sizing:border-box;
		padding:10px 0;
		margin:20px auto;
		color:#fff;
		text-decoration:none;
		border:1px solid #1c2743;
		transition: all 500ms 0s ease;
	}
	#PetitGift_Page .itembox .move a:hover {
		background:#fff;
		color:#1c2743;
		border:1px solid #1c2743;
		transition: all 500ms 0s ease;
	}
		#PetitGift_Page .itembox .move a:after {
			content:"\226B";
			display:inline-block;
			padding-left:1.0em;
			font-size:12px;
		}

#PetitGift_Page .ot_btn a {
	width:100%;
	max-width:700px;
	display:block;
	margin:30px auto 50px auto;
	background:#fff;
	box-sizing:border-box;
	padding:20px 0;
	border:4px double #1c2743;
	border-radius:30px;
	transition: all 500ms 0s ease;
}
#PetitGift_Page .ot_btn a:hover {
	background:#1c2743;
	color:#fff;
	border:4px double #fff;
	transition: all 500ms 0s ease;
}
	#PetitGift_Page .ot_btn a p {
		font-size:16px;
	}
	#PetitGift_Page .ot_btn a p:after {
		content:"\25B6";
		display:inline-block;
		padding-left:1.0em;
		font-size:12px;
	}


/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:767px) {
#GiftColeection_wrap {
	width:100%;
	font-size:15px !important;
	box-sizing:border-box;
}
#PetitGift_Page {
	box-sizing:border-box;
}

/*遅延*/
#PetitGift_Page .effect {
	transition: ease .8s;
	opacity: 0;
	transform: translateY(20%);
}

#PetitGift_Page .fadein {
	opacity: 1;
	transform: translateY(0); 
}
#PetitGift_Page {
	width:90%;
	margin:0 auto !important;
}
#PetitGift_Page .pc {
	display:none !important;
}
#PetitGift_Page .sp {
	display:block !important;
}
#PetitGift_Page figure.top img {
	width:100%;
	height:300px;
	object-fit: cover;
}

	#PetitGift_Page .itembox .move a {
		width:80%;
	}
	
}
/* ------------------------------------------- */
/* ------------------------------------------- */

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

/* ------------------------------------------- */
/* ------------------------------------------- */

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

/* ------------------------------------------- */