/* **************************
  [1] 初期値
************************** */

* {
	margin:0;
	padding:0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	box-sizing: border-box;
}
ul {
	list-style-type:none;
}
img {
	max-width:100%;
}
a img {
	border:none;
}
a:hover {
	color:#ff7500;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
table {
	border-collapse:collapse;
	border:0px;
}
table tr td {
	word-break: break-all;
	padding:0px;
}

nav {
	margin:1em 2em 2em;
}

/* **************************
  　　全体のレイアウト
************************** */

div.inner {
	width:100%;
	margin:2em auto;
	text-align:center;
}


/* **************************
  　　 管理者メニュー
************************** */

.admin_bar {
	margin:1em 1em 3em;

	text-align:center;
}
.admin_bar ul {
	display:flex;
	align-items: center;
	justify-content: center;
}
.admin_bar ul li {
	width:70px;
	font-size:0.6em;
	text-align:center;
	color:#006000;
}
.admin_bar ul li span {
	display:block;
	width:50px;
	height:50px;
	background-color:#007500;
	border-radius:50%;
	text-align:center;
	margin:0.5em auto;
}
.admin_bar ul li span img {
	margin:15% auto;
	width:70%;
}
.admin_bar ul li span:hover {
	background-color: #006000; 
}



/* **************************
  　　  管理TOP
************************** */

.admin_top {

}
.admin_top ul {
	margin:0 auto;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width:960px;
}
.admin_top ul li {
	width:47%;
	flex-basis:47%;
	text-align:center;
	margin:0 auto 1em;
}
.admin_top ul li a {
	width:100%;
	display:block;
	font-size:2em;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	background-size:9%;
	padding:1em 1em 1em 18%;
	border-radius:0.2em;

	border:1px solid #006000;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
}

.admin_top ul li a:hover {
	border:1px solid #006000;
	background-color: #006000; 
}

.icon1 {
	background:url('img/icon1.png') no-repeat 5% center #007500;
}
.icon2 {
	background:url('img/icon2.png') no-repeat 5% center #007500;
}
.icon3 {
	background:url('img/icon3.png') no-repeat 5% center #007500;
}
.icon4 {
	background:url('img/icon4.png') no-repeat 5% center #007500;
}
.icon5 {
	background:url('img/icon5.png') no-repeat 5% center #007500;
}
.icon6 {
	background:url('img/icon6.png') no-repeat 5% center #007500;
}
.icon7 {
	background:url('img/icon7.png') no-repeat 5% center #007500;
}

/* **************************
  　　 ロゴ
************************** */

div.logo {
	margin:2.5em 0 0 0;
	text-align:center;
}
div.logo_bg {
	max-width:80%;
	width:370px;
	background:#007500;
	text-align:center;
	margin:0 auto;
	padding:2em 6em;
}
div.logo_bg img {
	margin:0 auto;
	height:auto;
	vertical-align:bottom;
}

/* **************************
  　　ログインフォーム
************************** */

div.login_form {
}
div.login_form div.deli_date {
	background:#007500;
	color:#fff;
	padding:1em;
	margin:2em auto;
}
div.login_form input.form_code {
	height:2em;
	line-height:2em;
	font-size:2em;
	margin:0.5em 0 0 0;
	text-align:center;
}
div.login_form input.form_ok {
	width:8em;
	height:3em;
	line-height:2em;
	font-size:1em;
	margin:1em 0 2em 0;
}

/* ログインエラー */
div.login_form span.error {
	color:red;
	display:block;
	font-weight:bold;
	margin:1em 0 0 0;
}

/* **************************
  　　 注文フォーム
************************** */

.login_user {
	background:#eee;
	text-align:center;
	padding:0.5em;
	margin:0 0 0em 0;
	color:red;
	font-weight:bold;
	font-size:2em;
}

.order_form h1 {
	margin:0 0 1em 0;
}
.order_form p {
	margin:0 0 1em 0;
}
div.order_form table.order_table {
	margin:0em auto 0;
	text-align:left;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	margin:2em auto 2em;
}
div.order_form table.order_table tr {
	border-bottom:1px solid #000;
}
div.order_form table.order_table th {
	background:#000;
	color:#fff;
	text-align:left;
	border-bottom:1px solid #fff;
}

div.order_form table.order_table th ,
div.order_form table.order_table td {
	padding:0.5em 1em;
}
div.order_form table.order_table option {
	height:2em;
	width:2em;
}
div.order_form input.order_check {
	width:8em;
	height:3em;
	line-height:2em;
	font-size:1em;
	margin:1em 0 2em 0;
}

/* ログアウト */
div.order_form .order_logout {
	margin:1em;
}

/* 楓樹 電話番号 */
div.contact_fuju {
	margin:1em 0;
}
span.contact_name {
	font-weight:bold;
	font-size:1.5em;
}
span.contact_tel {
	font-weight:bold;
	font-size:1.5em;
}
span.contact_tel a {
	text-decoration:none;
}

/* 注文エラー */
.order_error {
	color:red;
	border:5px solid red;
	padding:2em;
	width:30em;
	margin:3em auto 0;
	text-align:center;
}
.order_error h1 {
	margin:0 0 0.5em 0;
}
.order_error button {
	height:2em;
	line-height:1em;
	font-size:1em;
	margin:1em 0 0 0;
}

/* **************************
  　　 注文内容の確認
************************** */

div.order_form table.order_check_table {
	margin:0em auto 0;
	text-align:left;
	border:3px solid #000;
	margin:2em auto 2em;
}
div.order_form table.order_check_table td {
	padding:0.5em 1em;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
div.order_form input.order_comp {
	width:8em;
	height:3em;
	line-height:2em;
	font-size:1em;
	margin:1em 0 2em 0;
}
/* 戻る */
div.order_form .order_back {
	margin:1em;
}

div.order_form span.order_caution {
	color:red;
}

/* **************************
  　　 注文完了
************************** */

div.order_end {
	margin-top:5em;
}

/* **************************
  　　当日の注文一覧
************************** */

.order_list {
}
.order_list table {
	margin:2em auto;
	border-left:1px solid #000;
	border-top:1px solid #000;
}
.order_list table th ,
.order_list table td {
	padding:0.5em 1em;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
.order_list table td span {
	display:block;
	font-size:0.8em;
	line-height:0.8em;
	color:#999;
}
.order_list table th {
	background:#000;
	color:#fff;
	border-right:1px solid #fff;
}
.order_list table td:nth-child(4) ,
.order_list table td:nth-child(5) {
	text-align:left;
}

.order_list table .edit_bg {
	background:yellow;
}
.order_list table .edit_end {
	background:#fffcc1;
}

/* **************************
  　　ディスプレイ表示
************************** */

.order_disp {
}
.order_disp_root {
	margin:0 auto 2em;
	text-align:center;

}
.order_disp_root ul {
	display:flex;
	align-items: center;
	justify-content: center;
	margin:0 auto;
}
.order_disp_root ul li {
	padding:0 1em;
}
.order_disp_root ul li span {
	font-weight:bold;
}
.disp_box {
	width:96%;
	margin:0 auto;
}
.disp_box > ul {
	display:flex;
	flex-wrap: wrap;
}
.disp_box > ul > li {
	border:1px solid #000;
	width:32%;
	flex-basis:32%;
	height:100%;
	margin:0 auto 1em;
}
.disp_box ul li .disp_menu {
	display:block;
	width:100%;
	color:#fff;
	background:#000;
	font-weight:bold;
	font-size:1.5em;

	text-align:center;
	padding:0.2em;
}
.disp_box ul li .disp_num {
	font-weight:bold;
	font-size:600%;
	text-align:center;
	line-height:100%;
	padding-top:0.1em;
}

.disp_box .disp_rice ul {
	display:flex;
	justify-content: center;
	margin:0 1em 1em;
}
.disp_box .disp_rice ul li {
	padding:0 0.2em;
	font-size:1.0em;
}



.disp_box .disp_rice_L ul {
	display:flex;
	justify-content: center;
	margin:1em 1em 1em;
}
.disp_box .disp_rice_L ul li {
	padding:0 0.2em;
	font-size:1.0em;
	font-weight:bold;
	margin:1em 0 0 0;
}
.disp_box ul li .disp_num_S {
	font-size:100%;
	text-align:center;
	line-height:100%;
	padding-top:0.1em;
	margin:2em 0 2.5em 0;
}

.dummy_list {
	list-style-type:disc;
	margin:2em 2em;
}
.dummy_list li {
	margin:0 0 2em 0;
}

/* **************************
  　　ルート印刷
************************** */

.order_print {
}
.order_print_root {
	margin:0 auto 2em;
	text-align:center;

}
.order_print_root p {
	margin:0 0 1em 0;
}
.order_print_root ul {
	display:flex;
	align-items: center;
	justify-content: center;
	margin:0 auto;
}
.order_print_root ul li {
	padding:0 1em;
}
.order_print_root ul li span {
	font-weight:bold;
}

.prt_box {
	width:96%;
	margin:0 auto;
	text-align:center;
}
.prt_box table {
	border:5px solid #000;
	margin:0 auto 3em;
}
.prt_box table th {
	border-right:1px solid #fff;
	padding:0.5em;
	background:#000;
	color:#fff;
}
.prt_box table .th_chg {
	border-bottom:1px solid #fff;
	border-left:5px solid #fff;
}
.prt_box table .border_chg:nth-of-type(4n+1) {
	border-left:5px solid #fff;
}
.prt_box table th:last-child {
	border-right:1px solid #000;
}

.prt_box table td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:0.5em;
}

.prt_box table td:nth-child(4n-1) {
	border-left:5px solid #000;
}

.prt_box table .color_chg {
	background:#eee;
}
.print_button {
	margin-bottom:1em;
}

/* 印刷画面 */
@media print {
	.print_button {
		display:none;
	}
	.next_print {
		page-break-before: always;
	}
	.admin_bar ,
	.login_user ,
	.order_print_root {
		display:none;
	}
}

/* **************************
  　　　　受付停止
************************** */

div.order_stop table {
	text-align:left;
	border:5px solid #000;
	margin:2em auto 2em;
}
div.order_stop table tr {
	border-bottom:1px solid #000;

}
div.order_stop table th {
	background:#000;
	color:#fff;
	text-align:left;
	border-bottom:1px solid #fff;
}

div.order_stop table th ,
div.order_stop table td {
	padding:0.5em 1em;
	vertical-align:middle;
}

h1.order_stop {
	color:red;
}
div.login_form div.order_stop_com {
	background:red;
	color:#fff;
	padding:1em;
	margin:2em auto;
}

.btn_sw {
	display:flex;
	justify-content: center;
	margin:0em 0 0 0;
}
.btn_sw input {
	height:2em;
	line-height:1em;
	font-size:1em;
	margin:0 0.2em;
}
.btn_sw .btn_red {
	background:red;
	color:#fff;
	font-weight:bold;
}
.btn_sw .btn_blue {
	background:blue;
	color:#fff;
	font-weight:bold;
}

.order_tel {
	font-size:2em;
	font-weight:bold;
	margin-bottom:1em;
}

/* **************************
  　　データ集計
************************** */

.order_log {
}
.order_log_select {
	margin:0 auto 2em;
	text-align:center;

}
.order_log_root p {
	margin:0 0 1em 0;
}
.order_log_root ul {
	display:flex;
	align-items: center;
	justify-content: center;
	margin:0 auto;
}
.order_log_root ul li {
	padding:0 1em;
}
.order_log_root ul li span {
	font-weight:bold;
}

.log_box {
	width:96%;
	margin:0 auto;
	text-align:center;
}
.log_box table {
	border:5px solid #000;
	margin:0 auto 3em;
}
.log_box table th {
	border-right:1px solid #fff;
	padding:0.5em;
	background:#000;
	color:#fff;
}
.log_box table th:last-child {
	border-right:1px solid #000;
}

.log_box table td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:0.5em;
}
.log_box table .color_chg {
	background:#eee;
}

/* **************************
  　　　CSVインポート
************************** */

.customer_import {
}

.customer_import p {
	margin:0 0 1em 0;
}
.upload_form {
	width:30em;
	margin:0 auto;
	padding:1.5em 1.5em 0.5em 1.5em;
	border:1px dotted #000;
}
.upload_form input {
	margin:0 0 1em 0;
}

.import_box {
	width:96%;
	margin:0 auto;
	text-align:center;
}
.import_box table {
	border:5px solid #000;
	margin:0 auto 3em;
}
.import_box table th {
	border-right:1px solid #fff;
	padding:0.5em;
	background:#000;
	color:#fff;
}
.import_box table th:last-child {
	border-right:1px solid #000;
}

.import_box table td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:0.5em;
}
.import_box table .color_chg {
	background:#eee;
}


/* **************************
  　　　レスポンシブ
************************** */

/* パソコン・タブレット（横） */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* タブレット（縦）・スマホ（縦／横） */
@media only screen and (max-width: 767px) {

	div.order_form table.order_table {
		width:90%;
		margin:0 auto;
	}
	div.order_form table.order_table tr {
    display:block;
	width:100%;
	}
	div.order_form table.order_table th {
    display:block;
    width: 100%;
	margin-bottom:1em
	}

	div.order_form table.order_table td {
    display: list-item;
    width: 100%;
  list-style: none;
	}
	div.order_form table.order_table td:last-child {
		margin-bottom:1em;
	}

}