/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018/04/03, 13:26:27
    Author     : maeda
*/
html {
	font-size: 12pt;
	line-height: normal;
}

body {
  font-size: 12pt;
}

#site_title{
	color: #fff;
}

h1{
	font-size: 2.2rem;
}
h2{
	font-size: 2rem;
}
.error-message{
	color: red;
}

/** ページ下部のスペース **/
.index {
	padding-bottom: 50px;
}

/** モーダルのタイトル **/
.modal-title{
	display: inline;
}

.modal-body .data_table{
	margin: 0 auto;
}


#wrapper{
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 10px;
}


.next_btn{
	text-align: center;
}

#section2,
#section3,
#section4,
#section5,
#section6
{
}

.title-area{
	/*background-color: darkgreen;*/
	background-color: #cc0000;
}
.top-bar.expanded, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
	/*background: #88c671;*/
	background: #ffc6c6;
}
.side-nav li a:not(.button) {
    color: #fff;
}
.side-nav li a:hover:not(.button), .side-nav li a:focus:not(.button) {
    background: rgba(0,0,0,0.025);
    color: #fff;
}
.side-nav li.heading {
    color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.4375rem 0.875rem;
}
footer{
	margin-top:40px;
	text-align: center;
	background: #ffc6c6;
	padding: 20px;
}

/*メニュー部分*/
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -300px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 300px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    background-color: #fff; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}


fieldset {
    border: none;
    padding: 10px;
    margin: 0;
}

#search_form_box label {
	background-color: #ffc6c6;
	color: #fff;
	padding: 8px;
}

#search_form_box button{
	padding: 8px;
	margin-left: 5px;
}

.content{
	padding-bottom: 0;
	padding-top: 15px;
	margin-bottom: 0;
}

#search_form_link{
	padding-bottom: 10px;
}

ul.pagination li.active a {
    background-color: #ffc6c6;
    color: #FFF;
    font-weight: bold;
    cursor: default;
}

#error{
	color: red;
}

.description{
	color: red;
}

.customer_table{
	margin-left:30px;
}

.customer_table th{
	text-align: center;
	font-weight: normal;
	border: none;
	background-color: #badcad;
	color: #000;
	padding: 5px 0;
	height: 20px;
}

.customer_table td{
	padding: 5px;
}

.customer_table input,
.customer_table select,
.customer_table textarea
{
	margin: 0;
}

.customer_table .post_th{
	background-color: #008CBA;
	color: #fff;
}

.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
	background: #badcad;
	color: #000;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}


/**
 *  拾得物登録フォーム
 */
.item_box{
}

.list_item{
	padding-right: 10px;
}

label.column_label {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;

	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-weight: normal;
	line-height: 1;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.25rem 0.5rem 0.25rem;
	background-color: #008CBA;
	color: #fff;
	margin:10px 0;
}

.item_category label {
	display: block;
}

.search_item {
    display: inline-block;
    padding: 3px;
    cursor: pointer;
}
.is-active {
    background-color: #fffacd;
}
.is-hide {
    display: none;
}

.admin_view th {
	width:140px;
}
.admin_view td {
	text-align: left;
}

.footer_menu{
	border-top: 1px #747474 solid;
	padding-top: 10px;
}
.footer_menu span{
	margin-right: 20px;
}

.username{
	font-size:0.8em;
}
.navbar,
.container
{
	padding-bottom : 5px;

}
h1{
	margin: 0;
}

.color_span{
	padding: 5px 10px;
	margin-right:5px;
	text-align:center;
	border:1px #000 solid;
	display: inline-block;
}

.search_form{
	margin-left: 40px;
	margin-bottom: 40px;
}

.result{
	margin-left: 40px;
}
.page_label{
	margin-left: 40px;
	margin-bottom: 20px;
}
table {
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
}
table thead tr th, 
table tfoot tr th, 
table tfoot tr td, 
table tbody tr th, 
table tbody tr td, 
table tr td {
    display: table-cell;
    line-height: 1.125rem;
	padding: 15px;
	white-space: normal;
}
table thead tr th, 
table thead tr td {
    color: #222;
    /*font-size: 0.875rem;*/
    font-weight: bold;
    /*padding: 0.5rem 0.625rem 0.625rem;*/
	padding: 15px;
}
#search_client  label{
	/*width: 180px;*/
	width: 350px;
}
.button{
	vertical-align: middle;
	margin: 0;
}
.sp_menu,
.pc_menu{
	display:none;
}

#pagetop {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #ff8484;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    cursor: pointer;
}
#pagetop svg {
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 16px;
    width: 30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
svg:not(:root) {
	overflow: hidden;
}
#pagetop:hover {
	background: #cc0000;
}
/** ダッシュボード Start **/
.news_title{
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.news_msg {
	display:inline-block;
}
.news_block{
	border-bottom: 1px #000 solid;
}

a.btn--red {
  color: #fff;
  background-color: #cc0000;
  border-bottom: 5px solid #b84c00;
  padding: 5px 30px;
}
a.btn--red:hover {
  color: #fff;
  background: #e60033;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
a.btn--red.btn--border-outset {
  border: 6px outset #b9000e;
}
.menu_block a {
	margin: 10px;
	width: 240px;
}

.message{
	margin-bottom: 1rem;
}

/**メニューのCSS調整**/
li{
	display:block;
}

.navbar-brand{
	padding-top:0;
	padding-bottom: 0;
}

/** ヘッダー日付 **/
.navbar-date{
	text-align: right;
}
/** ヘッダー文字サイズ Start **/
#textsizer {
	font-size:0.8rem;
	text-align: center;
	margin-bottom: 5px;
	text-align: right;
}
#textsizer a{
	padding: 5px;
	border: 1px solid #000;
	color: #fff;
	background-color:#cc0000;
}
#textsizer ul{
	font-size: 0;
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}
#textsizer li{
	display: inline;
	font-size: 0.8rem;
}
#textsizer a.textresizer-active{
	background: #FAA816;
	color: #000000;
}
/** End ヘッダー文字サイズ **/

.login_form_block{
	width:50%;
	margin:0 auto;
}

/**
 * パソコン、タブレット用
 */
@media(min-width:768px) {
	body{
		padding-top: 190px;
		/*padding-top: 160px;*/
	}
    .navbar-collapse.collapse {
        display: none !important;
    }
	.navbar-brand {
		float: left !important;
		height: 50px !important;
		padding: 15px 15px !important;
		/*line-height: 20px !important;*/
		line-height: 20px;
	}
	.navbar-toggle{
		display: inline-block;
		float: right !important;
		position: relative !important;
		padding: 9px 10px !important;
		margin-top: 8px !important;
		margin-right: 15px !important;
		margin-bottom: 8px !important;
		background-color: transparent !important;
		background-image: none !important;
		border: 1px solid transparent !important;
		border-radius: 4px !important;
	}
	.navbar-header{
		width:100% !important;
	}
	.navbar-collapse.in {
		overflow-y: auto !important;
	}
	.navbar-date {
		float:right;
		padding:9px 10px;
		color:#fff;
		margin-top:8px;
		margin-right:50px;
	}
	.collapse.in {
		display: block !important;
		width:100% !important;
	}














	.search_form_column{
		float: left;
	}

	#search_form_box label {
		display: inline-block;
		background-color: #ffc6c6;
		color: #fff;
		padding: 8px;
		margin-left: 5px;
	}

	#search_form_box select {
		width: 120px;
	}
	.pc {
		/*display: table-cell;*/
		display: inline;
	}
	.sp {
		display: none;
	}
	.customer_form_pc{
		display:table-row;
		border:0px;
	}
	.menu_pc {
		display: inline;
	}
	input.datepicker {
		width: auto;
		display: inline;
	}
	select.datepicker {
		width: 80px;
	}

	.page_label{
		font-size: 16pt;
	}

	
	/** 注文画面 **/
	.item_image{
		width: 300px;
		height: 300px;
		/*object-fit: cover;*/
		object-fit:scale-down;
	}
	.order_normal .item_box{
		display:inline-block;
		margin: 0 10px;
		width:300px;
		border: 0;
	}
	.side_menu{
		display:inline-block; 
		vertical-align:top;
		/*padding:0 20px;*/ 
		padding-right: 20px;
		width:220px;
	}
	.main_content{
		display:inline-block;
		/*width:81%;*/
		width: calc(100% - 250px);
	}
	.client_name_label {
		font-size: 16pt;
		margin-bottom:20px;		
	}





	table thead tr th, 
	table thead tr td{
		/*font-size:14pt;*/
		padding: 1.5rem 1rem;
	}
	table tr th, table tr td{
		/*font-size:14pt;*/
		padding: 1.5rem 1rem;
	}
	.side-nav li {
		/*font-size: 14px;*/
	}
	button, .button{
		/*font-size: 14px;*/
	}
	p{
		/*font-size: 14px;*/
	}
	ul.pagination li a, 
	ul.pagination li button{
		/*font-size: 14px;*/
	}
	label {
		/*font-size: 14px;*/
	}
	select{
		/*font-size: 14px;*/
		font-size: 1rem;
		padding: 1rem 2rem;
		height: auto;
	}

	input[type="text"], 
	input[type="password"], 
	input[type="date"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="month"], 
	input[type="week"], 
	input[type="email"], 
	input[type="number"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="time"], 
	input[type="url"], 
	input[type="color"], 
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		background-color: #fff;
		border-style: solid;
		border-width: 1px;
		border-color: #ccc;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
		color: rgba(0,0,0,0.75);
		/*display: block;*/
		display: inline;
		font-family: inherit;
		/*font-size: 0.875rem;*/
		font-size: 1rem;
		height: 2.3125rem;
		margin: 0 0 1rem 0;
/*		padding: 0.5rem;*/
		padding: 10px;
		/*width: 100%;*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: border-color 0.15s linear,background 0.15s linear;
		-moz-transition: border-color 0.15s linear,background 0.15s linear;
		-ms-transition: border-color 0.15s linear,background 0.15s linear;
		-o-transition: border-color 0.15s linear,background 0.15s linear;
		transition: border-color 0.15s linear,background 0.15s linear;
	}

	input {
		line-height: normal;
	}


	input[type="text"], 
	input[type="password"], 
	input[type="date"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="month"], 
	input[type="week"], 
	input[type="email"], 
	input[type="number"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="time"], 
	input[type="url"], 
	input[type="color"], 
	textarea
	{
		/*padding: 2rem;*/
		/*padding: 1rem;*/
		/*font-size: 14px;*/
		font-size: 1rem;
	}

	h5{
		font-size: 14pt;
	}

	button, .button {
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		border-style: solid;
		border-width: 0;
		cursor: pointer;
		font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		font-weight: normal;
		line-height: normal;
		margin: 0 0 1.25rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		padding: 1rem 2rem 1.0625rem 2rem;
		font-size: 1rem;
		background-color: #008CBA;
		border-color: #007095;
		/*color: #fff;*/
		transition: background-color 300ms ease-out;
	}

	.search_form input {
		display: inline;
		width: 350px;
	}

	/** カート画面 **/
	.cart_list .item_image{
		/*width:100px;*/
		width:500px;
		height: 100px;		
	}
	.item_box{
		margin-bottom: 10px;
		border: 1px solid #000;
	}
	.item_image{
		display: inline-block;
	}
	.item_detail{
		display: inline-block;
	}
	.item_image img{
		width: 80px;
		height: 80px;
		object-fit: cover;
		margin-right: 10px;
	}
	.item_name {
		margin: 0 10px;
	}
	.item_num {
		margin: 0 10px;
	}
	.item_delivery_date {
		margin: 0 10px;
	}
	.confirm_column{
		border-bottom: 1px solid black;
	}
	.confirm_item {
		display:inline-block;
		vertical-align:top;
		padding: 10px;
	}
	.confirm_item_name{
		width: 50%;
	}
	.confirm_num{
		/*width: 110px;*/
		width: 50%;
	}
	.confirm_etc_label{
		width: 80px;
	}
	.confirm_etc{
		width: 30%;
	}
	.cart_list {
		margin-bottom: 40px;
	}
	.cart_list td,
	.cart_list th{
		padding: 5px 20px;
		vertical-align: middle;
	}
	.cart_list tr{
		border-bottom: 1px solid #000;
	}
	.item_delete{
		background-color: #ccc;
		color: red;
	}
	.confirm{
		background-color: #3cb371;
	}
	.confirm_etc{
		margin-top: 10px;
	}
	.modaal-confirm-btn{
		font-size: 28pt;
	}
	#cart #etc {
		width:450px;
		height: 200px;
	}
	
	.item_box .confirm{
		background-color: #fff;
	}

	select {
		padding: 0;
	}

	.ui-datepicker-cmd{
		padding: 5px 10px;
		margin-bottom: 0;
	}

	#login input {
		display: block;
		width: 100%;
	}
	#login button{
		color: #fff;
	}

	/** カートの中身 **/
	.cart input[type=text],
	.cart input[type=button]{
		margin:5px 0;
	}
	.cart input.delivery_date{
		margin-bottom: 1rem;
	}
	.cart .item_image {
		display: table-cell;
	}
	/** カートを見るのリンク **/
	.cart_link{
		margin-left:10px;
		display:inline-block;
	}
	/** 希望納品日選択フォーム **/
	#delivery_date_form{
		display:inline-block;
	}
	/** フロント_商品一覧ページ_商品詳細モーダル **/
	#item_details {
		width:100%;
	}
	#item_details  th{
		background-color: #c6ffc6;
		width: 10%;
		padding: 10px;
		border: 1px solid #000;
	}
	#item_details  td{
		width: 85%;
		padding: 10px;
		border: 1px solid #000;
	}
	
	td#Detail_item_name{
		text-align: center;
		/*font-size: 28pt;*/
		font-size: 1.5rem;
		border: none;
	}
	
	.pc_menu{
		display:inline;
	}
	input.box_num,
	input.num{
		margin: 5px 0;
		width: 100px;
	}

	/** 文字サイズ Start **/
	.font_s{
		font-size: 14px;
	}
	body.font_s{
		padding-top:150px;
	}
	.font_m{
		font-size:18px;
	}
	body.font_m{
		padding-top:160px;
	}
	.font_b{
		font-size:24px;
	}
	body.font_b{
		padding-top:180px;
	}
	/** End 文字サイズ **/
	#delivery-date{
		width: 200px;
	}
	#site_title{
		font-size: 1rem;
	}
	#keyword_search input[name=keyword] {
		width: 100%;
	}
}



/**
 * スマホ用
 */
@media (max-width: 767px) {
	body{
		box-sizing: border-box;
		/*padding-top: 90px;*/
		padding-top: 140px;
	}
	h1{
		/*line-height: 0.5;*/
		line-height: 1;
		/*font-size:18pt;*/
		font-size: 1.4rem;
	}
	.pc {
		display: none;
	}
	.sp {
		display: inline;
		/*font-size: 0.7rem;*/
		font-size:1rem;
	}
	.customer_form_pc{
		display: none;
	}
	.menu_pc {
		display: none;
	}
	input.datepicker {
		width: 80px;
		display: inline;
	}
	.username {
		font-size: 1rem;
	}
	select.datepicker {
		width: 60px;
	}
	.date select, 
	.time select, 
	.datetime select {
		margin-right: 0;
	}
    .navbar-collapse.collapse {
        display: none !important;
    }
	.navbar-collapse.in {
		overflow-y: auto !important;
	}
	.collapse.in {
		display: block !important;
		width:100% !important;
	}

	.navbar-brand {
		/*font-size: 0.7rem !important;*/
		/*height: 62px;*/
		/*float: none;*/
		height: 50px;
		float:left;
		/*clear: both;*/
		padding:0;
		padding-left:10px;
	}
	.navbar-date {
		float:none;
		/*padding:9px 10px;*/
		padding:0;
		color:#fff;
		/*margin-top:8px;*/
		/*margin-right:50px;*/
		margin: 0 10px 0 10px;
		clear: both;
	}
	.content{
		/*margin-top: 60px;*/
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		padding: 15px;
	}
	.side_menu{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.main_content{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		width:100%;
	}
	#site_title{
		line-height: 28px;
		font-size:1rem;
		margin-bottom: 20px;
	}
	#wrapper{
		margin: 10px 10px 0 10px;
	}
	.item_image{
		width:100%;
	}
	/** カートを見るのリンク **/
	.cart_link{
		margin-left:0;
		display:inline;
	}
	/** 希望納品日選択フォーム **/
	#delivery_date_form{
		display:inline;
	}
	/** カテゴリー名 **/
	.page_label{
		margin-top:10px;
	}
	/** フロント_商品一覧ページ_商品詳細モーダル **/
	#item_details {
		width:100%;
	}
	#item_details  th{
		background-color: #c6ffc6;
		width: 10%;
		padding: 10px;
		border: 1px solid #000;
	}
	#item_details  td{
		width: 85%;
		padding: 10px;
		border: 1px solid #000;
	}
	
	td#Detail_item_name{
		text-align: center;
		/*font-size: 28pt;*/
		border: none;
	}
	/** カートの中身 **/
	.cart .item_image{
		/*width: 80px;*/
	}
	.cart .item_image img{
		/*width: 75px;*/
		width: 100%;
	}
	.cart .item_delete{
		padding: 5px;
		margin: 0;
	}
	.cart #etc{
		width: 90%;
	}
	.cart_list_last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}
	.cart_list {
		width: 80%;
	}
	.cart_list th,
	.cart_list td {
		border-bottom: none;
		display: block;
		width: 100%;
	}

	#modaal-title{
		margin-bottom: 10px;
	}
	.confirm_column{
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}
	.confirm_item_name{
		display: inline-block;
		width: 50%;
	}
	.confirm_num{
		display: inline-block;
		width: 40%;
		margin-left: 10px;
		vertical-align: top;
	}
	.font_bold{
		font-weight: bold;
	}
	footer{
		/*font-size:0.7rem;*/
	}
	.logo{
		width:70%;
	}
	.search_form {
		margin-left: 10px;
		margin-bottom: 40px;
		width: 280px;
	}
	.sp_menu{
		/*display:inline;*/
	}
	.side-nav li {
	/*	font-size: 14px;*/
		/*font-size:28px;*/
		font-size: 1rem;
		margin: 0;
	}
	.side-nav li a:not(.button) {
		color: #fff;
		padding: 0 10px;
	}
	.side-nav li a:hover:not(.button), 
	.side-nav li a:focus:not(.button) {
		background: rgba(0,0,0,0.025);
		color: #fff;
		padding: 0 10px;
	}
	.side-nav li.heading {
		color: #fff;
		font-size: 1rem;
		font-weight: bold;
		text-transform: uppercase;
		/*padding: 0.4375rem 0.875rem;*/
	}
	.page_label{
		margin-left: 10px;
		margin-bottom: 20px;
	}
	.result{
		margin-left: 10px;
	}
	table {
		background: #fff;
		border: solid 1px #ddd;
		margin-bottom: 1.25rem;
		table-layout: auto;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table thead tr th, 
	table tfoot tr th, 
	table tfoot tr td, 
	table tbody tr th, 
	table tbody tr td, 
	table tr td {
		display: table-cell;
		line-height: 1;
		padding: 10px ;
		white-space: normal;
	}
	table thead tr th, 
	table thead tr td {
		color: #222;
		font-weight: bold;
		padding: 10px;
	}
	input.box_num,
	input.num{
		margin: 5px 0;
		width: 50px;
	}

	.cart_list{
		width: 100%;
	}
	.delivery_date {
		width:120px;
	}
	.item_category_box{
		display:block; 
		margin-top:10px;
	}
	/** 文字サイズ Start **/
	.font_s{
		font-size: 14px;
	}
	body.font_s{
		padding-top:130px;
	}
	.font_m{
		font-size:18px;
	}
	body.font_m{
		padding-top:140px;
	}
	.font_b{
		font-size:24px;
	}
	body.font_b{
		padding-top:200px;
	}
	/** End 文字サイズ **/

	.login_form_block{
		width:90%;
		margin:0 auto;
	}
	#login input {
		display: block;
		width: 100%;
	}

	h1{
		font-size: 1rem;
	}
	h2{
		font-size: 1rem;
	}

	button, .button {
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		border-style: solid;
		border-width: 0;
		cursor: pointer;
		font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		font-weight: normal;
		line-height: normal;
		margin: 0 0 1.25rem;
		position: relative;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		padding: 1rem 2rem 1.0625rem 2rem;
		font-size: 1rem;
		background-color: #008CBA;
		border-color: #007095;
		color: #fff;
		transition: background-color 300ms ease-out;
	}

	input[type="text"], 
	input[type="password"], 
	input[type="date"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="month"], 
	input[type="week"], 
	input[type="email"], 
	input[type="number"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="time"], 
	input[type="url"], 
	input[type="color"], 
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		background-color: #fff;
		border-style: solid;
		border-width: 1px;
		border-color: #ccc;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
		color: rgba(0,0,0,0.75);
		display: block;
		font-family: inherit;
		font-size: 0.875rem;
		height: 2.3125rem;
		margin: 0 0 1rem 0;
		padding: 0.5rem;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: border-color 0.15s linear,background 0.15s linear;
		-moz-transition: border-color 0.15s linear,background 0.15s linear;
		-ms-transition: border-color 0.15s linear,background 0.15s linear;
		-o-transition: border-color 0.15s linear,background 0.15s linear;
		transition: border-color 0.15s linear,background 0.15s linear;
	}
	#cart #etc {
		/*width:450px;*/
		height: 200px;
	}
	#delivery-date{
		display: inline;
		width: 60%;
	}
	input.box_num{
		display: inline;
		width: 180px;
	}
	input.num{
		display: inline;
		width: 180px;
	}
}