@charset "utf-8";

/* shop
---------------------------------------------- */

#shop {
}

#shop > div > div.wrap {
	width:calc(100% - 90px);
	max-width:620px;
	margin:0 auto;
	color:#FFF;
}

#shop > div > header {
	position:relative;
	width:275px;
	margin:0 auto 60px auto;
}

#shop > div > div > header > strong {
	font-size:15px;
	display:block;

	font-family: "Tsukimi Rounded", sans-serif;
	font-weight: 500;
	font-style: normal;
}

#shop > div > div > header > span > img {
	width:227px;
	padding:12px 0 18px 0;
	max-width:100%;
}
#shop > div > div > header > h1 {
	font-size:20px;
	display:block;
	margin-bottom:20px;

	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 800;
	font-style: normal;
}
#shop > div {
	padding:130px 0;
}
/* food_drink */
#shop > div#food_drink {
	background-color:#B3205F;
}
#shop > div#food_drink > div > header > span > img {
	width:213px;
}
#shop > div#food_drink > div > header > h1 {
	color:#F79E0E;
}
/* market */
#shop > div#market {
	background-color:#F4AF24;
	clip-path: polygon(0 0,100% calc(0% + 10vw), 100% 0, 100% calc(100% - 10vw), 0 100%);
	margin-top:-10vw;
}
#shop > div#market > div > header > span > img {
	width:279px;
}
#shop > div#market > div > header > h1 {
	color:#650000;
}
/* workshop */
#shop > div#workshop {
	background-color:#620E13;
	margin-top:-10vw;
}
#shop > div#workshop > div > header > span > img {
	width:177px;
}
#shop > div#workshop > div > header > h1 {
	color:#006D63;
}

#food_drink header {
	position:relative;
	padding-bottom:20px;
}
	@media(max-width:479px) {
		#food_drink header {
			padding-top:70px;
		}
	}

#food_drink header > img {
	width:240px;
	position:absolute;
	top:-40px;
	right:-210px;
}
	@media(max-width:1279px) {
		#food_drink header > img {
			width:200px;
			right:-75px;
		}
	}
	@media(max-width:979px) {
		#food_drink header > img {
			width:180px;
			right:20px;
		}
	}
	@media(max-width:767px) {
		#food_drink header > img {
			width:130px;
			right:25px;
			top:-30px;
		}
	}
	@media(max-width:479px) {
		#food_drink header > img {
			width:100px;
			right:40px;
			top:-50px;
		}
	}

#food_drink header > img {
  animation: anime3 3.5s infinite;
}
@keyframes anime3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  8% {
    transform: skew(5deg, 5deg);
  }
  15% {
    transform: skew(-4deg, -4deg);
  }
  23% {
    transform: skew(3deg, 3deg);
  }
  30% {
    transform: skew(-2deg, -2deg);
  }
  38% {
    transform: skew(1deg, 1deg);
  }
  45% {
    transform: skew(-0.6deg, -0.6deg);
  }
  55% {
    transform: skew(0.3deg, 0.3deg);
  }
}

#shop .wrap ul {
	display:flex;
	flex-wrap:wrap;
}
#shop .wrap ul > li {
	text-align:center;
	width:45%;
	float:left;
	margin-right:10%;
	margin-bottom:30px;

	font-family: "Noto Sans JP", sans-serif;
	font-style: normal;
}
	@media(max-width:767px) {
		#shop .wrap ul > li {
			width:100%;
			float:none;
			margin-right:0;
		}
	}

#shop .wrap ul > li:nth-child(2n) {
	margin-right:0;
}
	@media(max-width:767px) {
		#shop .wrap ul > li:nth-child(2n) {
			margin-right:0;
		}
	}

#shop .wrap ul > li img {
	width:100%;
	margin-bottom:8px;
}
#shop .wrap ul > li > a:hover > img {
	opacity:0.9;
}
#shop .wrap ul > li span {
	display:block;
	margin-bottom:6px;
	font-size:14px;
	font-weight: 400;
}
#shop .wrap ul > li h3 {
	line-height:1.3;
	margin-bottom:6px;
	font-family:"M PLUS Rounded 1c", sans-serif;
	font-size:22px;
	font-weight: 600;
}
#shop .wrap ul > li p {
	line-height:1.6;
	font-weight: 400;
	font-size:17px;
}

#shop .wrap ul > li strong {
	margin-top:6px;
	padding:0 1em;
	line-height:27px;
	display:inline-block;
	font-family:"M PLUS Rounded 1c", sans-serif;
	background-color:#F56600;
	border-radius:12px;
	font-weight: 600;
	font-size:16px;
}