/*-------------------------------------------*/
/*CSS*/
/*-------------------------------------------*/
.l-footer {
	margin-top: 0px;
}
/*スクロールテーブル*/
#product .table-container {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

/*表の説明のflex box*/
#product .flexbox_table_marker{
	display: flex;
	justify-content: space-between;
	align-items: end;
}
/*表の説明*/
#product section.contents div p.mark{
	border:1px solid #e0e0e0;
	padding: 0.5em 1em;
	max-width: fit-content;
	margin:0 0 1rem auto;
}

/*置換え表*/
#product section.contents div .replace_table th,
#product section.contents div .replace_table td{
	font-size:1.3rem;
	text-align:center;
	padding: 0.4rem;
}
#product section.contents div .small{
	font-size:1.1rem !important;
}
#product section.contents div .replace_table img{
	display:block;
	margin:0 auto !important;
	width:auto;
	height:3rem;
}
#product section.contents div .replace_table .topbordernon{
	border-top: 2px solid #fff;
}
#product section.contents div .replace_table .bottombordernon{
	border-bottom: 1px solid #fff;
}
/*特殊な注記*/
#product section.contents div .note_li{
	margin-bottom: 3rem;
}
#product section.contents div .note_li ol{
	margin-bottom: 0.0rem;
	margin-left:4rem;
}
#product section.contents div .note_li ol li{
	margin-bottom: 0.2rem;
}
#product section.contents div .note_li p{
	margin-bottom: 0.2rem;
}

/*表内のリスト*/
#product section.contents div ul.liststyle_none li::before{
	content: none;
}
#product section.contents div ul.liststyle_none {
	margin-left: 1.0rem;
}
#product section.contents div ul.liststyle_none li ul li{
	margin-bottom:0;
}
#product section.contents div ul.liststyle_none ul {
	margin: 0rem;
}


/*-------------------------------------------*/
/*タブレット*/
/*-------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
}

/*-------------------------------------------*/
/*モバイル向け*/
/*-------------------------------------------*/
@media screen and (max-width:768px) {
	#product .flexbox_table_marker{
		display: block;
	}
	#product section.contents div p.mark {
		padding: 0.5em 1em;
		margin: 0 auto 1rem;
	}
}