@charset "utf-8";

/*web予約注文 カート一覧*/
/*web予約注文 確認画面*/

table{
	width:100%;
	border:#008b8b 2px solid;
	margin-top:3%;
}

table th,td{
	padding:2%;
	border:#008b8b 2px solid;
	border-collapse:collapse;
}

table th{
	background:#b2ffb2;
}

input.quantity{
	height:30px;
	width:50px;
}

/*確認画面.数量*/
input.quantity2{
	height:30px;
	width:150px;
}

input.reset{
	height:45px;
	padding:0;
	width:60px;
}

#continue-btn a{
	display:block;
}

#order-btn a{
	display:block;
}

#continue-btn{
	width:30%;
	float:left;
	background:#83ccd2;
	padding:2%;
	margin:3%;
	text-align:center;
	border-radius:5px;
	font-size:16px;
	font-weight:bold;
}

#continue-btn:hover{
	background:#8effff;
}

#order-btn{
	width:30%;
	float:right;
	background:#ec6d71;
	padding:2%;
	margin:3%;
	text-align:center;
	border-radius:5px;
	font-size:16px;
	font-weight:bold;
}

#order-btn:hover{
	background:#ff99cc;
}

#cart-btn{
	overflow:hidden;
}

#cart-btn a{
	text-decoration:none;
	color:#000b00;
}

/*web予約注文 注文画面*/

#attention{
	width:30%;
	background:#f5e56b;
	text-align:center;
	border-radius:5px;
	font-size:16px;
	font-weight:bold;
	margin-top:2%;
	margin-left:3%;
}

#caution{
	text-decoration:underline red;
	margin-top:2%;
	margin-left:8%;
}

.hope{
	height:50px;
}

/*お客様情報*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*body { background:rgb(30,30,40); }*/
form { max-width:420px; margin:50px auto; }

.feedback-input {
  color:#000b00;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #CC6666;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #CC4949; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width: 100%;
  background:#CC6666;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
[type="submit"]:hover { background:#CC4949; }


input:focus,
textarea:focus{
	background:#b2ffff;
}

/*注文する*/

#l-order a{
	display:block;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	width: 60%;
	background:#CC6666;
	border-radius:5px;
	border:0;
	cursor:pointer;
	color:white;
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
	transition: all 0.3s;
	margin-top:-40px;
	font-weight:700;
	text-align:center;
	margin-bottom:5%;
	margin-left:20%;
}

#l-order a:hover { background:#CC4949; }

/*予約完了*/

#complete{
	text-align:center;
}