@charset "utf-8";

/*ケーキカットの上手な切り方*/

.main_info{
	overflow:hidden;
	padding:0 60px;
}

.main_info h2{
	font-size:150%;
	margin-top:10px;
	margin-left:10px;
}

.main_info p{
	margin-top:10px;
	margin-left:10px;
	text-align:justify;
}

.main_info img{
	margin-top:10px;
	width:300px;
	margin-right:10px;
	float:right;
}

.main_discription{
	width:500px;
}

/*切り方の項目*/

.menu_contents{
	overflow:hidden;
	margin:10px;
	padding:0 50px;
}

.cut{
	width:240px;
	height:350px;
	margin:10px 10px;
	padding:10px;
	background:#FFBF84;
	border-radius: 10px;
	float:left;
}

.cut{
	text-align:center;
}

.cut h3, 
.cut p{
	margin:0 10px;
	text-align:left;
}

/*ワンポイントアドバイス*/

.one_point{
	clear:left;
	margin:10px 10px;
	padding:10px;
	border:dotted 5px #ff8f22;
	border-radius: 10px;
}

.one_point h3{
	clear:left;
	font-size:125%;
}

.one_point img{
	margin:10px 10px 10px 0;
}

.one_point p:last-child{
	margin-top:1em;
}
/*ウィンドウ幅が780px以下の場合に適用*/
@media screen and (max-width: 780px) { 
	
	/*メイン*/
	.main{
		width:100%;
	}

	.main_info{
		width:95%;
		padding:0;
		margin:0 10px;
}
	.main_discription{
		width:95%;
		margin:0 auto;
		padding:0;
	}
	
	.main_discription h2{
		font-size:125%;
	}

	.main_info img{
		float:none;
		display:none;
	}
	
	/*切り方の項目*/
	
	.menu_contents{
		padding:0;
	}
	
	.cut{
		width:45%;
		margin:5px;
		padding:10px 5px 0 5px;
	}
	
	.cut{
		font-size:90%;
	}
	
	/*ワンポイントアドバイス*/
	
	.one_point h3{
		font-size:105%;
		text-align:center;
		margin-bottom:5px;
	}
	
	.one_point p{
		font-size:90%;
	}
	
	.one_point img{
		width:45%;
		margin:10px 1.5%;
	}
}

/*ウィンドウ幅が480px以下の場合に適用*/
@media screen and (max-width: 480px) { 
	
	/*メイン*/
	
	.main_discription h2{
		text-align:center;
		font-size:100%;
	}
	
	.cut{
		float:none;
		width:80%;
		margin:0 auto;
		margin-top:10px;
	}
	
	/*ワンポイントアドバイス*/
	
	.one_point h3{
		font-size:100%;
	}
	
	.one_point img{
		width:45%;
		margin:10px 1%;
	}
}