@charset "UTF-8";
		body{
	font-family: 'メイリオ', 'Hiragino kaku gothic pro', sans-serif;
/*			font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;*/
			background-color: #fdf8f5;
			margin: 0;
			color: #333;
			font-size: 16px;
		}

		/* HTML5で追加された要素をブロックレベルにする */
		section,article,aside,nav,hgroup,header,footer{
			display: block;
		}

		/* ボックスの中の画像の下の余白をなくす */
		img{
			vertical-align: bottom;
		}

		/* リンクの際の画像のボーダーを消す */
		a img{
			border-style:none;
		}

		/* floatの解除 */
		.clearfix:after{
			content: "";
			display: block;
			clear: both;
		}

		p,h1,h2,h3{
			margin: 0;
			padding: 0;
		}



p{
	letter-spacing: 0.075em;
}

h1{
	font-size: 36px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: 0.075em;
}
h2{
	font-size: 32px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: 0.075em;
}
h3{
	font-size: 21px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: 0.075em;
    font-weight: normal;
}

	nav{
	width: 1200px;
	margin: 0px;
	padding: 25px 0px;
	border-bottom: dotted 10px #eee;
	font-size: 0px;
	}
		nav ul{
			margin: auto;
			padding: 0;
			list-style-type: none;
			text-align: center;
		}
		nav li{
			display: inline;
			margin: 0px 20px;
		}
		nav a{
			font-size: 21px;
		}

		a{
			text-decoration: none;
			color: #333;
		}


	#mein_visual{
		width: 1200px;
		height: 600px;
		background-image: url(jpg/mein1.jpg);
		background-size: cover;
	}

	.dasizu_title{
		width: 1200px;
		padding: 50px 0px;
		margin: auto;
	}
	.dasizu_title h1{
		text-align: center;
	}

	.dasizu_list{
		width: 1200px;
		margin: auto;
		padding-bottom: 100px;
	}

	.dasizu_img{
		text-align: center;
		width: 1200px;
		font-size: 0px;

	}
	.dasizu_img img{
		width: 294px;
		margin: 0px 2px;
	}

	.dasizu_box{
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	}
	.dasizu_box h2{
	margin-bottom: 16px;
	}

/*こんな時のだし酢*/

	#question_title{
	text-align: center;
	}
	.question_title_size{
		width: 1200px;
		margin: auto;
		padding: 50px 0px;
	}
	.question_title_size h1{
	margin-bottom: 16px;
	}

	.border{
		background-image: url(png/dotto.png);
	}

	.question_box{
		width: 1200px;
		margin: auto;
	}

	.question_text{
	margin-top: 40px;
	margin-bottom: 100px;
	margin-left: 20px;
	margin-right: 20px;
	}
	.question_text h2{
		margin-bottom: 10px;
	}

	.question_img_1{
		background-image: url(jpg/s1.jpg);
		background-size: cover;
		width: 1200px;
		height: 400px;
	}
	.question_img_2{
		background-image: url(jpg/s2.jpg);
		background-size: cover;
		width: 1200px;
		height: 400px;
	}
	.question_img_3{
		background-image: url(jpg/s3.jpg);
		background-size: cover;
		width: 1200px;
		height: 400px;
	}

/*レシピ*/

	.reshipi_title{
		width: 1200px;
		padding: 50px 0px;
		text-align: center;
		margin: auto;
	}
	.reshipi_title h3{
		font-size: 14px;
		margin-bottom: 10px;
	}

	.border57{
		background-image: url(png/dotto57.png);
	}

	.reshipi_img{
		background-image: url(jpg/reshipi.jpg);
		background-size: cover;
		width: 1200px;
		height: 400px;
	}

	.reshipi_kizi_box{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 100px;
	}
	.reshipi_kizi_text{
		margin-left: 20px;
		margin-right: 20px;
	}

	.reshipi_kizi_text h2{
		margin-bottom: 10px;
	}

	.reshipi_kizi_text h3{
		font-size: 14px;
		margin-bottom: 5px;
	}
/*-------------レシピリスト---------*/
.reshipi_list{
	width: 1200px;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 100px;
	list-style: none;
	border-top: dotted 10px #eee;
}
.reshipi_list h2{
	text-align: center;
}
.reshipi_list h3{
text-align: center;
font-size: 24px;
margin-top: 6px;
}
.reshipi_list ul{
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.reshipi_list li{
	display: inline-block;
	margin: 20px 20px;
}

.list p{
	margin-top: 20px;
font-size: 14px;
}

.reshipi_list img{
	width: 500px;
	border-radius: 20px ;
}
.reshipi_size{
	width: 1200px;
	margin: auto;

}

.reshipi_box{
	width: 500px;
	padding: 20px;
	background-color: #f9d8c5;
	text-align: center;
	margin: auto;
	border-radius: 20px;
}

/*buy*/
#buy{
	padding-bottom: 100px;
}

#buy_list{
	width: 1200px;
	margin: auto;
}
.buy_img{
	background-image: url(jpg/buy.jpg);
		background-size: cover;
		width: 1200px;
		height: 400px;

}
.list{
	font-size: 0px;
}
.buy_box{
	width: 500px;
	padding: 20px;
	background-color: #f9d8c5;
	text-align: center;
	margin: auto;
	border-radius: 20px;
}
.buy_text{
	width: 500px;
	margin-top: 40px;
	margin-bottom: 100px;
	margin-left: 20px;
}
.buy_text h2{
	margin-bottom: 10px;
}
.buy_box p{
font-size: 16px;
}

/*インフォ*/


.info_img{
background-image: url(jpg/info.jpg);
background-size: cover;
width: 1200px;
height: 400px;

}


.info_img img{
	border-radius: 20px;
}




#info h1{
	text-align: center;
	margin: 30px 0px;
	font-size: 40px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: 0.075em;
}


#info_list{
	width: 1200px;
	margin: auto;
	padding-bottom: 100px;

}
.info_left{
		width: 50%;
	float: left;
}

.info_left img{
		width: 100%;
		border-radius: 5%;
}


.info_right{
		width: 50%;
	float: right;
}

.info_right h2{
	text-align: center;
	margin: 30px 0px;
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: 0.075em;
}


.info_right h3{
	font-size: 21px;
	margin: 10px 0px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: 0.075em;
	font-weight: normal;
}

.info p{
	font-size: 14px;
}

.info_text{
	margin-top: 40px;
	margin-bottom: 100px;
	margin-left: 20px;
}
.info_text h2{
	margin-bottom: 10px;
}

.info_box{
	width: 500px;
	background-color: #f9d8c5;
	text-align: center;
	margin: auto;
	border-radius: 10px;
	padding: 20px;
}


.info ul{
		margin: 50px 50px;
	padding: 0;
	list-style-type: none;
}

.info li{
	display: inline;
	margin: 0px 50px;
}
/*footer*/

footer{
	width: 1200px;
	background-color: #424242;
	text-align: center;
}
footer img{
margin: 50px 0px;
}


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


@media(max-width:615px ){

p {
	font-size: 14px;
}

h1{
	font-size: 36px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: 0.075em;
    margin-bottom: 10px;
}
h2{
	font-size: 24px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing: 0.075em;
    margin-bottom: 10px;
}

.pc{
	display: none;
}

.tb{
	width: 600px;
}

/*メイン*/
#mein_visual {
	width: 600px;
	height: 500px;
background-image: url(jpg_tb/mein2_tb.jpg);

}


/*ナビ*/
	nav{
	width: 600px;
	padding: 20px 0px;
		}
nav li{
	margin: 0px 10px;
}

		nav a{
		font-size: 14px;
		}


/*奇跡のたれ*/
.dasizu_title{
	width: 600px;
}
.dasizu_list {
	width: 600px;
	margin: auto;
}
.dasizu_box {
	width: 90%;

}
.dasizu_img{
	width: 600px;
}
.border{
	background-image: none;
}
.img1{
	padding-bottom: 5px;
	border-bottom-left-radius: 0px;

}
.img2{
//	border-top-right-radius: 20px;
	padding-bottom: 5px;
}
.img3{
//	border-bottom-left-radius: 20px;
}
.img4{
	border-top-right-radius: 0px;

}


/*こんな時に*/

.question_title_size {
    width: 600px;
    border-top: dotted 10px #eee;
}

#question_title_size p{
	margin: 0px 20px;
}
.question_img{
	width: 600px;
}
#question_list1_size {
    width: 600px;
}


#question_list1_size{
	width: 600px;
}

#question_list2_size{
	width: 600px;
}
#question_list3_size{
	width: 600px;
}

.question_img_1 {
	width: 600px;

background-image: url(jpg_tb/s1_tb.jpg);

}
.question_img_2 {
	width: 600px;
background-image: url(jpg_tb/s2_tb.jpg);

}
.question_img_3 {
	width: 600px;
background-image: url(jpg_tb/s3_tb.jpg);

}

.question_box{
	width: 600px;
}
/*レシピ*/
.reshipi_title {
	width: 600px;
	border-top: dotted 10px #eee;
}
.border57{
	background-image: none;
}
.reshipi_kizi{
	width: 600px;
}
.reshipi_kizi_box{
	width: 560px;
}
.reshipi_img{
	width: 600px;
	background-image: url(jpg_tb/reshipi_tb.jpg);
}
.reshipi_list{
	width: 600px;

}
.reshipi_list li{
	margin: 50px 0px;
}
.reshipi_list img{
	width: 100%;
	border-radius: 0px;
}

/*buy*/

#buy{

}
#buy_list{
	width: 600px;
}
.buy_img{
	width: 600px;
	background-image: url(jpg_tb/buy_tb.jpg);
}
.buy_img img{
	width: 600px;
}
/*インフォ*/
#info_list{
	width: 600px;
}

.info_img{
	width: 600px;
	background-image: url(jpg_tb/info_tb.jpg);
}
.info_img img{
	width: 100%;
}
/*footer*/

footer{
	width: 600px;
}

}

@media (min-width: 1201px){


nav{
	width: 100%;
}

#mein_visual{
	width: 100%;
height: 0;
padding-top: 50%;
}
/*だし酢*/
	#dasizu{
	}
.dasizu_img{
	width: 100%;
}
.dasizu_img img{
width: 24.6%;
}
/*こんなときに*/
	#question{
		margin: auto;

	}
	#question_list{
width: 1200px;
margin: auto;
	}
	.question_img_1{
		width: 100%;
		height: 0;
		padding-top: 34%;
	}

	.question_img_2{
		width: 100%;
		height: 0;
		padding-top: 34%;
	}
	.question_img_3{
		width: 100%;
		height: 0;
		padding-top: 34%;
	}


/*レジぴ*/
.reshipi_size{
	width: 100%;
}
.reshipi_img{
	width: 100%;
	height: 0;
	padding-top: 34%;
}
/*but*/
.buy_img{
	width: 100%;
	height: 0;
	padding-top: 34%;
}

/*info*/
.info_img{
	width: 100%;
	height: 0;
	padding-top: 34%;
}

/*footer*/
footer{
	width: 100%;
}

}