@charset "utf-8";


/*=================================================

headerOuter

==============================*/
#headerOuter {
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	background-color: #4169e1;
	box-shadow: 0px 3px 3px -3px #3a72b9;
	-webkit-box-shadow: 0px 3px 3px -3px #cccccc;
	-moz-box-shadow: 0px 3px 3px -3px #3a72b9;
	z-index: 3;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-bottom: 5px;
}

/*=================================================

header

==============================*/
#header {
	height: auto;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header .logo {
	padding-top: 5px;
	width: 75%;
	margin-left: 5px;
	text-align: left;

}

#header .logo a img {
	transition: 0.3s ease-out;
	height: auto;
	width: 100%;
}

#header .logo a:hover img {
	opacity: 0.8;
}

#header .headtext{
	float: right;
	width: 445px;
	padding: 20px 20px 0 0;
	font-weight: bold;
	color: #000;
}

#header .btn {
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 5px;
	clear: both;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

#header h1 {
	color: #FFF;
	font-size: 10px;
	line-height: normal;
	margin-left: 5px;
	padding-right: 50px;
	display: none;
	
}
.header-bk {
	height: 40px;
	margin-bottom: 20%;
	width: 100%;
}
/**レスポンシブメニュー**/
#menu-nav {
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
	padding-top: 0px;
	right: 0px;
	position: absolute;
	top: 0px;
}
#menu-button {
	float: right;
	opacity: .7;
	cursor: pointer;
	background-image: -moz-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
	background-image: -webkit-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
	background-image: linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
	background-image: -ms-linear-gradient(top,rgba(100, 152, 190, .5),rgba(30, 82, 120, .5));
	background-image: url(../img/menu_button_back.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0;
}
#menu-button.selected,
#menu-button:active {
	opacity: 1;
	background-image: url(../img/menu_button_back.png);
	background-repeat: no-repeat;
	height: 46px;
	width: 46px;
	overflow: hidden;
	
}
#menu-button-inner {
	background: transparent url(../image/menu-bg.png) no-repeat 0 0;
	width: 46px;
	height: 46px;
	overflow: hidden;
}
#menu-drink {
	clear: both;
	display: none;
	position: absolute;
	width: 100%;
	background-color: #fff;
	-moz-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
	-webkit-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
	-ms-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
	-o-box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
	box-shadow: 0 2px 2px rgba(25, 68, 99, .4);
	z-index: 3;
	margin-top: 10px;
}

#menu-drink ul {
    overflow: hidden;
	
}
#menu-drink li {
	float: left;
	width: 50%;
}
#menu-drink li.home {
	float: none;
	width: 100%;
}
#menu-drink a {
	color: #2277c4;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	font-size:12px;
	text-align:center;
	-moz-transition: color 0.3s linear, background-color 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear;
	-ms-transition: color 0.3s linear, background-color 0.3s linear;
	transition: color 0.3s linear, background-color 0.3s linear;
	-moz-box-shadow: inset 0 0 2px #b3b3b3;
	-o-box-shadow: inset 0 0 2px #b3b3b3;
	-webkit-box-shadow: inset 0 0 2px #b3b3b3;
	-ms-box-shadow: inset 0 0 2px #b3b3b3;
	box-shadow: inset 0 0 2px #b3b3b3;
	line-height: 2.875em; /* 46/16 = 3.375em */
	height: 2.875em; /* 46/16 = 3.375em */
	padding: .375em; /* 6/16 = .375em */
	font-weight: bold;
	
}
#menu-drink a:hover,
#menu-drink a:active {
	color: #FFFFFF;
	background-color: #3ea4eb;
	
}

/**レスポンシブメニューEND**/
#header .btn a img {
	height: auto;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}