@charset "utf-8";
article
{
	border: 1px solid #eaeaea;
	margin-bottom: 20px;
}

article h1
{
	margin-top: 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #646464;
}

article h2, article h3
{
	font-size: 1.4em;
	font-weight: normal;
	color: #00a0e9;
}

article p.formula
{
	text-align: center;
	font-style: italic;
}

article p.remark
{
	margin: 0;
}

article p.notice
{
	border: 1px solid #ffd700;
	padding: 15px;
	text-align: center;
	background-color: #ffd;
}

article p.previous_article a, article p.next_article a
{
	color: #f60;
}

article p.next_article
{
	text-align: right;
}

article p time
{
	color: #646464;
}

article img.article
{
	display: block;
	max-width: 100%;
	margin: 15px auto;
}

article .table_rwd
{
	overflow-x: auto;
}

article table.article
{
	width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-collapse: collapse;
}

article table.article tr th
{
	border-bottom: 1px solid #000;
}

article table.article tr td
{
	border-bottom: 1px solid #ccc;
	padding: 3px;
	text-align: center;
}

article table.article tr:last-child td
{
	border-bottom: 0;
}

article table.article tr.highlight td
{
	background-color: #ecf6f9;
}

article table.article tr td.subject
{
	text-align: left;
}

article table.article tr td.list
{
	text-align: left;
}

article table.article tr td.list ul
{
	margin: 0;
	padding-left: 25px;
}

article table.article tr td.list ul li
{
	list-style: square;
}

article table.article tr td.marked
{
	color: #f00;
}

article ol.article
{
	padding-left: 18px;
}

article ol.article li
{
	margin-bottom: 16px;
}

article ol.article ul
{
	padding-left: 21px;
}

article ol.article ul li
{
	margin-bottom: 0;
	list-style: disc;
}

article iframe.youtube
{
	width: 100%;
	border: 0;
	aspect-ratio: 9 / 5;
}

article #article_time_aside
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

article #article_time_aside p.article_time
{
	margin: 0;
}

#article_products ul.products
{
	display: flex;
	gap: 15px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#article_products ul.products li
{
	position: relative;
    border: 5px solid #f7f7f7;
    background-color: #00a0e9;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

#article_products ul.products li a
{
	display: block;
	color: #fff;
}

#article_products ul.products li img
{
    width: 100%;
	margin: -5px 0 0 -5px;
    border: 1px solid #F0F0F0;
	padding: 4px;
}

#article_products ul.products li h3
{
	visibility: hidden;
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	margin: 0;
	font-weight: normal;
	font-size: 0.8em;
}

#article_products ul.products li p.prod_price
{
	visibility: hidden;
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: calc(100% - 10px);
	margin: 0;
	font-size: 0.8em;
}

#article_products ul.products li p.prod_price strong
{
	font-size: 1.25em;
}

#article_products ul.products li:hover img
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#article_products ul.products li:hover h3
{
	visibility: visible;
	color: #fff;
}

#article_products ul.products li:hover p.prod_price
{
	visibility: visible;
	color: #fff;
	background-image: url("/pics/button_search.rwd.png");
	background-repeat: no-repeat;
	background-position: right bottom; 
	background-size: 24px 24px;
}

#ad_200, #adv
{
	width: 100%;
}

#ad_200 ul, #adv ul
{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#ad_200 ul li img, #adv ul li img
{
	display: block;
}

@media all and (max-width: 576px) {
.fixed
{
	display: none;
}

.expanded
{
	width: 100%;
}

article
{
	padding: 15px;
}

#article_products ul.products li
{
	width: calc(50% - 17.5px);
}
}
@media all and (min-width: 577px) and (max-width: 768px) {
.fixed
{
	display: none;
}

.expanded
{
	width: 100%;
}

article
{
	padding: 20px;
}

#article_products ul.products li
{
	width: calc(33.33% - 20px);
}
}
@media all and (min-width: 769px) and (max-width: 992px) {
.fixed
{
	display: none;
}

.expanded
{
	width: 100%;
}

article
{
	padding: 25px;
}

#article_products ul.products li
{
	width: calc(25% - 21.25px);
}
}
@media all and (min-width: 993px) and (max-width: 1199px) {
main .main_container
{
	gap: 25px;
}

.fixed
{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 10px;
	width: 200px;
}

.expanded
{
	width: calc(100% - 225px);
}

article
{
	padding: 25px;
}

#article_products ul.products li
{
	width: calc(25% - 21.25px);
}
}
@media all and (min-width: 1200px) {
main .main_container
{
	gap: 25px;
}

.fixed
{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 10px;
	width: 200px;
}

.expanded
{
	width: 975px;
}

article
{
	padding: 25px 37px 25px 36px;
}

article table.article
{
	display: table;
}

#article_products ul.products li
{
	width: 173px;
}
}
@media all and (min-width: 1600px) {
header
{
	max-width: 1600px;
}

main
{
	max-width: 1600px;
	margin: 0 auto;
}

nav#main_menu ul.root
{
	max-width: 1600px;
}

footer
{
	margin-top: 15px;
}

footer .main
{
	max-width: 1600px;
}

#main_container
{
	width: 1600px;
}

.expanded
{
	width: 1375px;
}

.expanded #main_banner
{
	display: none;
}

main .main_container
{
	gap: 25px;
}

.fixed
{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 10px;
	width: 200px;
}

.expanded
{
	width: 1375px;
}

article
{
	padding: 25px 37px 25px 36px;
}

article table.article
{
	display: table;
}

#article_products ul.products li
{
	width: 173.57px;
}
}