/*
 * my customize css
 */

/*
html,
body {
    background-color: #e9e8e4;
    height:100%;
}
*/


/* ================================== */
/* ナビバー */
.navbar-inverse {
    background-color: #337ab7;	/* #f8f8f8; */
    border-color: #080808;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #22f;
    color: #fff;
}

.navbar-inverse .navbar-brand {
    color: #fff;
    font-weight: bold;
}

.navbar-inverse .navbar-info {
	color: #fff;
	min-height: 50px;
	padding: 15px;
}


/* ================================== */
/* ヘッダーを固定にしているので、marginが必要 */
#page-wrapper {
	margin-top: 50px;
}

/* タイトルに装飾 */
h1.page-header {
}
h1.page-header:before {
	font-family: FontAwesome;
	content: "\f18c　";
	color: #5cb85c;
}

/* パネルのタイトルの装飾 */
.panel-default > .panel-heading {
	color: #337ab7;
}

/* ================================== */
/*	フォーム：テキストボックスのサイズ	*/
/*	1ch = 8pc */
.form-text-4ch {
	width:62px !important;
}
.form-text-5ch {
	width:70px !important;
}
.form-text-7ch {
	width:86px !important;
}
.form-text-8ch {
	width:94px !important;
}
.form-text-10ch {
	width:110px !important;
}
.form-text-15ch {
	width:150px !important;
}
.form-text-20ch {
	width:190px !important;
}
.form-text-30ch {
	width:270px !important;
}
.form-text-40ch {
	width:350px !important;
}
.form-text-50ch {
	width:530px !important;
}
.form-text-60ch {
	width:610px !important;
}

.form-text-3lines {
	height: 5em !important;
}

.form-text-5lines {
	height: 8em !important;
}

/* フォームの説明補助 OverWrite */
.help-block {
	color: #d38383;
}

/* ================================== */
/* フッター */
#push {
  height: 40px;
}
footer {
	height: 40px;
	text-align: center;
	padding: 10px;
	background: #337ab7;
}
footer a, a:hover {
    color: #fff;
    font-weight: bold;
}

/* ================================== */
/* 表画面用 */
/* 日本語表記（小さく） */
.jp {
	font-size:80%;
}

/*
 画像ズーム
*/
img.zoom-img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
    -webkit-transform: scale(1.12);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 700ms;
    -moz-transform: scale(1.12);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 700ms;
    overflow: hidden;
	cursor:pointer;
}

.shop_menu {
	width: 100%;
	border: 1px solid #CCC;
	overflow: hidden;
}
.shop_menu img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
.shop_menu img:hover {
    -webkit-transform: scale(1.12);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 700ms;
    -moz-transform: scale(1.12);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 700ms;
    overflow: hidden;
	cursor:pointer;
}

/* shop_menu.php */
.order_set_drink_cnt {
	color: #fb6e14;
	font-weight: bold;
}


/* 日本語の兵器表示 */
.jpn_heiki {
	font-size: 70%;
}
.jpn_heiki:before {
	content:'（';
}
.jpn_heiki:after {
	content:'）';
}

/* faiconのサイズ指定用 */
.font-size-24 {
	font-size: 24px;
}
.font-size-30 {
	font-size: 30px;
}

/* 影を付ける */
.shadow {
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}