@charset "utf-8";

/* visual
========================================================================== */

#visual {
	height: 120px;
	padding: 120px 0;
	background-position: center;
	background-repeat: no-repeat;
}

#visual.shisha {
	background-image: url(../img/shisha/vi_shisha.jpg);
}

#visual.drink {
	background-image: url(../img/drink/vi_drink.jpg);
}

#title {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 28px;
}
#title p {
	width: 35%;
}

/* phones */
@media only screen and (max-width: 767px) {
	#visual {
		height: auto;
		padding: 50px 0;
		background-size: cover;
	}

	#title {
		max-width: auto;
		padding: 0 30px;
	}
	#title p {
		width: 40%;
	}
}



/* shisha
========================================================================== */

/* layout
-------------------------------------------------------------------------- */

#shisha {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 28px;
	clear: both;
	zoom: 1;
}
#shisha:after {
	content:"";
	display: block;
	clear: both;
}
#shisha section {
	width: 30%;
	margin-right: 5%;
	float: left;
}
#shisha section.herbal,
#shisha section.spice,
#shisha section.other,
#shisha section.non-nicotine {
	margin-right: 0;
}
#shisha section.last {
	margin-bottom: 50px;
}
#shisha section.sale {
	width: 100%;
	margin: 5.52em 0 50px;
	float: none;
}

/* phones */
@media only screen and (max-width: 767px) {
	#shisha {
		max-width: auto;
		padding: 0 30px;
	}
	#shisha section {
		width: 100%;
		margin: 0;
		float: none;
	}
	#shisha section.last {
		margin-bottom: 25px;
	}
}


/* title
-------------------------------------------------------------------------- */

#shisha h2 {
	line-height: 1.2;
}

#shisha h2 span {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 54.5%; /* 12px */
	font-weight: 400;
	line-height: 1;
}


/* list
-------------------------------------------------------------------------- */

#shisha ul {
	margin-bottom: 0;
}

#shisha ul li {
	margin-left: 0;
	padding-bottom: .25em;
	border-bottom: 1px dotted #ccc;
	list-style: none;
}

#shisha dl {
	margin-bottom: 0;
}

#shisha dl dt {
	font-weight: 300;
	float: left;
	clear: left;
}

#shisha dl dd {
	padding-bottom: .25em;
	border-bottom: 1px dotted #ccc;
	text-align: right;
}



/* drink
========================================================================== */

/* layout
-------------------------------------------------------------------------- */

#drink section {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 28px;
	clear: both;
	zoom: 1;
}
#drink section:after {
	content:"";
	display: block;
	clear: both;
}

#drink section article {
	width: 45%;
	margin: 0 10% 4em 0;
	float: left;
}
#drink section article:nth-child(odd) {
	margin: 0 0 4em 0;
}
#drink section article:nth-child(even) {
	clear: both;
}

#drink section article.white_wine {
	margin-right: 10%;
	clear: both;
}
#drink section article.red_wine {
	margin-right: 0;
	clear: none !important;
}

/* phones */
@media only screen and (max-width: 767px) {
	#drink section {
		max-width: auto;
		padding: 0 30px;
	}

	#drink section article {
		width: 100%;
		margin: 0 0 3em 0 !important;
		float: none;
	}

	#drink section article.white_wine {
		clear: both;
	}
	#drink section article.red_wine {
		clear: both !important;
	}
}


/* title
-------------------------------------------------------------------------- */

#drink h3 {
	margin-top: 0;
	line-height: 1.2;
}

#drink h3 span {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 66.666%; /* 12px */
	font-weight: 400;
	line-height: 1;
}

/* phones */
@media only screen and (max-width: 767px) {
	#drink h3 span {
		font-size: 75%; /* 12px */
	}
}


/* list
-------------------------------------------------------------------------- */

#drink dl {
	margin-bottom: 0;
}

#drink dl dt {
	font-weight: 300;
	float: left;
	clear: left;
}

#drink dl dd {
	padding-bottom: .25em;
	border-bottom: 1px dotted #ccc;
	text-align: right;
}