@charset "UTF-8";
/* CSS Document */
h2{
	background:linear-gradient(to right, #501717, white);
	color:#FFF;
	height:40px;
	line-height:40px;
	margin-top:40px;
	padding-left:20px;
	font-size:24px;
}
#contents{
	position:relative;
}
#howimage{
	position:absolute;
	top:0px;
	right:0px;
}
#jyunbi{
	width:560px;
	margin:20px 0 40px 0;
}
h3{
	margin-top:20px;
	font-size:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:50px;
}
#dougu{
	color:#666;
	margin:30px 0 20px 0;
}
.coffeeimg{
	float:left;
	margin:30px 20px 0 240px;
}
#onepoint{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#C33;
	width:480px;
	float:left;
	margin-top:20px;
}
	
.coffeeadvice{
	width:540px;
	float:left;
}
.howto{
	margin:40px 0;
}
.howtoimg{
	width:460px;
	float:left;
}
.howtotext{
	width:440px;
	float:right;
	margin-top:70px;
}
@media only screen and (max-width: 780px) {

img,#wrapper,#howimages,main,.coffeeadvice,#jyunbi,.howtotext{
	max-width: 100%;
}
	#howimage{
		display:none;
	}
	.howtoimg{
		width:100%;
	}
}