/* --------------------
mainvisual
--------------------- */
#mainvisual .mainvisual__swiper{
	width: 100%;
	max-width: 1000px;
	margin: 35px auto 15px auto;
	padding: 0 0 40px 0;
}
#mainvisual p{
	width: 100%;
	padding: 0 0 150px 0;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill01.png) no-repeat calc(100% + 120px) -60px;
	background-size: 400px auto;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1);
}
@media (max-width: 768px) {
	#mainvisual .mainvisual__swiper{
		margin: 14% auto 0 auto;
		padding: 0 0 10% 0;
	}
	#mainvisual p{
		width: 100%;
		padding: 0 10% 35% 10%;
		box-sizing: border-box;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill01.png) no-repeat right bottom;
		background-size: 65% auto;
		font-size: 16px;
		line-height: 30px;
		text-align: left;
	}
	#mainvisual p br{
		display: none;
	}
}

/* --------------------
pickup
--------------------- */
#pickup{
	width: 100%;
	margin: -80px auto 0 auto;
}
#pickup h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 25px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#pickup h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#pickup .pickup__swiper{
	overflow: visible;
}
#pickup .pickup__swiper .swiper-wrapper{
	width: calc(100% - 60px);
	max-width: 1000px;
	padding: 0 30px;
	margin: auto;
}
#pickup .swiper-slide{
	flex-shrink: 1;
	width: 30%;
}
#pickup .swiper-slide:nth-child(3n-1){
	margin: 0 5%;
}
#pickup a{
	text-decoration: none; 
}
#pickup dl{
	margin: 0 0;
}
#pickup dt{
	transition: all 0.2s;
}
#pickup dd{
	padding: 15px 0 0 0;
	color: #330000;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	transition: all 0.2s;
}
#pickup a:hover dt{
	transform: translateY(-3px);
	box-shadow: 10px 10px 20px 0px  rgba(70, 33, 8, .4);
}
#pickup a:hover dd{
	color: #af2323;
}

@media (max-width: 768px) {
	#pickup{
		margin: -8% auto 0 auto;
		overflow: hidden;
	}
	#pickup h2{
		font-size: 8vw;
		margin: 0 auto 6% auto;
	}
	#pickup h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#pickup .pickup__swiper{
		overflow: hidden;
		width: 160%;
		margin: 0 0 0 -30%;
	}
	#pickup .pickup__swiper .swiper-wrapper{
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	#pickup .swiper-slide{
		flex-shrink: 0;
		width: 100%;
		margin: 0;
	}
	#pickup .swiper-slide:nth-child(3n-1){
		margin: 0;
	}
	#pickup a{
		display: block;
		margin: 0 5%; 
	}
}


/* --------------------
information
--------------------- */
#information{
	width: 100%;
	padding: 0 0 50px 0;
	margin: 60px auto 0 auto;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill02.png) no-repeat left top;
	background-size: 350px auto;
	text-align: center;
}
#information h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 20px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#information h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#information dl{
	display: inline-block;
	max-width: 600px;
	margin: 0;
	text-align: left;
}
#information dl a{
	color: #330000;
	text-decoration: none;
	transition: all 0.2s;
}
#information dl a:hover{
	color: #af2323;
}
#information dt{
	float: left;
	margin: 2px 0 10px 0;
	width: 80px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-shadow: 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1);
}
#information dd{
	margin: 0 0 10px 80px; 
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-shadow: 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1);
}
#information .information__bt{
	margin: 20px 0; 
}
@media (max-width: 768px) {
	#information{
		width: 100%;
		padding: 15% 0 0 0;
		margin: 0 auto 0 auto;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill02.png) no-repeat -8% top;
		background-size: 45% auto;
		text-align: center;
	}
	#information h2{
		font-size: 8vw;
		margin: 0 auto 3% auto;
	}
	#information h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#information dl{
		margin: 0 5%;
	}
	#information dt{
		margin: 2px 0 8px 0;
		width: 55px;
		font-size: 10px;
	}
	#information dd{
		margin: 0 0 8px 55px; 
		font-size: 13px;
	}
	#information .information__bt{
		margin: 3% 0 8% 0; 
	}
}


/* --------------------
whtat
--------------------- */
#whtat{
	width: 100%;
	padding: 40px 0 10px 0;
	background: #5d3400 url(https://file003.shop-pro.jp/PA01172/219/images/top/whatBg.jpg) no-repeat center top;
	background-size: 100% auto;
	text-align: center;
}
#whtat h2{
	display: inline-block;
	padding: 30px 0 30px 80px;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/iconCate-recomen.png) no-repeat center left;
	background-size: contain;
	font-size: 30px;
	margin: 0 auto 10px auto;
	color: #fff;
	text-align: center;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#whtat p{
	margin: 0 auto 30px auto;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
#whtat .whtat__list01{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 60px);
	max-width: 1000px;
	margin: 0 auto 3% auto;
}
#whtat .whtat__list01 li{
	width: 30%;
	list-style: none;
}
#whtat .whtat__list01 li:nth-child(2){
	margin: 0 5%;
}
#whtat .whtat__list02{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 60px);
	max-width: 1000px;
	margin: 0 auto 3% auto;
}
#whtat .whtat__list02 li{
	width: 100%;
	list-style: none;
	margin: 1% auto;
}
#whtat a img{
	transition: transform 0.2s,box-shadow 0.2s;
}
#whtat a:hover img{
	border: 3px solid #eb8b45;
	margin: -3px;
	transform: translateY(-3px);
	box-shadow: 10px 10px 20px 0px  rgba(70, 33, 8, 1);
}

@media (max-width: 768px) {
	#whtat{
		width: 100%;
		padding: 5% 0 10px 0;
		background: #5d3400 url(https://file003.shop-pro.jp/PA01172/219/images/top/whatBg.jpg) no-repeat center top;
		background-size: 160% auto;
	}
	#whtat h2{
		padding: 5% 0 5% 15%;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/iconCate-recomen.png) no-repeat center left;
		background-size: contain;
		font-size: 5vw;
		margin: 0 auto 5% auto;
	}
	#whtat p{
		margin: 0 auto 30px auto;
		padding: 0 8%;
		font-size: 14px;
		line-height: 1.8;
		color: #fff;
		text-align: left;
	}
	#whtat p br{
		display: none;
	}
	#whtat .whtat__list01{
		width: 85%;
		margin: 0 auto 5% auto;
	}
	#whtat .whtat__list01 li{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	#whtat .whtat__list01 li:nth-child(2){
		margin: 0 auto 5% auto;
	}
	#whtat .whtat__list02{
		width: 85%;
		margin: 0 auto 5% auto;
	}
	#whtat .whtat__list02 li{
		width: 100%;
		margin: 0 auto 5% auto;
	}
}


/* --------------------
lineup
--------------------- */
#lineup{
	width: 100%;
	padding: 0 0 50px 0;
	margin: 60px auto 0 auto;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill03.png) no-repeat right bottom;
	background-size: 700px auto;
}
#lineup h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 30px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#lineup h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#lineup .lineup__inner{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 60px);
	max-width: 1000px;
	padding: 0 30px;
	margin: auto;
}
#lineup article{
	width: 30%;
}
#lineup article:nth-child(3n-1){
	margin: 0 5%;
}
#lineup article a{
	text-decoration: none;
}
#lineup article h3{
	margin: 12px 0 5px 0;
	color: #330000;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.05em;
	text-shadow: 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1);
	transition: all 0.2s;
}
#lineup article p{
	margin: 0 0 40px 0;
	color: #826d6d;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	text-shadow: 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1), 0px 0px 10px rgba(255, 242, 232, 1);
	transition: all 0.2s;
}
#lineup article a:hover h3,
#lineup article a:hover p{
	color: #af2323;
}
#lineup article a div{
	transition: all 0.2s;
}
#lineup article a:hover div{
	transform: translateY(-3px);
	box-shadow: 10px 10px 20px 0px  rgba(70, 33, 8, .4);
}
@media (max-width: 768px) {
	#lineup{
		width: 100%;
		padding: 0 0 40% 0;
		margin: 8% auto 0 auto;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill03.png) no-repeat right bottom;
		background-size: 90% auto;
	}
	#lineup h2{
		font-size: 8vw;
		margin: 0 auto 6% auto;
	}
	#lineup h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#lineup .lineup__inner{
		width: 80%;
		padding: 0;
		margin: auto;
	}
	#lineup article{
		width: 100%;
	}
	#lineup article:nth-child(3n-1){
		margin: 0;
	}
	#lineup article p{
		margin: 0 0 10% 0;
	}

}


/* --------------------
voice
--------------------- */
#voice{
	width: 100%;
	padding: 50px 0;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/bgCraft.png) center top;
}
#voice h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 30px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#voice h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#voice ul{
	width: calc(100% - 60px);
	max-width: 830px;
	margin: auto;
	font-size: 0;
}
#voice li{
	margin: 0 0 20px 0;
	list-style-type: none;
}
#voice .voice__bt{
	margin: 40px 0 20px 0; 
	text-align: center;
}
@media (max-width: 768px) {
	#voice{
		width: 100%;
		padding: 8% 0;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/bgCraft.png) center top;
	}
	#voice h2{
		font-size: 8vw;
		margin: 0 auto 6% auto;
	}
	#voice h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#voice ul{
		width: 85%;
	}
	#voice li{
		width: 100%;
		margin: 0 0 8% 0;
	}
	#voice .voice__bt{
		margin: 0 0 8% 0; 
		text-align: center;
	}
}


/* --------------------
ranking
--------------------- */
#ranking{
	width: 100%;
	margin: -70px auto 0 auto;
	padding: 130px 0 0 0;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill04.png) no-repeat left top;
	background-size: 260px auto;
}
#ranking h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 20px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#ranking h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#ranking .ranking__swiper{
	overflow: visible;
}
#ranking .ranking__swiper .swiper-wrapper{
	width: calc(100% - 60px);
	max-width: 1000px;
	padding: 0 30px;
	margin: auto;
}
#ranking .swiper-slide{
	flex-shrink: 1;
	width: 18%;
	margin: 0 1.25%;
}
#ranking .swiper-slide:first-child{
	margin: 0 1.25% 0 0;
}
#ranking .swiper-slide:last-child{
	margin: 0 0 0 1.25%;
}
#ranking a{
	text-decoration: none; 
}
#ranking a dt img{
	transition: all 0.2s;
}
#ranking a:hover dt img{
	transform: translateY(-2px);
	box-shadow: 6px 6px 12px 0px  rgba(70, 33, 8, .3);
}
#ranking dt{
	margin: 0;
}
#ranking dd{
	margin: 10px 0 0 0;
	color: #330000;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}
#ranking a:hover dd{
	color: #af2323;
}
#ranking .icon__ranking{
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 15px auto;
}
#ranking .icon__ranking span{
	position: relative;
	z-index: 10;
	display: block;
	width: 60px;
	height: 60px;
	color: #fff;
	font-size: 16px;
	line-height: 60px;
	font-weight: 600;
	text-align: center;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
	letter-spacing: 0.1em;
}
#ranking .icon__ranking::after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/iconRank04.png);
	background-size: 100% auto;
	animation: rotate 20s linear infinite;
}
@keyframes rotate{
	0% {
		transform: rotateZ(0);
	}
	100% {
		transform: rotateZ(360deg);
	}
}
#ranking .rank01::after{
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/iconRank01.png);
	background-size: 100% auto;
}
#ranking .rank02::after{
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/iconRank02.png);
	background-size: 100% auto;
}
#ranking .rank03::after{
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/iconRank03.png);
	background-size: 100% auto;
}
#ranking .icon__price{
	display: block;
	margin: 5px 0 0 0;
	color: #826d6d;
	font-weight: 400;
}
@media (max-width: 768px) {
	#ranking{
		width: 100%;
		margin: -10% auto 0 auto;
		padding: 20% 0 0 0;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill04.png) no-repeat left top;
		background-size: 30% auto;
		overflow: hidden;
	}
	#ranking h2{
		font-size: 8vw;
		margin: 0 auto 3% auto;
	}
	#ranking h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#ranking .ranking__swiper{
		overflow: hidden;
		width: 100%;
		margin: 0;
	}
	#ranking .ranking__swiper .swiper-wrapper{
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	#ranking .swiper-slide{
		flex-shrink: 0;
		width: 100%;
		margin: 0;
	}
	#ranking .swiper-slide:first-child{
		margin: 0;
	}
	#ranking .swiper-slide:last-child{
		margin: 0;
	}
	#ranking a{
		display: block;
		margin: 0 5%; 
	}
}


/* --------------------
recipe
--------------------- */
#recipe{
	width: 100%;
	margin: -20px auto 0 auto;
	padding: 75px 0 0 0;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill05.png) no-repeat right top;
	background-size: 330px auto;
}
#recipe h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 25px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#recipe h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#recipe .recipe__swiper{
	overflow: visible;
}
#recipe .recipe__swiper .swiper-wrapper{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 60px);
	max-width: 1000px;
	padding: 0 30px;
	margin: auto;
}
#recipe .swiper-slide{
	flex-shrink: 1;
	width: 30%;
	margin: 0 0 3% 0;
}
#recipe .swiper-slide:nth-child(3n-1){
	margin: 0 5% 3% 5%;
}
#recipe .recipe__swiper a{
	display: block;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
	transition: all 0.2s;
	text-decoration: none; 
}
#recipe .recipe__swiper a:hover{
	transform: translateY(-3px);
	box-shadow: 10px 10px 20px 0px  rgba(70, 33, 8, .4); 
}
#recipe dl{
	margin: 0;
}
#recipe dd{
	padding: 15px 0 5px 0;
	color: #330000;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	transition: all 0.2s;
}
#recipe a:hover dd{
	color: #af2323;
}
#recipe .recipe__bt{
	margin: 0 0 20px 0; 
	text-align: center;
}

@media (max-width: 768px) {
	#recipe{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 40% 0;
		background: url(https://file003.shop-pro.jp/PA01172/219/images/common/ill06.png) no-repeat right bottom;
		background-size: 90% auto;
		overflow: hidden;
	}
	#recipe h2{
		font-size: 8vw;
		margin: 0 auto 6% auto;
	}
	#recipe h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#recipe .recipe__swiper{
		overflow: hidden;
		width: 160%;
		margin: 0 0 0 -30%;
	}
	#recipe .recipe__swiper .swiper-wrapper{
		flex-wrap: nowrap;
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	#recipe .swiper-slide{
		flex-shrink: 0;
		width: 100%;
		margin: 0;	
	}
	#recipe .swiper-slide:nth-child(3n-1){
		margin: 0;
	}
	#recipe .swiper-slide a{
		display: block;
		margin: 0 5%; 
	}
	#recipe .recipe__bt{
		margin: 8% 0 8% 0; 
		text-align: center;
	}
}


/* --------------------
about
--------------------- */
#about{
	margin: 80px 0;
}
#about h2 a{
	display: block;
	width: calc(100% - 60px);
	max-width: 1000px;
	margin: auto;
	padding: 90px 0;
	background: url(https://file003.shop-pro.jp/PA01172/219/images/top/about.jpg) center center;
	background-size: cover;
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 0px 10px rgba(0, 62, 121, 1);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
	transition: all 0.2s;
}
#about h2 a strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#about h2 a:hover{
	opacity: 0.7;
}
@media (max-width: 768px) {
	#about{
		margin: 5% 0;
	}
	#about h2 a{
		width: 90%;
		margin: auto;
		padding: 20% 0;
		font-size: 8vw;
	}
	#about h2 a strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
}

/* --------------------
sns
--------------------- */
#sns{
	width: 100%;
	margin: 60px auto;
	text-align: center;
	overflow: hidden;
}
#sns h2{
	font-size: 40px;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto 25px auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:
	grayscale;
}
#sns h2 strong{
	display: block;
	padding: 12px 0 0 0;
	font-size: 13px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
}
#sns .fb-container {
	width: 500px;
	margin: auto;
}
#sns .sns__cookpad {
	width: 500px;
	margin: 50px auto 0 auto;
}
#sns .sns__cookpad a{
	display: block;
	border-radius: 10px;
	width: 100%;
	height: 150px;
	background: 
	background-size: auto 100%;
	overflow: hidden;
}
#sns .sns__cookpad a img{
	width: auto;
	height: 150px;
	transition: all 0.2s;
}
#sns .sns__cookpad a:hover img{
	opacity: 0.7;
}

@media (max-width: 768px) {
	#sns h2{
		font-size: 8vw;
		margin: 0 auto 6% auto;
	}
	#sns h2 strong{
		padding: 3% 0 0 0;
		font-size: 3.75vw;
	}
	#sns .fb-container {
		width: 90%;
		max-width: 500px;
		margin: auto;
	}
	#sns .sns__cookpad {
		width: 80%;
		margin: 10% auto 0 auto;
	}
	#sns .sns__cookpad a{
		display: block;
		border-radius: none;
		width: 100%;
		height: auto;
		background: none;
	}
	#sns .sns__cookpad a img{
		width: 100%;
		height: auto;
	}
}