* {
	box-sizing: border-box;
}
html {
	font-size: 14px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	box-sizing: border-box;
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
textarea,
select {
	font-family: inherit;
	border: 1px #afafaf solid;
	margin: 1px;
	font-size: 1rem;
}
input[type=button],
button {
	font-family: inherit;
	font-size: 1rem;
}
input[type="radio"],
input[type="checkbox"] {
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
	display: inline-block;
	margin-right: 0.5em;
}
.btn {
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
	font-size: 1rem;
	display: inline-block;
	margin: 3px;
	cursor: pointer;
	border: 3px #999 solid;
	border-radius: 0.85rem;
	padding: 4px 10px;
	background-color: #f0f0f0;
}
.btn:hover {
	border: 3px #666 solid;
	background-color: #ffd;
}



main {
	width: 100%;
}
#classification_tab {
	width: 100%;
	padding: 1em 0.4em;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 1000;
}
#classification_tab > .btn_tab {
	display: inline-block;
	cursor: pointer;
	border-radius: 0.5em;
	color: darkgreen;
	border: 1px darkgreen solid;
	margin: 0.05em;
	padding: 0.1em 1em;
	text-align: center;
}
#classification_tab > .btn_tab:hover {
	background-color: gold;
}
#classification_tab > .btn_tab.on {
	background-color: darkgreen;
	color: #fff;
}
#main_area {
	font-size: 14px;
	padding: 4em 0;
}
.title_item_type {
	background-color: #eee;
	padding: 0.4em;
	margin: 0.4em;
}
.title_item_type > .set_menu_list,
.title_item_type > .set_menu_list_close {
	float: right;
	font-size: 0.85em;
	border-radius: 0.4em;
	padding: 0.1em 0.3em;
	border: 1px #4775f5 solid;
	background-color: #cceaff;
}
.title_item_type > .set_menu_list,
.title_item_type > .set_menu_list_close {
	cursor: pointer;
}
.title_item_type > .set_menu_list:hover,
.title_item_type > .set_menu_list_close:hover {
	opacity: 0.5;
}
.title_item_type > .set_menu_list_close {
	display: none;
}
.title_item_type > span {
	display: inline-block;
	margin-left: 1em;
	font-size: 0.85em;
	color: #c00;
}
.item_no {
	display: inline-block;
	font-size: 0.85em;
	border-radius: 0.4em;
	padding: 0.1em 0.3em;
}
.item_no.item_type0 {
	background-color: #caeefb;
}
.item_no.item_type1 {
	background-color: #d9f2d0;
}
.item_no.item_type2 {
	background-color: #ffebff;
}
.item_list_inner {
	margin: 0.4em;
	font-size: 0.9em;
}
.item_list_inner div {
	padding: 0.2em;
	border-bottom: 1px #ccc solid;
}
.item_list_inner div.item span {
	display: inline-block;	
}
.item_list_inner div.item span.name {
	width: 40%;
}
.item_list_inner div.item span.name .item_name {
	display: inline-block;
	margin-left: 1em;	
}
.item_list_inner div.item span.price {
	text-align: right;
	width: 8%;
}
.item_list_inner div.item span.notes {
	width: 45%;
	margin-left: 1em;
	color: #0070c0;
}
.item_list_inner div.item .classification,
.item_list_inner div.item .item_type {
	display: none;
}
.caution {
	color: #c00;
	font-size: 0.85em;
}
#footer_area {
	width: 100%;
	padding: 0.8em 0.4em;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background-color: #fff;
}
table.discount_list {
	display: none;
	border-collapse: collapse;
}
table.discount_list,
table.discount_list th,
table.discount_list td {
	border: 1px #999 solid;
	padding: 0.1em;
	font-size: 0.9em;
}
table.discount_list thead th {
	vertical-align: top;
	line-height: 1em;
	font-weight: normal;
}
table.discount_list thead th:first-child {
	width: 200px;
	min-width: 200px;
}
table.discount_list thead th:not(:first-child) {
	width: 1em;
}

table.discount_list th {
	font-weight: normal;
}
.scroll {
	overflow-x: auto;
}
.sp {
	display: none;
}
.hide {
	display: none;
}

@media screen and (max-width: 749px) {

	#classification_tab > .btn_tab {
		display: block;
	}

	.item_list_inner div.item span.name {
		display: flex;
		align-items: flex-start;
		width: 98%;
	}
	.item_list_inner div.item span.name .item_no_box {
		display: inline-flex;
		align-items: center;
		flex: 0 0 6.5em;   /* ← 固定幅（調整可） */
		white-space: nowrap;
		gap: 0.3em;
	}
	.item_list_inner div.item span.name .item_name {
		flex: 1 1 auto;
		word-break: break-word;
		line-height: 1.4;
	}
	.item_list_inner div.item span.price {
		display: block;
		width: 97%;
	}
	.item_list_inner div.item span.notes {
		display: block;
		width: 97%;
		margin-left: 2em;
	}
	.title_item_type > span {
		display: block;
	}

	.sp {
		display: inline;
	}
/*
	table.discount_list {
		border: 0 !important;
		margin-top: 1em;
		width: 100%;
	}
	table.discount_list thead {
		display: none;
	}
	table.discount_list tbody th,
	table.discount_list tbody td {
		display: block;
		border: 0 !important;
		padding-top: 0;
		padding-bottom: 0;
	}
	table.discount_list tbody td:not(:first-child) {
		margin-left: 1em;
	}
	table.discount_list tbody td:first-child {
		border-top: 1px #ccc dotted;
	}
	table.discount_list tbody tr td:last-child {
		margin-bottom: 1em;
	}
*/

}