@charset "utf-8";

/*============================
MV
============================*/
#mv {
	background-image: url(../img/happyhour/mv.jpg);
}

/*============================
service
============================*/
#service {
	padding-bottom: 1.00rem;
}

#service .lead {
	font-size: 0.18rem;
	letter-spacing: 0.05em;
	line-height: 2.2;
	text-align: center;
	margin-bottom: 0.60rem;
}
@media screen and (max-width: 640px) {
	#service .lead {
		text-align: left;
		font-size: 0.15rem;
	}
}


#service .tokuten .title {
	font-size: 0.30rem;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 0.30rem;
}
@media screen and (max-width: 640px) {
	#service .tokuten .title {
		font-size: 0.20rem;
		letter-spacing: 0;
	}
}


#service .tokuten .ph_wrap {
	max-width: 8.70rem;
	width: 100%;
	margin: auto;
	border-radius: 0.10rem;
	overflow: hidden;
}

#service .tokuten .text {
	font-size: 0.18rem;
	line-height: 2;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 0.20rem 0;
}
@media screen and (max-width: 640px) {
	#service .tokuten .text {
		font-size: 0.15rem;
		text-align: justify;
	}
}


#service .tokuten .note {
	font-size: 0.13rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
	padding-left: 0.13rem;
	text-indent: -0.13rem;
}
@media screen and (max-width: 640px) {
	#service .tokuten .note {
		text-align: left;
		line-height: 1.65;
	}
}