body, html {
  margin: 0;
  padding: 0;
}
/*ハンバーガーメニュー*/
	/*ハンバーガーメニュー装飾*/
		.Hamburger {
			position: fixed;
			 top: 0;
			 left: 0;
			 width: 100%;
			 z-index: 10000;
		}
		.Hamburger label{
			 position: fixed;
		}
		.Hamburger span{
			position: fixed;
		}

		nav { position: relative;
		}
		label {
			width: 50px;
			height: 50px;
			display: block;
			background-color: #FF1D79;
			border-radius: 50%;
			position: absolute;
			left: 10px;
			top: 10px;
			z-index: 10000;
			mix-blend-mode: overlay;
		}
		span {
			width: 30px;
			height: 5px;
			background-color: #ffffff;
			position: fixed;
			left: 20px;
			transition: .3s;
			z-index: 1000;}
			.span1 {top: 22px;}
			.span2 {top: 33px;}
			.span3 {top: 44px;}
			.checkboxback { width: 50px;
				height: 50px;
				display: block;
				background-color: #FF1D79;
				border-radius: 50%;
				position: fixed;
				left: 10px;
				top: 10px;
				z-index: 100;}

	/*ハンバーガーメニューバツ印化*/
		#check:checked ~ .span2 {
			display: none;
		}
		#check:checked ~ .span1 {
			width: 40px;
			transform: rotate(45deg);
			top: 33px;
			left:15px;
		}
		#check:checked ~ .span3 {
				width: 40px;
				transform: rotate(-45deg);
				top: 33px;
				left:15px;}
		#check {display: none;
		}

	/*ハンバーガーメニューのメニュー表示*/
		.Hamburger ul {
			text-align: ;
			width: 100%;
			height: 100%;
			top: 100px;
			margin-top: auto;
			padding: 0;
			text-align: center;
			list-style: none;
			position: fixed;
			left: -100%;
			transition: 0.5s;
			z-index: 11;
		}
		.Hamburger li {padding-top: 20px;
		}
		.Hamburger a {
			text-decoration: none;
			color: #FF1D79;
			font-family: 'Kdam Thmor Pro', sans-serif;
			font-weight: normal;
			font-size: 30px;
		}

		.Hamback{
			animation: fadeOut 1s  normal;
			animation-fill-mode: forwards;
			width: 100%;
			height: 100%;
			background-color: #FFB0D4;
			margin: 0;
			padding: 0;
			position: fixed;
			top: 0;
			left: -100%;
			transition: 0.5s;
			z-index: 10;}
			#check:checked ~ ul { left: 0;}
			#check:checked ~ .Hamback { left: 0;
				animation: fadeIn 1s  normal;

			}

			@keyframes fadeIn {
				from { opacity: 0; }
				to   { opacity: 1; }
			}

			@keyframes fadeOut {
				from { opacity: 1; }
				to   { opacity: 0; }
			}
		}
/*ハンバーガーメニュー終わりーーーーーーーーーーーーーーーーーーーーーーーー*/