@charset "utf-8";


/************************************************************
RESET & DEFAULT
************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: normal;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img	{
	display:block;
  border-width: 0;
  border-style: none;
  vertical-align: bottom;
}

a {
	display:block;
}

/************************************************************
COMMON STYLE
************************************************************/
body{
	text-align:center;
	font-size:0;
	line-height:0;
}


/************************************************************
INDIVIDUAL STYLE
************************************************************/

body{
	background-image:url('../img/bkg_body.png');
	background-position:top center;
}

#ttl_main{
	margin:10.1333% auto 0 auto;
	width:88.1333%;
	height:auto;
}

#ttl_lead{
	margin:3.6947% auto 0 auto;
	width:80%;
	height:auto;
}

.recipe_block{
	position:relative;
	margin:11.3333% auto 0 auto;
}

.recipe_block.recipe01{
	position:relative;
	margin:8.6667% auto 0 auto;
}

.recipe_block.recipe06{
	position:relative;
	margin:11.3333% auto 10.6667% auto;
}

.recipe_block .title{
	margin:0 auto 0 auto;
	width:100%;
	height:auto;
}

.recipe_block .title.first{
	margin:0 auto 0 auto;
	width:100%;
	height:auto;
}

.recipe_block .photo{
	margin:3.2% auto 0 auto;
	width:84.6667%;
	height:auto;
}

.recipe_block .mayo{
	position:absolute;
	width:14.9334%;
	height:auto;
}

.recipe_block .text{
	margin:3.4667% auto 0 auto;
	width:100%;
	height:auto;
}

.recipe_block .button{
	margin:4.6667% auto 0 auto;
	width:60%;
	height:auto;
}

.recipe01 .mayo{
	top:44%;
	left:3%;
}

.recipe02 .mayo{
	top:42.3%;
	left:3%;
}

.recipe03 .mayo{
	top:43%;
	left:3%;
}

.recipe04 .mayo{
	top:52.7%;
	left:4%;
}

.recipe05 .mayo{
	top:42.3%;
	left:3%;
}

.recipe06 .mayo{
	top:52.7%;
	left:4%;
}

.footer_block{
	width:100%;
	background-color:#ffffff;
	overflow:hidden;
}

#bnr_bread{
	margin:11.4667% auto 0 auto;
	width:75.6%;
	height:auto;
}

#bnr_mayo-kitchin{
	margin:10.6667% auto 0 auto;
	width:75.6%;
	height:auto;
}

.log_kewpie{
	margin: 14.2667% auto 0 auto;
	width:83.4666%;
	height:auto;
}

.log_kewpie img{
	width:100%;
	height:auto;
}




.log_kewpie-100{
	display:block;
	margin: 14.2667% auto 0 auto;
	width:75.6%;
	height:auto;
}

.log_kewpie-100 img{
	width:100%;
	height:auto;
}

.txt_copyright{
	margin:5.5% auto 5% auto;
	width:75.6%;
	height:auto;
}

.fadein,
.first{
	opacity : 0;
	transform: translateY(30px);
	transition: all 0.7s;
}