@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;
}

/*お菓子一覧*/
.menu{
	width:240px;
	height:175px;
	margin:10px;
	padding:10px;
	border-radius:10px;
	float:left;
	text-align:center;
}

.menu img{
	width:auto;
	height:150px;
}

.menu h3, 
.menu p{
	margin:0 10px;
	font-size:95%;
}

.menu p{
	text-align:left;
}

	/*ホールケーキ-メニュー背景*/
	#whole_cake .menu{
		background:#EDCBD4;
	}

	/*ショートケーキ-メニュー背景*/
	#short_cake .menu{
		background:#F4DD73;
	}

	/*シュークリーム-メニュー背景*/
	#cream_puff .menu{
		background:#FFCA99;
	}

/*お菓子詳細メニュー（モーダルウィンドウ）*/
#modal{
	width:100%;
	display:none;
}

.modal_none{
	display:none;
}

.menu_windows{
	margin:auto;
	width:auto;
	height:290px;
}

.sweets_title{
	width:auto;
	height:290px;
	margin:auto;
	float:left;
}

.sweets_title h5{
	font-size:125%;
}

.sweets_title dl{
	margin:5px 0;
}

.sweets_title dl dt{
	float:left;
	clear:left;
}

.menu_windows dl,
.sweets_description{
	text-align:left;
}

.sweets_description{
	width:250px;
	height:290px;
	margin-left:30px;
	background-color:#F9EFE5;
	text-align:justify;
	float:left;
	overflow:auto;
}

.sweets_description p{
	text-indent:1em;
	text-align:justify;
}

	/*ホールケーキ-メニュー点線*/
	
	#whole_cake .sweets_description{
		border:dotted #EDCBD4 5px;
	}

	/*ショートケーキ-メニュー点線*/

	#short_cake .sweets_description{
		border:dotted #F4DD73 5px;
	}

	/*シュークリーム-メニュー点線*/

	#cream_puff .sweets_description{
		border:dotted #FFCA99 5px;
	}

/*他のグリムのお菓子リンク*/

.menu_link{
	clear:both
}

.menu_link h3{
	margin-left:10px;
	clear:left;
	text-align:center;
	font-size:150%;
}

.menu_link_s{
	width:240px;
	height:175px;;
	margin:10px;
	padding:10px;
	border-radius: 10px;
	float:left;
	text-align:center;
}

.menu_link_s img{
	width:auto;
	height:150px;
}

.menu_link_s h4 a{
	color:#262626;	
}

	/*ホールケーキ-メニュー背景*/

	#whole_cake .menu_link_s{
		background:#EDCBD4;
	}

	/*ショートケーキ-メニュー背景*/

	#short_cake .menu_link_s{
		background:#F4DD73;
	}

	/*シュークリーム-メニュー背景*/

	#cream_puff .menu_link_s{
		background:#FFCA99;
	}

/*ウィンドウ幅が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_info img{
		float:none;
		display:none;
	}
	
	.menu_contents{
		padding:0;
	}
	
	.menu{
		width:45%;
		height:auto;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:1%;
		margin-right:1%;
		padding:10px 5px 0 5px;
		float:left;
	}
	
	/*モーダルウィンドウ*/
	
	.menu_windows{
	width:240px;
	height:auto;
	padding-bottom:25px;
	text-align:center;
	}
	
	.sweets_title{
	width:100%;
	height:auto;
	float:none;
	}
	
	.sweets_title img{
		margin:0 auto;
	}
	
	.sweets_description{
	margin:auto;
	width:240px;
	height:auto;
	}
	
	/*スイーツ*/
	
	.menu{
		font-size:90%;
	}
	
	.menu_link{
		text-align:center;
	}
	
	.menu_link_contents{
		margin:0 auto;
	}
	
	.menu_link_s{
		width:45%;
		margin:5px;
		padding:10px 5px 0 5px;
	}
}


/*ウィンドウ幅が480px以下の場合に適用*/
@media screen and (max-width: 480px) { 
	/*お菓子一覧*/
	.menu_contents .menu{
		float:none;
		width:70%;
		margin:0 auto;
		margin-top:10px;
	}
	
	.menu img{
		width:170px;
		height:auto;
	}
	
	/*お菓子リンク*/
	
	.menu_link_s{
		float:none;
		width:70%;
		margin:0 auto;
		margin-top:10px;
		}
	.menu_link h3{
		margin-top:10px;
		font-size:85%;
	}
	/*スイーツメニュー（モーダルウィンドウ）*/
	.menu_windows{
		width:175px;
		height:auto;
	}
	.sweets_description{
		width:175px;
	}
}