@charset "utf-8";

/*メイン.スマホ*/

/*説明文*/
#main p{
	padding:3%;
	line-height:1.5;
}

h4{
	background:#ef857d;
	text-align:center;
	color:#0d0015;
	font-size:16px;
	margin:10px;
	border:#ea5550 2px solid;
	border-radius:10px 20px;
}

/*イラスト*/

#illustration{
	overflow:hidden;
}

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

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

/*写真*/

#p-product{
	text-align:center;
}

#craftsman{
	text-align:center;
}

#greeting{
	text-align:center;
}

#p-product p{
	text-align:left;
}

#craftsman p{
	text-align:left;
}
	
#greeting p{
	text-align:left;
}

.photo{
	width:90%;
}

/*くず湯の作り方*/

h5{
	background:#ffff89;
	text-align:center;
	color:#0d0015;
	font-size:16px;
	margin:10px;
	border:#ffbf7f 2px solid;
	border-radius:10px 20px;
}
ol{
	margin-left:20px;
	padding:10px;
	text-align:left;
	color:#2e2930;

}

/*季節の和菓子*/

span{
	color:#b22222;
	font-size:18px;
}
	
/*メイン.PC画面*/

@media screen and (min-width:640px){
.illust01{
	width:40%;
	float:left;
}

.illust02{
	width:40%;
	float:right;
}

#illustration{
	overflow:hidden;
}

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

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

#p-product{
	overflow:hidden;
}

#craftsman{
	overflow:hidden;
}
	
.photo2{
	display:none;
}
}


/*予約注文*/
/*カートへ入れるボタン*/

.tocart a{
	display:block;
	padding:3%;
	text-decoration:none;
	color:#000b00;
	width:30%;
	background:#ff8989;
	font-size:16px;
	margin-left:55%;
	margin-top:-5%;
	border:#ea5550 2px solid;
	border-radius:10px 10px;
}

.tocart a:hover{
	background:#da536e;
}

/*数量*/

input.quantity{
	height:30px;
}







}