#main {
float: left;
	width: 540px;
	font-weight: 400;
}

#sub {
float: right;
	width: 170px;
	font-weight: 400;
}

#contents div.pickup div.top-half {
display: none;
	font-weight: 400;
}

#inn-box div.free {
margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-weight: 400;
}

#inn-box div.info {
margin-bottom: 15px;
	float: left;
	width: 360px;
	font-weight: 400;
}

#inn-box div.info h2 {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_info_h2.gif);
	padding: 0;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 10px;
	font-weight: 400;
}

#inn-box div.info div {
height: 200px;
	overflow: auto;
	font-weight: 400;
}

#inn-box div.arrival {
float: right;
	width: 360px;
	margin-bottom: 15px;
}

#inn-box div.arrival h2 {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_arrival_h2.gif);
	padding: 0;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#inn-box div.arrival ul {
height: 200px;
	overflow: auto;
	margin: 0;
}

#inn-box div.arrival ul li {
background: none;
	clear: both;
	font-size: 10px;
	line-height: 1.3em;
	margin: 0;
	padding: 5px 0;
	font-weight: 400;
}

#inn-box div.arrival ul li a {
text-decoration: none;
}

#inn-box div.arrival ul li img {
margin: 0 5px 4px 0;
	float: left;
	width: 50px;
	border-style: none;
}

#inn-box div.arrival p {
line-height: 200px;
	text-align: center;
}

#inn-box div.arrival ul li span {
display: block;
	text-align: right;
}

#inn-box div.arrival ul li span.none {
height: 48px;
	width: 48px;
	float: left;
	line-height: 48px;
	text-align: center;
	font-family:
		"Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	background: #fff;
	border: 1px solid #ccc;
	color: #ccc;
	margin: 0 5px 4px 0;
	cursor: pointer;
	font-weight: 400;
}

#inn-box div.arrival ul li span.regular {
font-family:
		"メイリオ",
		"Meiryo",
		verdana,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"Osaka",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif,
		Verdana,
		Geneva,
		sans-serif;
	text-decoration: line-through;
	color: #818181;
	font-weight: 400;
}

#inn-box div.arrival ul li span.price {
font-family:
		"メイリオ",
		"Meiryo",
		verdana,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"Osaka",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif,
		Verdana,
		Geneva,
		sans-serif;
	color: #333;
	font-weight: 400;
}

#inn-box div.arrival ul li span.soldout {
font-family:
		"メイリオ",
		"Meiryo",
		verdana,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"Osaka",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif,
		Verdana,
		Geneva,
		sans-serif;
	line-height: 1.4em;
	font-weight: 400;
	color: #fff;
	background: #999;
}

#inn-box div.recommend h2 {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_recommend_h2.gif);
	padding: 0;
	height: 30px;
	text-indent: -9999px;
	font-weight: 400;
}

#main ul.product {
margin-left: 20px;
}

#sub ul.product {
margin-left: 0;
}

#sub ul.product li {
margin: 0 auto;
	width: 160px;
	float: none;
	padding: 0 0 10px;
	background: none;
	font-weight: 400;
}

#main div.info {
width: 265px;
}

#main div.info h2 {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_main_info_h2.gif);
}

#main div.info p {
margin: 0;
}

#main div.info ul {
margin: 0 0 10px 20px;
}

#main div.arrival {
width: 265px;
	font-weight: 400;
}

#main div.recommend {
margin-bottom: 20px;
	clear: both;
	font-weight: 400;
}

#main div.recommend h2 {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_main_recommend_h2.gif);
	font-weight: 400;
}

#sub div.seller {
background: #f4f3ed;
	margin-bottom: 20px;
	font-weight: 400;
}

#sub div.seller h2 {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_sub_seller_h2.gif);
	margin: 0;
	padding: 0;
	height: 30px;
	text-indent: -9999px;
	font-weight: 400;
}

#sub div.seller ul {
padding: 8px 0 20px;
	font-weight: 400;
}

#sub div.seller ul li span.num {
font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	margin: 0 auto 5px;
	height: 25px;
	font-weight: 400;
}

#sub div.seller ul li.no1 span.num {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_sub_seller_1.gif) center;
	font-weight: 400;
}

#sub div.seller ul li.no2 span.num {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_sub_seller_2.gif) center;
	font-weight: 400;
}

#sub div.seller ul li.no3 span.num {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_sub_seller_3.gif) center;
	font-weight: 400;
}

#sub div.seller ul li.no4 span.num {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_sub_seller_4.gif) center;
	font-weight: 400;
}

#sub div.seller ul li.no5 span.num {
background: url(https://img.shop-pro.jp/tmpl_img/36/0301_sub_seller_5.gif) center;
	font-weight: 400;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-1
   Right Sidebar / AMERI Design System
   ========================================================= */

#sub.ameri-sidebar {
	--ameri-side-gold: #b59a63;
	--ameri-side-gold-light: #ddd0b5;
	--ameri-side-ivory: #fbfaf8;
	--ameri-side-border: #e5dfd7;
	--ameri-side-text: #3f3a37;
	--ameri-side-muted: #8b837d;
	float: right;
	width: 170px;
	font-weight: 400;
}

#sub.ameri-sidebar .ameri-side-nav,
#sub.ameri-sidebar .ameri-support-nav,
#sub.ameri-sidebar .ameri-follow,
#sub.ameri-sidebar .ameri-ranking {
	box-sizing: border-box;
	margin: 0 0 18px;
	border: 1px solid var(--ameri-side-border);
	background: #fff;
}

#sub.ameri-sidebar .ameri-side-heading {
	padding: 15px 14px 12px;
	border-bottom: 1px solid var(--ameri-side-border);
	text-align: center;
}

#sub.ameri-sidebar .ameri-side-heading > span {
	display: block;
	margin-bottom: 4px;
	color: var(--ameri-side-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 0.18em;
	line-height: 1.4;
}

#sub.ameri-sidebar .ameri-side-heading h2,
#sub.ameri-sidebar .ameri-ranking .ameri-side-heading h2 {
	margin: 0;
	padding: 0;
	height: auto;
	background: none;
	color: var(--ameri-side-text);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.6;
	text-indent: 0;
}

#sub.ameri-sidebar .ameri-side-link {
	display: block;
	position: relative;
	padding: 13px 28px 12px 13px;
	border-bottom: 1px solid #eee9e4;
	color: var(--ameri-side-text);
	text-decoration: none;
}

#sub.ameri-sidebar .ameri-side-link:last-child {
	border-bottom: 0;
}

#sub.ameri-sidebar .ameri-side-link:hover,
#sub.ameri-sidebar .ameri-support-nav > a:hover {
	background: var(--ameri-side-ivory);
}

#sub.ameri-sidebar .ameri-side-link__en {
	display: block;
	margin-bottom: 3px;
	color: var(--ameri-side-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 8px;
	letter-spacing: 0.08em;
	line-height: 1.3;
}

#sub.ameri-sidebar .ameri-side-link__ja {
	display: block;
	color: var(--ameri-side-text);
	font-size: 10px;
	line-height: 1.4;
}

#sub.ameri-sidebar .ameri-side-link__arrow {
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -8px;
	color: var(--ameri-side-gold);
	font-size: 12px;
}

#sub.ameri-sidebar .ameri-follow {
	padding: 16px 10px 15px;
	border-top-color: var(--ameri-side-gold-light);
	border-bottom-color: var(--ameri-side-gold-light);
	text-align: center;
}

#sub.ameri-sidebar .ameri-follow__title {
	margin-bottom: 13px;
	color: var(--ameri-side-text);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	letter-spacing: 0.2em;
}

#sub.ameri-sidebar .ameri-follow__icons {
	white-space: nowrap;
}

#sub.ameri-sidebar .ameri-follow__icons a {
	display: inline-block;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	margin: 0 3px;
	border: 1px solid var(--ameri-side-border);
	border-radius: 50%;
	color: var(--ameri-side-text);
	vertical-align: middle;
}

#sub.ameri-sidebar .ameri-follow__icons a:hover {
	border-color: var(--ameri-side-gold);
	background: var(--ameri-side-ivory);
	color: var(--ameri-side-gold);
}

#sub.ameri-sidebar .ameri-follow__icons svg {
	width: 14px;
	height: 14px;
	margin-top: 6px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#sub.ameri-sidebar .ameri-follow__icons a:nth-child(2) svg,
#sub.ameri-sidebar .ameri-follow__icons a:nth-child(4) svg {
	fill: currentColor;
	stroke: none;
}

#sub.ameri-sidebar .ameri-support-nav > a {
	display: block;
	position: relative;
	padding: 12px 25px 12px 13px;
	border-bottom: 1px solid #eee9e4;
	color: var(--ameri-side-text);
	font-size: 10px;
	line-height: 1.5;
	text-decoration: none;
}

#sub.ameri-sidebar .ameri-support-nav > a:last-child {
	border-bottom: 0;
}

#sub.ameri-sidebar .ameri-support-nav > a span {
	position: absolute;
	right: 11px;
	color: var(--ameri-side-gold);
}

#sub.ameri-sidebar .ameri-ranking {
	background: #fff;
}

#sub.ameri-sidebar .ameri-ranking ul.product {
	margin: 0;
	padding: 0 12px 14px;
}

#sub.ameri-sidebar .ameri-ranking ul.product li {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #eee9e4;
	background: none;
	text-align: left;
}

#sub.ameri-sidebar .ameri-ranking ul.product li:last-child {
	border-bottom: 0;
}

#sub.ameri-sidebar .ameri-ranking ul.product li .num {
	display: block;
	position: absolute;
	z-index: 2;
	top: 10px;
	left: -4px;
	box-sizing: border-box;
	width: 27px;
	height: 27px;
	margin: 0;
	background: #fff;
	color: var(--ameri-side-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	line-height: 27px;
	text-align: center;
	text-indent: 0;
	box-shadow: 0 2px 8px rgba(77, 65, 55, 0.12);
}

#sub.ameri-sidebar .ameri-ranking-item {
	display: block;
	color: var(--ameri-side-text);
	text-decoration: none;
}

#sub.ameri-sidebar .ameri-ranking-item img,
#sub.ameri-sidebar .ameri-ranking-item .none {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 136px;
	margin: 0 0 9px;
	object-fit: cover;
}

#sub.ameri-sidebar .ameri-ranking-item__name {
	display: block;
	font-size: 9px;
	line-height: 1.55;
}

#sub.ameri-sidebar .ameri-ranking li > .exp {
	display: block;
	margin-top: 4px;
	color: var(--ameri-side-muted);
	font-size: 8px;
	line-height: 1.5;
}

#sub.ameri-sidebar .ameri-ranking li > .regular,
#sub.ameri-sidebar .ameri-ranking li > .price,
#sub.ameri-sidebar .ameri-ranking li > .soldout {
	display: block;
	margin-top: 4px;
}

#sub.ameri-sidebar .ameri-ranking li > .regular {
	color: #a29a94;
	text-decoration: line-through;
}

#sub.ameri-sidebar .ameri-ranking li > .price {
	color: var(--ameri-side-gold);
}

#sub.ameri-sidebar .ameri-ranking li > .soldout {
	padding: 4px 6px;
	background: #8b8581;
	color: #fff;
	font-size: 8px;
	letter-spacing: 0.08em;
	text-align: center;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-2
   NEWS Block / AMERI Design System
   ========================================================= */

#main .ameri-news-panel {
	--ameri-news-gold: #b59a63;
	--ameri-news-gold-light: #ddd0b5;
	--ameri-news-border: #e5dfd7;
	--ameri-news-text: #3f3a37;
	--ameri-news-muted: #8b837d;
	box-sizing: border-box;
	width: 265px;
	height: 250px;
	margin-bottom: 15px;
	padding: 18px 20px 16px;
	border: 1px solid var(--ameri-news-border);
	background: #fff;
	font-weight: 400;
}

#main .ameri-news-panel .ameri-news-heading {
	position: relative;
	box-sizing: border-box;
	height: 58px;
	margin: 0 0 12px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--ameri-news-border);
}

#main .ameri-news-panel .ameri-news-heading::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 40px;
	height: 1px;
	background: var(--ameri-news-gold);
	content: "";
}

#main .ameri-news-panel .ameri-news-heading__en {
	display: block;
	margin: 0 0 4px;
	color: var(--ameri-news-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 0.18em;
	line-height: 1.4;
}

#main .ameri-news-panel .ameri-news-heading h2 {
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--ameri-news-text);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	text-indent: 0;
}

#main .ameri-news-panel .ameri-news-scroll {
	box-sizing: border-box;
	height: 145px;
	margin: 0;
	padding: 0 8px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	color: var(--ameri-news-text);
	font-weight: 400;
	scrollbar-color: var(--ameri-news-gold-light) transparent;
	scrollbar-width: thin;
}

#main .ameri-news-panel .ameri-news-scroll::-webkit-scrollbar {
	width: 5px;
}

#main .ameri-news-panel .ameri-news-scroll::-webkit-scrollbar-track {
	background: transparent;
}

#main .ameri-news-panel .ameri-news-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--ameri-news-gold-light);
}

#main .ameri-news-panel .ameri-news-scroll a {
	color: var(--ameri-news-text);
	text-decoration: none;
}

#main .ameri-news-panel .ameri-news-scroll a:hover {
	color: var(--ameri-news-gold);
	text-decoration: underline;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-2.1
   NEWS Scroll Area Fix
   ========================================================= */

/* Legacy .info div rules must not create a scrollbar on the title area. */
#main .ameri-news-panel .ameri-news-heading {
	overflow: visible;
}

/* Only the news body is allowed to scroll. */
#main .ameri-news-panel .ameri-news-scroll {
	overflow-x: hidden;
	overflow-y: auto;
}

/* Keep the heading fixed and prevent inherited fixed-height behavior. */
#main .ameri-news-panel .ameri-news-heading,
#main .ameri-news-panel .ameri-news-heading h2,
#main .ameri-news-panel .ameri-news-heading__en {
	max-height: none;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-3
   NEW ARRIVALS Block / AMERI Design System
   ========================================================= */

#main .ameri-arrival-panel {
	--ameri-arrival-gold: #b59a63;
	--ameri-arrival-gold-light: #ddd0b5;
	--ameri-arrival-border: #e5dfd7;
	--ameri-arrival-text: #3f3a37;
	--ameri-arrival-muted: #8b837d;
	box-sizing: border-box;
	width: 265px;
	height: 250px;
	margin-bottom: 15px;
	padding: 18px 20px 16px;
	border: 1px solid var(--ameri-arrival-border);
	background: #fff;
	font-weight: 400;
}

#main .ameri-arrival-panel .ameri-arrival-heading {
	position: relative;
	box-sizing: border-box;
	height: 58px;
	margin: 0 0 12px;
	padding: 0 0 12px;
	overflow: visible;
	border-bottom: 1px solid var(--ameri-arrival-border);
}

#main .ameri-arrival-panel .ameri-arrival-heading::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 40px;
	height: 1px;
	background: var(--ameri-arrival-gold);
	content: "";
}

#main .ameri-arrival-panel .ameri-arrival-heading__en {
	display: block;
	margin: 0 0 4px;
	color: var(--ameri-arrival-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 0.18em;
	line-height: 1.4;
}

#main .ameri-arrival-panel .ameri-arrival-heading h2 {
	height: auto;
	max-height: none;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--ameri-arrival-text);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	text-indent: 0;
}

#main .ameri-arrival-panel > ul {
	box-sizing: border-box;
	height: 145px;
	margin: 0;
	padding: 0 8px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	scrollbar-color: var(--ameri-arrival-gold-light) transparent;
	scrollbar-width: thin;
}

#main .ameri-arrival-panel > ul::-webkit-scrollbar {
	width: 5px;
}

#main .ameri-arrival-panel > ul::-webkit-scrollbar-track {
	background: transparent;
}

#main .ameri-arrival-panel > ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--ameri-arrival-gold-light);
}

#main .ameri-arrival-panel > ul > li {
	box-sizing: border-box;
	min-height: 60px;
	margin: 0;
	padding: 6px 0;
	overflow: hidden;
	border-bottom: 1px solid #eee9e3;
	background: none;
	color: var(--ameri-arrival-text);
	font-size: 10px;
	line-height: 1.5;
}

#main .ameri-arrival-panel > ul > li:last-child {
	border-bottom: 0;
}

#main .ameri-arrival-panel > ul > li a {
	color: var(--ameri-arrival-text);
	text-decoration: none;
}

#main .ameri-arrival-panel > ul > li a:hover {
	color: var(--ameri-arrival-gold);
	text-decoration: underline;
}

#main .ameri-arrival-panel > ul > li img {
	display: block;
	float: left;
	box-sizing: border-box;
	width: 50px;
	max-width: 50px;
	height: 50px;
	max-height: 50px;
	margin: 0 8px 4px 0;
	border: 1px solid #eee9e3;
	object-fit: cover;
}

/* Prevent legacy or externally inserted NEW images from becoming oversized. */
#main .ameri-arrival-panel img[src*="new"],
#main .ameri-arrival-panel img[src*="NEW"] {
	width: auto;
	max-width: 36px;
	height: auto;
	max-height: 18px;
	object-fit: contain;
}

#main .ameri-arrival-panel > ul > li span {
	display: block;
	text-align: right;
}

#main .ameri-arrival-panel > ul > li span.none {
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	margin: 0 8px 4px 0;
	line-height: 48px;
}

#main .ameri-arrival-panel > ul > li span.regular {
	color: var(--ameri-arrival-muted);
	font-size: 9px;
	text-decoration: line-through;
}

#main .ameri-arrival-panel > ul > li span.price {
	color: var(--ameri-arrival-gold);
	font-size: 10px;
}

#main .ameri-arrival-panel > p {
	height: 145px;
	margin: 0;
	color: var(--ameri-arrival-muted);
	line-height: 145px;
	text-align: center;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-3.1
   NEW ARRIVALS Overflow Fix
   ========================================================= */

/* Keep all arrival content inside the card boundary. */
#main .ameri-arrival-panel {
	overflow: hidden;
}

/* Override legacy arrival-list height and overflow rules. */
#main div.arrival.ameri-arrival-panel > ul {
	box-sizing: border-box;
	width: 100%;
	height: 145px !important;
	max-height: 145px;
	margin: 0 !important;
	padding: 0 8px 0 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

/* Prevent floated product images from extending the list item box. */
#main div.arrival.ameri-arrival-panel > ul > li {
	display: flow-root;
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
}

/* Ensure no legacy absolute positioning pushes items outside the panel. */
#main div.arrival.ameri-arrival-panel > ul,
#main div.arrival.ameri-arrival-panel > ul > li {
	position: static;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-4
   RECOMMENDED Block / AMERI Design System
   ========================================================= */

#main .ameri-recommend-panel {
	--ameri-recommend-gold: #b59a63;
	--ameri-recommend-border: #e5dfd7;
	--ameri-recommend-text: #3f3a37;
	--ameri-recommend-muted: #8b837d;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 18px;
	padding: 20px 18px 18px;
	overflow: hidden;
	border: 1px solid var(--ameri-recommend-border);
	background: #fff;
}

#main .ameri-recommend-panel .ameri-recommend-heading {
	position: relative;
	box-sizing: border-box;
	margin: 0 0 18px;
	padding: 0 0 13px;
	overflow: visible;
	border-bottom: 1px solid var(--ameri-recommend-border);
}

#main .ameri-recommend-panel .ameri-recommend-heading::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 48px;
	height: 1px;
	background: var(--ameri-recommend-gold);
	content: "";
}

#main .ameri-recommend-panel .ameri-recommend-heading__en {
	display: block;
	margin: 0 0 4px;
	color: var(--ameri-recommend-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 0.18em;
	line-height: 1.4;
}

#main .ameri-recommend-panel .ameri-recommend-heading h2 {
	height: auto;
	max-height: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	background: none;
	color: var(--ameri-recommend-text);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	text-indent: 0;
}

#main .ameri-recommend-panel ul.product {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 16px;
	padding: 0;
	gap: 12px;
	overflow: visible;
	list-style: none;
}

#main .ameri-recommend-panel ul.product:last-child {
	margin-bottom: 0;
}

#main .ameri-recommend-panel ul.product > li {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	float: none;
	box-sizing: border-box;
	width: calc((100% - 24px) / 3);
	min-width: 0;
	margin: 0;
	padding: 0 0 12px;
	overflow: hidden;
	border: 1px solid #eee9e3;
	background: #fff;
	color: var(--ameri-recommend-text);
	font-size: 11px;
	line-height: 1.55;
	text-align: left;
}

#main .ameri-recommend-panel ul.product > li > a {
	display: block;
	color: var(--ameri-recommend-text);
	text-decoration: none;
}

#main .ameri-recommend-panel ul.product > li > a:hover {
	color: var(--ameri-recommend-gold);
}

#main .ameri-recommend-panel ul.product > li > a > img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	height: 148px;
	margin: 0 0 10px;
	border: 0;
	border-bottom: 1px solid #eee9e3;
	object-fit: contain;
	background: #fff;
}

#main .ameri-recommend-panel ul.product > li > a {
	padding: 0 10px;
}

#main .ameri-recommend-panel ul.product > li > a > img {
	width: calc(100% + 20px);
	margin-left: -10px;
}

#main .ameri-recommend-panel ul.product > li span.none {
	display: block;
	box-sizing: border-box;
	width: calc(100% + 20px);
	height: 148px;
	margin: 0 0 10px -10px;
	border-bottom: 1px solid #eee9e3;
	color: var(--ameri-recommend-muted);
	line-height: 148px;
	text-align: center;
}

#main .ameri-recommend-panel ul.product > li span.exp {
	display: block;
	margin: 8px 10px 0;
	color: var(--ameri-recommend-muted);
	font-size: 10px;
	line-height: 1.5;
}

#main .ameri-recommend-panel ul.product > li span.regular,
#main .ameri-recommend-panel ul.product > li span.price,
#main .ameri-recommend-panel ul.product > li span.soldout {
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
}

#main .ameri-recommend-panel ul.product > li span.regular {
	margin-top: auto;
	padding-top: 9px;
	color: var(--ameri-recommend-muted);
	font-size: 10px;
	text-decoration: line-through;
}

#main .ameri-recommend-panel ul.product > li span.price {
	margin-top: auto;
	padding-top: 9px;
	color: var(--ameri-recommend-gold);
	font-size: 11px;
	font-weight: 400;
}

#main .ameri-recommend-panel ul.product > li span.regular + span.price {
	margin-top: 2px;
	padding-top: 0;
}

#main .ameri-recommend-panel ul.product > li span.soldout {
	margin-top: auto;
	padding-top: 9px;
	color: #9b8d84;
	font-size: 10px;
	letter-spacing: 0.08em;
}

/* Keep any small NEW label inside its natural size. */
#main .ameri-recommend-panel img[src*="new"],
#main .ameri-recommend-panel img[src*="NEW"] {
	width: auto;
	max-width: 36px;
	height: auto;
	max-height: 18px;
	margin: 0;
	object-fit: contain;
	border: 0;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-4.1
   Recommended Cards and Image Quality Fix
   ========================================================= */

/* Product link structure */
#main .ameri-recommend-panel .ameri-recommend-item {
	display: flex;
	flex-direction: column;
	padding: 0;
}

/* Fixed visual frame without enlarging the source thumbnail. */
#main .ameri-recommend-panel .ameri-recommend-image {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 148px;
	margin: 0 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #eee9e3;
	background: #fff;
}

#main .ameri-recommend-panel .ameri-recommend-image > img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 148px;
	margin: 0;
	border: 0;
	object-fit: contain;
}

#main .ameri-recommend-panel .ameri-recommend-image > .none {
	display: block;
	width: 100%;
	height: 148px;
	margin: 0;
	border: 0;
	line-height: 148px;
	text-align: center;
}

#main .ameri-recommend-panel .ameri-recommend-name {
	display: block;
	box-sizing: border-box;
	min-height: 46px;
	padding: 0 10px;
	line-height: 1.45;
}

/* Small NEW badges embedded in the product-name output. */
#main .ameri-recommend-panel .ameri-recommend-name img {
	display: inline-block;
	width: auto !important;
	max-width: 46px !important;
	height: auto !important;
	max-height: 16px !important;
	margin: 0 3px 2px 0 !important;
	border: 0 !important;
	vertical-align: middle;
	object-fit: contain;
}

/* Cancel the old direct-image expansion after introducing the image frame. */
#main .ameri-recommend-panel ul.product > li > a > img {
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
}

#main .ameri-recommend-panel ul.product > li span.exp {
	min-height: 30px;
}

#main .ameri-recommend-panel ul.product > li span.soldout {
	box-sizing: border-box;
	width: auto;
	margin: auto 10px 0;
	padding: 5px 8px;
	background: #9a9591;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

/* Ranking image frame: preserve natural thumbnail resolution. */
#sub.ameri-sidebar .ameri-ranking-image {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 136px;
	margin: 0 0 9px;
	overflow: hidden;
	background: #fff;
}

#sub.ameri-sidebar .ameri-ranking-image > img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 136px;
	margin: 0;
	object-fit: contain;
}

#sub.ameri-sidebar .ameri-ranking-image > .none {
	display: block;
	width: 100%;
	height: 136px;
	margin: 0;
	line-height: 136px;
	text-align: center;
}

/* Neutralize the earlier full-width image rule. */
#sub.ameri-sidebar .ameri-ranking-item > img,
#sub.ameri-sidebar .ameri-ranking-item > .none {
	width: auto;
	height: auto;
	margin: 0;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-5
   STONE & LIFESTYLE Feature Block
   ========================================================= */

#main .ameri-feature-panel {
	--ameri-feature-gold: #b59a63;
	--ameri-feature-border: #e5dfd7;
	--ameri-feature-text: #3f3a37;
	--ameri-feature-muted: #756e69;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 18px;
	padding: 20px 18px 18px;
	overflow: hidden;
	border: 1px solid var(--ameri-feature-border);
	background: #fff;
}

#main .ameri-feature-panel .ameri-feature-heading {
	position: relative;
	box-sizing: border-box;
	margin: 0 0 18px;
	padding: 0 0 13px;
	border-bottom: 1px solid var(--ameri-feature-border);
}

#main .ameri-feature-panel .ameri-feature-heading::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 48px;
	height: 1px;
	background: var(--ameri-feature-gold);
	content: "";
}

#main .ameri-feature-panel .ameri-feature-heading__en {
	display: block;
	margin: 0 0 4px;
	color: var(--ameri-feature-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 0.18em;
	line-height: 1.4;
}

#main .ameri-feature-panel .ameri-feature-heading h2 {
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--ameri-feature-text);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	text-indent: 0;
}

#main .ameri-feature-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

#main .ameri-feature-card {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	padding: 0 0 12px;
	overflow: hidden;
	border: 1px solid #eee9e3;
	background: #fff;
}

#main .ameri-feature-card a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 112px;
	overflow: hidden;
	border-bottom: 1px solid #eee9e3;
	background: #fff;
}

#main .ameri-feature-card img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 132px;
	margin: 0 auto;
	object-fit: contain;
}

#main .ameri-feature-card p {
	margin: 0;
	padding: 10px 11px 0;
	color: var(--ameri-feature-muted);
	font-size: 10px;
	line-height: 1.7;
}

#main .ameri-feature-card a:hover img {
	opacity: 0.88;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-5.1
   FEATURE Block / Single Column Layout
   ========================================================= */

#main .ameri-feature-grid {
	display: block;
}

#main .ameri-feature-card {
	width: 100%;
	margin: 0 0 16px;
}

#main .ameri-feature-card:last-child {
	margin-bottom: 0;
}

#main .ameri-feature-card a {
	display: block;
	width: 100%;
	text-align: center;
}

#main .ameri-feature-card img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#main .ameri-feature-card__body {
	padding: 14px 16px 16px;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-5.2
   FEATURE Block / Full-width Banner Refinement
   ========================================================= */

/* Keep only the outer feature-section frame. */
#main .ameri-feature-card {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 18px;
	padding: 0;
	overflow: hidden;
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* Make each banner fill the available inner width. */
#main .ameri-feature-card a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Override the previous natural-size image rule. */
#main .ameri-feature-card img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	border: 0;
}

/* Keep text clean beneath the banner without an inner card frame. */
#main .ameri-feature-card__body {
	box-sizing: border-box;
	padding: 12px 4px 2px;
	border: 0;
	background: transparent;
}

/* Remove the final unnecessary gap. */
#main .ameri-feature-card:last-child {
	margin-bottom: 0;
}

/* =========================================================
   AMERI Stone Top Page Phase 2-5.3
   FEATURE Block / Natural Height + Maximum Width
   ========================================================= */

/* Remove any inherited inner spacing that narrows the banners. */
#main .ameri-feature-grid,
#main .ameri-feature-card,
#main .ameri-feature-card > a {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}

/* Preserve each banner's natural aspect ratio while filling the row. */
#main .ameri-feature-card img {
	display: block !important;
	float: none !important;
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: fill !important;
	border: 0 !important;
}

/* Prevent legacy line-height or inline-image spacing. */
#main .ameri-feature-card > a {
	display: block !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	line-height: 0;
}

/* Restore normal line-height only for text beneath banners. */
#main .ameri-feature-card__body {
	height: auto !important;
	max-height: none !important;
	line-height: 1.7;
}

/* =========================================================
   AMERI Stone Top Page Version 2.0R
   Recommended Showcase / Trial Version
   2 Columns × 3 Rows
   ========================================================= */

#main .ameri-recommend-panel.ameri-showcase {
	--ameri-showcase-gold: #a98d58;
	--ameri-showcase-border: #e5dfd7;
	--ameri-showcase-text: #373230;
	--ameri-showcase-muted: #746d68;

	box-sizing: border-box;
	width: 100%;
	margin: 0 0 24px;
	padding: 22px 18px 24px;
	overflow: hidden;
	border: 1px solid var(--ameri-showcase-border);
	background: #fff;
}

/* 既存のflex設定を解除し、2列グリッドに変更 */
#main .ameri-recommend-panel.ameri-showcase ul.ameri-showcase-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	gap: 24px 16px;
	overflow: visible;
	list-style: none;
}

/* 商品単位 */
#main .ameri-recommend-panel.ameri-showcase ul.ameri-showcase-grid > li.ameri-showcase-item {
	display: block;
	float: none;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	border: 0;
	background: transparent;
	color: var(--ameri-showcase-text);
	text-align: left;
}

/* 商品全体をクリック可能にする */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-link {
	display: block;
	padding: 0;
	color: var(--ameri-showcase-text);
	text-decoration: none;
}

/* 横長の商品画像フレーム */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-image {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 3 / 2;
	margin: 0 0 10px;
	overflow: hidden;
	border: 1px solid #eee9e3;
	background: #fff;
}

/* 横長画像を自然な比率で大きく表示 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-image > img {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: contain;
	transition: opacity 0.25s ease;
}

/* ホバー時も派手に動かさず、静かな変化にする */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-link:hover .ameri-showcase-image > img {
	opacity: 0.86;
}

/* 画像がない場合 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-image > .none {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	color: #aaa19b;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}

/* 商品名・価格部分 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-info {
	display: block;
	box-sizing: border-box;
	padding: 0 2px;
}

/* 商品名 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-name {
	display: block;
	min-height: 40px;
	margin: 0;
	color: var(--ameri-showcase-text);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.65;
	text-align: left;
}

/* 商品名内のNEW画像対策 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-name img {
	display: inline-block;
	width: auto !important;
	max-width: 46px !important;
	height: auto !important;
	max-height: 16px !important;
	margin: 0 4px 2px 0 !important;
	border: 0 !important;
	vertical-align: middle;
	object-fit: contain;
}

/* 通常価格 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-regular {
	display: block;
	margin: 6px 0 0;
	color: #968e88;
	font-size: 10px;
	line-height: 1.4;
	text-align: right;
	text-decoration: line-through;
}

/* 販売価格 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-price {
	display: block;
	margin: 6px 0 0;
	color: var(--ameri-showcase-gold);
	font-family:
		"Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	text-align: right;
}

/* 割引商品で通常価格がある場合 */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-regular + .ameri-showcase-price {
	margin-top: 2px;
}

/* SOLD OUT */
#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-soldout {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0 0;
	padding: 5px 8px;
	background: #918a85;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-align: center;
}

/* 旧おすすめ商品CSSのサイズ説明を念のため非表示 */
#main .ameri-recommend-panel.ameri-showcase span.exp {
	display: none !important;
}

/* =========================================================
   AMERI Stone Top Page Version 2.0R
   Typography & Color System
   Phase T-1
   ========================================================= */

#contents {
	--ameri-gold: #a98d58;
	--ameri-gold-soft: #b9a373;
	--ameri-gold-pale: #ddd0b5;

	--ameri-text: #373230;
	--ameri-text-sub: #625b55;
	--ameri-muted: #827a74;
	--ameri-border: #e5dfd7;

	color: var(--ameri-text);
}


/* =========================================================
   Main section headings
   ========================================================= */

#main .ameri-news-panel .ameri-news-heading__en,
#main .ameri-arrival-panel .ameri-arrival-heading__en,
#main .ameri-recommend-panel .ameri-recommend-heading__en,
#main .ameri-feature-panel .ameri-feature-heading__en {
	color: var(--ameri-gold);
	font-size: 10px;
	letter-spacing: 0.2em;
	line-height: 1.4;
}

#main .ameri-news-panel .ameri-news-heading h2,
#main .ameri-arrival-panel .ameri-arrival-heading h2,
#main .ameri-recommend-panel .ameri-recommend-heading h2,
#main .ameri-feature-panel .ameri-feature-heading h2 {
	color: var(--ameri-text);
	font-size: 18px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}


/* =========================================================
   NEWS
   ========================================================= */

#main .ameri-news-panel .ameri-news-scroll {
	color: var(--ameri-text-sub);
	font-size: 11px;
	line-height: 1.75;
}

#main .ameri-news-panel .ameri-news-scroll a {
	color: var(--ameri-text-sub);
}

#main .ameri-news-panel .ameri-news-scroll a:hover {
	color: var(--ameri-gold);
}


/* =========================================================
   NEW ARRIVALS
   ========================================================= */

#main .ameri-arrival-panel > ul > li {
	color: var(--ameri-text-sub);
	font-size: 11px;
	line-height: 1.6;
}

#main .ameri-arrival-panel > ul > li a {
	color: var(--ameri-text-sub);
}

#main .ameri-arrival-panel > ul > li a:hover {
	color: var(--ameri-gold);
}

#main .ameri-arrival-panel > ul > li span.regular {
	color: var(--ameri-muted);
	font-size: 10px;
}

#main .ameri-arrival-panel > ul > li span.price {
	color: var(--ameri-gold);
	font-size: 11px;
}


/* =========================================================
   RECOMMENDED SHOWCASE
   ========================================================= */

#main .ameri-recommend-panel.ameri-showcase {
	--ameri-showcase-gold: var(--ameri-gold);
	--ameri-showcase-text: var(--ameri-text);
	--ameri-showcase-muted: var(--ameri-muted);
}

#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-name {
	color: var(--ameri-text);
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.015em;
}

#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-price {
	color: var(--ameri-gold);
	font-size: 12px;
	letter-spacing: 0.03em;
}

#main .ameri-recommend-panel.ameri-showcase .ameri-showcase-regular {
	color: var(--ameri-muted);
	font-size: 10px;
}


/* =========================================================
   STONE & LIFESTYLE
   ========================================================= */

#main .ameri-feature-card p,
#main .ameri-feature-card__body {
	color: var(--ameri-text-sub);
	font-size: 11px;
	line-height: 1.8;
}


/* =========================================================
   Right sidebar headings
   ========================================================= */

#sub.ameri-sidebar {
	--ameri-side-gold: var(--ameri-gold);
	--ameri-side-gold-light: var(--ameri-gold-pale);
	--ameri-side-text: var(--ameri-text);
	--ameri-side-muted: var(--ameri-muted);
}

#sub.ameri-sidebar .ameri-side-heading > span {
	color: var(--ameri-gold);
	font-size: 10px;
	letter-spacing: 0.2em;
}

#sub.ameri-sidebar .ameri-side-heading h2,
#sub.ameri-sidebar .ameri-ranking .ameri-side-heading h2 {
	color: var(--ameri-text);
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.04em;
}


/* =========================================================
   Right sidebar links
   ========================================================= */

#sub.ameri-sidebar .ameri-side-link__en {
	color: var(--ameri-gold);
	font-size: 9px;
	letter-spacing: 0.1em;
}

#sub.ameri-sidebar .ameri-side-link__ja {
	color: var(--ameri-text-sub);
	font-size: 11px;
	line-height: 1.55;
}

#sub.ameri-sidebar .ameri-support-nav > a {
	color: var(--ameri-text-sub);
	font-size: 11px;
	line-height: 1.55;
}


/* =========================================================
   RANKING
   ========================================================= */

#sub.ameri-sidebar .ameri-ranking-item__name {
	color: var(--ameri-text);
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: 0.01em;
}

#sub.ameri-sidebar .ameri-ranking li > .exp {
	color: var(--ameri-muted);
	font-size: 10px;
	line-height: 1.55;
}

#sub.ameri-sidebar .ameri-ranking li > .regular {
	color: var(--ameri-muted);
	font-size: 10px;
}

#sub.ameri-sidebar .ameri-ranking li > .price {
	color: var(--ameri-gold);
	font-size: 11px;
	line-height: 1.5;
}

#sub.ameri-sidebar .ameri-ranking li > .soldout {
	font-size: 9px;
	letter-spacing: 0.1em;
}


/* =========================================================
   Accent lines and small decorations
   ========================================================= */

#main .ameri-news-panel .ameri-news-heading::after,
#main .ameri-arrival-panel .ameri-arrival-heading::after,
#main .ameri-recommend-panel .ameri-recommend-heading::after,
#main .ameri-feature-panel .ameri-feature-heading::after {
	background: var(--ameri-gold);
}