@charset 'UTF-8';

/*
 * Layouts
 * -------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}

/* ========== Base ======================================== */
/*
 * font family
 * -------------------------------------------------- */
body
{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
}

/*
 * line height
 * -------------------------------------------------- */
body
{
	line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	line-height: 1.5;
}

/*
 * text and background color
 * -------------------------------------------------- */
body
{
	color: #313131;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

/*
 * a hover
 * -------------------------------------------------- */
a:hover
{
	opacity: 0.8;
}

a img:hover
{
	opacity: 0.8;
}

/* ========== Common ====================================== */
.container
{
	width: 960px;
	margin: 0 auto;
}

.text-center
{
	text-align: center;
}

.text-sm
{
	font-size: 0.8em;
}

ul li
{
	list-style: none;
}

ul li a
{
	text-decoration: none;
	color: #313131;
}

ul li a:hover
{
	opacity: 0.8;
}

/* ========== Header ====================================== */
header .band {
	background-color: #bf3f3e;
	padding: 5px 0;
}

header .band a {
	color: white;
}

header .container
{
	position: relative;
}

/* ##### Global Navigation #####  */
header nav
{
	overflow: hidden;
	padding-top: 65px;
	padding-bottom: 70px;
}

header nav ul
{

}

header nav li
{
	float: left;
}

header nav li:last-child
{
	float: right;
}

header nav li a
{
	display: block;
}

header nav li:first-child
{
	padding-right: 77px;
}

header nav li:nth-child(2)
{
	padding-right: 359px;
}

header h1
{
	position: absolute;
	top: 35px;
	left: 350px;
}

header .gnav-bar1
{
	position: absolute;
	top: 90px;
	left: 183px;
}

header .gnav-bar2
{
	position: absolute;
	top: 90px;
	left: 812px;
}

/* ========== Catch ======================================= */
.container-lg
{
	margin: 0 auto;
}

#catch h2
{
	margin-top: 50px;
	margin-bottom: 40px;
}

/* ========== Contents ==================================== */
article .container
{
	position: relative;
}

/* ##### お店について #####  */
#about
{
	overflow: hidden;
	margin-bottom: 40px;
}

#about h3
{
	margin-bottom: 40px;
}

#about-img
{
	float: left;
	width: 480px;
}

#about-text
{
	float: left;
	width: 450px;
	padding-left: 30px;
}

#about-text h4
{
	margin-bottom: 20px;
}

#about-text p
{
	line-height: 2.0;
}

#bg-img1
{
	position: absolute;
	top: 530px;
	left: 740px;
}

/* ##### コーヒー #####  */
#coffee
{
	overflow: hidden;
	margin-bottom: 40px;
}

#coffee h3
{
	margin-bottom: 30px;
}

#coffee-text
{
	float: left;
	width: 455px;
	padding-right: 15px;
}

#coffee-text h4
{
	margin-bottom: 20px;
}

#coffee-text p
{
	line-height: 2.0;
}

#coffee-img
{
	float: left;
	padding-top: 20px;
}

/* ##### メニュー #####  */
#menu
{
	margin-bottom: 40px;
}

#menu h3
{
	margin-bottom: 30px;
}

#menu-img2
{
	padding-bottom: 50px;
}

/* ##### アクセス #####  */
#access
{
	overflow: hidden;
	margin-bottom: 80px;
}

#access-img
{
	float: left;
	padding-top: 40px;
	padding-left: 96px;
	padding-right: 96px;
}

#access-text
{
	float: left;
	width: 460px;
	padding-top: 40px;
	padding-left: 20px;
}

#access-text p
{
	font-size: 0.8em;
	line-height: 2.0;
}

#access-text p a
{
	color: #e70000;
}

/* ##### Social Button #####  */
#iine
{
	margin-bottom: 30px;
}

/* ========== Footer ====================================== */
footer
{
	background-image: url(../../common/img/bg-footer-bar.png);
	background-repeat: repeat-x;
	height: 104px;
}

#copyright
{
	padding-top: 40px;
}

footer .container
{
	position: relative;
}

#bg-footer
{
	position: absolute;
	top: -104px;
	left: 100px;
}

footer p small
{
	color: #fff;
	font-size: 0.7em;
}

/*
 * Back To Top
 * -------------------------------------------------- */
#back2top
{
	position: fixed;
	bottom: 130px;
	right: 50px;
	z-index: 1;
}