@charset "UTF-8";


/*------------------------------------------------
   Layout
------------------------------------------------*/

section#page_head {
	background-image: url(../img/cafe/page_head_img@2x-100.jpg);
	margin-bottom: 20px;
}

article.a01 {
	padding-bottom: 30px;
}

#whole h3 {
	font-size: 3.0rem;
	font-weight: lighter;
	padding-bottom: 10px;
	border-bottom: 1px solid #646464;
	margin: 0 0 30px;
}

#whole h3.jpn {
	font-size: 2.5rem;
}

h4 {
	font-size: 2.0rem;
	padding-bottom: 25px;
}

div.menu_text {
	margin-bottom: 25px;
}

div.menu_text.end {
	margin-bottom: 0;
}

div.menu_text dt {
	font-weight: bold;
	padding-bottom: 5px;
}

div.menu_text dd {
	padding-bottom: 15px;
}

div.line {
	margin-bottom: 31px;
	clear: both;
	border-bottom: 1px dotted #CCC;
}

div.line:last-child {
	display: none;
}


/*------------------------------------------------
   Responsive
------------------------------------------------*/

@media screen and (max-width: 768px){

	section#page_head {
		height: 187px;
	}

	section#page_head div.page_title {
		width: 200px;
		height: 187px;
	}
	
	article.a01 p {
		padding: 0 20px;
	}
	
	h3 {
		padding: 0 20px;
	}
		
	h4 {
		padding-top: 15px;
	}

	div.menu_ph img {
		width: 100vw;
		height: auto;
	}
	
	div.menu_text {
		width: 100vw;
		padding: 0 20px;
	}

}


@media screen and (min-width: 769px){

	section#page_head {
		height: 450px;
		padding-top: 70px;
	}

	section#page_head div.wrap {
		width: 980px;
		margin: 0 auto;
	}

	section#page_head div.page_title {
		width: 200px;
		height: 220px;
	}

	div.menu_ph {
		float:left;
		width: 490px;
		margin-right: 30px;
		margin-bottom: 25px;
	}
	
	div.menu_ph.end {
		margin-bottom: 0;
	}

	div.menu_text {
		float:left;
		width: 440px;
	}

	div.menu_ph img {
		width: 490px;
		height: auto;
	}

}