@charset "utf-8";

h2{
}

article {}

section {}

.course {
	float:none;
	width:96%;
	margin:0 2%;
	padding: 30px 0 10px;
}

img.mainImage {
width:100%;
height:auto;
}

.menu {
width:100%;
height:auto;
margin:0;
padding:0;
transform: rotate(0.05deg);
}

.menu h3{
float:left;
margin:0 0 0 5px;
padding:0;
}

.menu p{
float:left;
font-size:20px;
margin: 0 0 0 2em;
padding-top: 0; 
}

.menu p span{
font-size:0.7em;
}

.menu p small{
display:block;
font-size:0.7em;
margin-top: 5px;
}

.menu p.payment{
float:none;
clear:both;
font-size:14px;
font-weight: bold;
text-decoration: underline;
margin: 0 0 20px 7px;
padding-top: 13px; 
line-height: 1.6em;
}

.menu p.note{
float:none;
clear:both;
font-size:16px;
margin: 0 0 0 7px;
padding-top: 1em; 
line-height:1.6em;
}


.course .bill {
width:100%;
margin: 30px 0 0;
padding: 0;
position:relative;
}

.course .bill img{
width:100%;
height:auto;
}

.course .bill ul {
width: 33%;
margin: 0;
padding: 5px;
position:absolute;
top: 15px;
right:15px;
background-image:url(../img/ul_bg.png);
background-repeat:repeat;
}

.course .bill ul li {
line-height:1.5em;
margin: 0.3em 0;
padding-left:7px;
list-style-type:none;
transform: rotate(0.05deg);
}

.course .text {
float:none;
clear:both;
width:92%;
margin:0 0 0 4%;
padding: 30px 0 0;
}

.course .text p {
font-size:16px;
letter-spacing:1px;
line-height:1.85em;
margin-bottom:5px;
color:#666666;
transform: rotate(0.05deg);
}

.drink {
width:96%;
margin: 40px 0 10px;
padding: 2%;
background-image:url(../img/drink_bg.png);
background-repeat:repeat;
}

.drink img {
width:100%;
height:auto;
margin: 0 0 20px;
padding:0;
}

.drink h4 {
font-size:1.2em;
letter-spacing:1px;
margin:0 4%;
padding:0;
text-decoration:underline;
transform: rotate(0.05deg);
}

.drink dl {
width: 92%;
margin: 25px 4%;
padding:0;
transform: rotate(0.05deg);
}

.drink dl dt {
width: 100%;
font-size:1.1em;
line-height: 1.6em;
margin:0 0 8px;
padding:0;
font-weight:bold;
float:left;
clear:both;
}

.drink dl dd {
margin: 0 0 25px 2px;
padding: 0;
line-height: 1.6em;
}