@charset "UTF-8";

/*.nav_search {*/
/*	margin-top: 8px;	*/
/*}*/

.backHome_btn {
	background-color: transparent;
	color: #4E3C3C;
	border: none;
	box-shadow: none;
	padding: 0 0 16px;
	font-size: 1.6rem;
}

.backHome_btn:hover {
	background-color: transparent;
	color: #2d4b3a;
	border: none;
	box-shadow: none;
	padding: 0 0 16px;
}

h2 {
	writing-mode: unset;
	padding-bottom: 0;
}

.table td {
	border: 1px solid transparent;
}

.td_memo {
    padding: 2px 0 12px;
}

.td_delete {
	text-align: right;
/*	margin: -50px 0 0;*/
	display: flex;
    align-items: flex-end;
    margin-left: auto;
}

.delete_btn {
	font-size: 1.6rem;
	margin: 0;
	
	background-color: transparent;
	color: #4E3C3C;
	
	border: 1px solid #4E3C3C;
    box-shadow: 0 0 0 2px #FFFBF0, 0 0 0 3px #4E3C3C;
    
    width: max-content;
}

.delete_btn:hover {
	background-color: #BF555C;
	color: #FFF;
	
	border: 1px solid #BF555C;
    box-shadow: 0 0 0 2px #FFFBF0, 0 0 0 3px #BF555C;
}

.ordererInput {
	margin-top: 16px;
}

.order_btn {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	
	font-size: 1.8rem;
	color: #FFF;
	text-decoration: none;
	
	width: 95%;
	box-sizing: border-box;
}

.order_btn:hover {
	background-color: #4E3C3C;
}

/*.toOrderInput-button {*/
/*	display: inline-block;*/
/*	width: 100%;*/
/*	padding: 10px;*/
/*	font-size: 14px;*/
/*	background-color: #4CAF50;*/
/*	color: white;*/
/*	text-decoration: none;*/
/*	border-radius: 9999px;*/
/*	text-align: center;*/
/*	cursor: pointer;*/
/*	transition: background-color 0.3s ease;*/
/*	margin-top: 10px;  ログインボタンと同じように位置を調整 */
/*	box-sizing: border-box;  パディング込みの幅になる */
/*}*/

/* ホバー時の色 */
/*.toOrderInput-button:hover {*/
/*	background-color: #45a0å49; */
/*}*/


/* disabledクラスが付与された場合に背景色を灰色に変更 */
.toOrderInput-button.disabled {
	background-color: #ccc; /* 灰色の背景 */
	color: #666; /* テキスト色を少し薄く */
	cursor: not-allowed; /* クリックできないように表示 */
}

@media screen and (max-width:768px ) {
	.backHome_btn {
		font-size: 1.4rem;
	}
	
	.delete_btn {
		font-size: 1.4rem;
	}
	
	.order_btn {
		font-size: 1.6rem;
	}
}
