@charset "utf-8";
/* CSS Document */





/***********************************  accordion  *************************************/


li {
	list-style: none;
	cursor: pointer;
}

ul.accordion {
	margin: 0 auto 0px;
	padding: 0px;
	/* font-size:13px; */
	background: #fff;
}

ul.accordion a {
	display: block;
	padding: 0;
	text-decoration: none;
	color: #666;
}


ul.accordion span {
	padding: 0px;
	display: flex;
	align-items: center;
	position: relative;
	/* このタグを基準に矢印を作成 */
}

/* ul.accordion span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 2px solid #959595;
	border-right: 2px solid #959595;
	transform: rotate(135deg);
} */

ul.accordion span.one:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 2px solid #959595;
	/* 線の太さ */
	border-right: 2px solid #959595;
	/* 線の太さ */
	transform: rotate(45deg);
	/* 右向き矢印 */
}

ul.accordion#CateNav span:after {
	border-top: 4px solid #cfa972 !important;
	/* 線の太さ */
	border-right: 4px solid #cfa972 !important;
	/* 線の太さ */
}

ul.accordion span.open:after {
	transform: rotate(-45deg);
	/* サブカテあり：上向き矢印（サブリストが開いている時） */
}

ul.accordion span.one.open:after {
	transform: rotate(45deg);
	/* サブカテなし：右向き矢印（サブリストが開いている時） */
}

ul.accordion#CateNav span.open:after {
	transform: rotate(-45deg);
	margin-top: -2px !important;
	/* サブカテあり：上向き矢印（サブリストが開いている時） */
}


ul.accordion ul {
	display: none;
	background: #F5F5F5;
	padding: 0;
}

ul.accordion>li {
	font-weight: normal;
	text-shadow: none;
	color: #666;
	display: block;
	margin: 0;
	overflow: visible;
	position: relative;
	text-align: left;
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #ccc;
}

ul.accordion>li:first-child {
	border-top: 1px solid #ccc;
}

ul.accordion>li>ul>li {
	color: #666;
	display: block;
	margin: 0;
	overflow: visible;
	position: relative;
	text-align: left;
	padding: 4% 0% 4% 6%;
	border-bottom: 1px solid #ccc;
}



ul.accordion>li img {
	max-width: 13%;
	margin: 2%;
	padding: 0% 2%;
}

ul.accordion>li>p {
	margin: 0px;
	padding: 0px;
}


ul.accordion>li>ul>li:last-child a {
	border: 0px solid #ccc;
	border-width: 0 0 0px 0;
}

ul.accordion>li>ul>li>ul>li {
	background: #FFF;
	border-bottom: 1px dotted #888;
}

ul.accordion-inner li a.active {
	background-color: #EEE;
}

/*
ul.accordion-inner li a:after  {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #959595;
    border-right: 2px solid #959595;
    transform: rotate(45deg);
}
*/

ul.accordion-inner>li:last-child {
	border: none;
}

ul.accordion-open li p.subcate-ttl {
	background-color: #efefef;
	font-weight: bold;
	text-shadow: none;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding: 7px;
	margin: 0;
	overflow: hidden;
	text-align: left;
}

ul.accordion#CateNav li p.subcate-ttl {
	background: #F5F5F5;
	font-weight: bold;
	text-shadow: none;
	color: #444;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 12px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
}

ul.accordion>li>ul>li {
	color: #666;
	display: block;
	margin: 0;
	overflow: visible;
	position: relative;
	text-align: left;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}


.ui-body-c ul.accordion .ui-link {
	color: #666;
	font-weight: normal;
	display: block;
	padding: 0%;
}



/* サブナビ2列表示 */
ul.accordion-open {
	display: block;
	margin: 0 0 20px;
	padding: 0;
}

ul.accordion-open li ul.accordion-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #afaaaa;
	padding: 0;
	background: #fafafa;
}

ul.accordion-open li ul.accordion-inner li {
	border-bottom: 1px solid #afaaaa;
}

#product_list ul.accordion-open li ul.accordion-inner li {
	cursor: auto;
}

/* サブナビ2列表示（カテゴリページ - サブナビ アコーディオン） */
ul.accordion#CateNav {
	width: 96%;
	margin: 30px auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

ul.accordion#CateNav li ul.accordion-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	padding: 0;
	background: #FFF;
}

ul.accordion#CateNav li ul.accordion-inner li {
	border-bottom: 1px dotted #bbb;
}

ul.accordion#CateNav li ul.accordion-inner li {
	cursor: auto;
	padding: 0;
}


/* 全部が奇数個ある場合 */
ul.accordion-open li ul.accordion-inner li:nth-child(2n):nth-last-child(2),
ul.accordion#CateNav li ul.accordion-inner li:nth-child(2n):nth-last-child(2) {
	/* 最後の偶数番目 */
	border-bottom: none;
}

ul.accordion-open li ul.accordion-inner li:nth-child(2n):last-child,
ul.accordion#CateNav li ul.accordion-inner li:nth-child(2n):last-child {
	/* 最後 */
	border-bottom: none;
}

/* 全部が偶数個ある場合の最後 */
ul.accordion-open li ul.accordion-inner li:nth-child(2n+1):last-child,
ul.accordion#CateNav li ul.accordion-inner li:nth-child(2n+1):last-child {
	border-bottom: none;
}

ul.accordion-open li ul.accordion-inner li:first-child,
ul.accordion#CateNav li ul.accordion-inner li:first-child {
	width: 100%;
}

ul.accordion-open li ul.accordion-inner li:nth-child(n+2),
ul.accordion#CateNav li ul.accordion-inner li:nth-child(n+2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/* 孫flexにheight:100%効かない対策。子にもflex指定 */
	width: 50%;
	font-size: 12px;
}

ul.accordion-open li ul.accordion-inner li a,
ul.accordion#CateNav li ul.accordion-inner li a {
	background-image: url("https://www.air-ry.live/smaf/category/images/yj-list.png");
	background-repeat: no-repeat;
	background-position: 97%;
	background-size: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* align-itemsタテ中央揃え */
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	padding: 13px 18px 13px 10px;
	/*上書き*/
	color: #777;
	overflow: visible;
	font-weight: normal;
}

ul.accordion-open li ul.accordion-inner li:nth-child(2n) a {
	border-right: 1px solid #ccc;
}

ul.accordion#CateNav li ul.accordion-inner li:nth-child(2n) a {
	border-right: 1px dotted #bbb;
}

ul.accordion-open li p.subcate-ttl {
	background-color: #777;
	/*上書き*/
	color: #fff;
	/*上書き*/
	font-size: 80%;
	/*上書き*/
}


/* タグリンク */

.tag-ttl {
	margin: 0 1.5em 1.5em;
	font-weight: bold;
	font-size: 120%;
}

ul.tag-link {
	padding: 0 1.5em 2em;
}

ul.tag-link li {
	display: inline-block;
	margin: 0 5px 8px 0;
}

ul.tag-link li a {
	display: inline-block;
	/* background: #b5b5b5; */
	background: #fff;
	/* padding: 8px 10px; */
	padding: 5px 10px 5px 8px;
	/* color: #FFF !important; */
	color: #333 !important;
	font-size: 10px;
	font-weight: normal !important;
	/* text-decoration: underline; */
	/* border-radius: 50px; */
	border: solid 1px #cfcfcf;
}

ul.tag-link li a:before {
	content: "#";
	margin: 0 3px 0 0;
	line-height: 1em;
}

/***********************************  body  *************************************/
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
	font-family: Helvetica, Arial, sans-serif;
}

.ui-body-c,
.ui-overlay-c {
	color: #333;
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: -moz-linear-gradient(#fff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}

.ui-body-c {
	border: none;
	border-top: none;
	background: #111;
	color: #666;
	font-weight: normal;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(#fff, #fff);
	background-image: -moz-linear-gradient(#efff, #fff);
	background-image: -ms-linear-gradient(#fff, #fff);
	background-image: -o-linear-gradient(#fff, #fff);
	background-image: linear-gradient(#fff, #fff);
}

/***********************************  data-role="header"  *************************************/
.ui-header.ui-bar-a {
	border: none;
	border-bottom: 1px solid #b1b1b1;
	background: #111;
	color: #666;
	font-weight: bold;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
	background-image: -webkit-linear-gradient(#eee, #eee);
	background-image: -moz-linear-gradient(#eee, #eee);
	background-image: -ms-linear-gradient(#eee, #eee);
	background-image: -o-linear-gradient(#eee, #eee);
	background-image: linear-gradient(#eee, #eee);
}

/*ヘッダー*/
#h-all {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-shadow: none;
	color: #666;
	background: #fff;
	overflow: hidden;
	height: 40px;
	font-weight: normal;
}

#h-all a {
	color: #1122cc;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
	font-weight: normal;
}

#h-all .h-logo {
	width: 30%;
	float: left;
	padding: 10px 5px 8px 5px;
	border: 0;
}

#h-all .h-logo img {
	float: left;
}

#h-all .h-right-a {
	width: 20%;
	float: right;
	text-align: center;
	border-left: #ccc solid 1px;
	height: 30px;
	padding: 12px 0 10px 0;
}

#h-all .h-right-b {
	width: 20%;
	float: right;
	text-align: center;
	border-left: #ccc solid 1px;
	height: 30px;
	padding: 12px 0 10px 0;
}

#h-all .h-right-c {
	width: 20%;
	float: right;
	text-align: center;
	border-left: #ccc solid 1px;
	height: 30px;
	padding: 13px 0 10px 0;
}

/***********************************　検索フォーム　********************************************/
#list_search_area {
	background-color: #f2f2f2;
}

/***********************************  data-role="content"  *************************************/

.ui-content {
	border-width: 0;
	overflow: visible;
	overflow-x: hidden;
	padding: 0;
}

/*リストメニュー*/
.c-list {
	/*margin: 5px 0 5px 0;*/
	font-size: 13px;
	/*padding: 10px;*/
}

.c-list .ui-icon-arrow-r {
	display: none;
}

.c-list li {
	/*background-image:url(../images/yj-list.png);*/
	background-repeat: no-repeat;
	background-position: 97%;
	background-size: 10px;
	font-weight: normal;
	text-shadow: none;
}

.c-list a {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

.ui-btn-active {
	background: #999;
	border: none;
	text-shadow: none;
	padding: 1px 0 0 0;
}


/***********************************  コンテンツ調整  *************************************/


/* カテゴリ一覧 イメージ付きサブカテ */
#cate-sp ul.cate-img-list {
	margin: 0;
	padding: 0 4% 0 5%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

#cate-sp ul.cate-img-list li {
	width: 31%;
	margin: 0 1% 1.5em;
}

#cate-sp ul.cate-img-list li a {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0;
	color: #555 !important;
	font-weight: normal !important;
}

#cate-sp ul.cate-img-list li img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 0.5em;
}

#cate-sp ul.cate-img-list li p {
	font-size: 1.3rem;
	margin: 0;
	color: #222;
	font-family: Noto Sans JP, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, MS PGothic, ＭＳ Ｐゴシック, sans-serif;
	font-weight: 500;
}

#product_list #cate-sp {
	border-bottom: none !important;
	margin: 0 0 20px;
}


/* カテゴリ一覧 商品件数 */
#product_list p.intro {
	/* text-align: center; */
	/* border-top: dotted 1px #dcdcdc; */
	/* margin: 0 0 2em; */
	padding: 0 0 0 5%;
	/* height: 40px; */
	line-height: 34px;
	font-size: 110%;
	/* background: #f2f2f2; */
	font-weight: normal;
	width: 20%;
	float: left;
}

#product_list p.intro idproductscount {
	font-size: 20px;
	padding: 0;
}

/* 並び順ボタン */
.sortBtnwrap ul {
	padding: 0 0 1em 0;
	width: 68%;
	float: right;
}

.sortBtnwrap ul li {
	width: 46%;
	height: 30px;
	margin: 0 3% 0 0;
	line-height: 30px;
	float: left;
	border: solid 1px #dddddd;
	/* border-bottom: solid 1px #dddddd; */
	display: inline;
	box-sizing: border-box;
	text-align: center;
	font-size: 11px;
}

.sortBtnwrap ul li a {
	width: 100%;
	height: 100%;
	display: block;
	font-weight: normal;
}

.sortBtnwrap ul li a:visited {
	font-weight: normal;
}

.sortBtnwrap ul li.current {
	background: #777777;
	color: #ffffff;
	border: solid 1px #777777;
	cursor: none;
}

.sortBtnwrap ul li.current:after {
	content: "(選択中)";
	margin: 0 0 0 0.5em;
}

.sortBtnwrap ul li a:after {
	content: "▼";
	margin: 0 0 0 0.5em;
}

/* カテゴリ一覧 アドバイスコンテンツ */
/* ページ下ver */
div.advice {
	width: 94%;
	box-sizing: border-box;
	margin: 0 auto 2em;
	padding: 0;
	/*border-top: solid 1px #ccc;*/
}

#cateFaqWrap div.advice {
	/* カテゴリ別よくある質問内のアドバイス */
	width: 100%;
}

div.advice img.adviceImg,
#cateFaqWrap img.adviceImg {
	width: 100%;
	height: 220px;
	object-fit: cover;
	margin: 0 0 10px;
}

div.advice h3 {
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.14em;
}

div.advice p {
	font-size: 12px;
	margin: 0 0 1.5em 0;
	line-height: 1.6;
	letter-spacing: 0.14em;
}

div.advice a {
	text-decoration: underline;
}

/* ページ上ver */
#product_list div.advice {
	width: 100%;
	margin: 0 auto 6em;
	padding: 0 1rem;
	border-top: none;
	box-sizing: border-box;
}

#product_list div.advice img.adviceImg {
	width: 98%;
	height: 220px;
	object-fit: cover;
	margin: 0 auto 10px;
}

#product_list div.advice h3 {
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}

#product_list div.advice p {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.14em;
	width: 98%;
    margin: 0 auto 1.5em auto;
}


/* カテゴリ一覧 メインイメージ・説明文 */
.cate-readImg {
	margin: 0 0 15px 0;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.cate-readtxt {
	/*ページ下部ver*/
	width: 90%;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto 6em;
	/* border-bottom: solid 2px #dedede; */
	font-size: 11px;
	color: #666;
	line-height: 1.6;
	letter-spacing: 0.14em;
}

#product_list .cate-readtxt {
	/*ページ上部ver
	width: 94%;
	padding: 0;
	margin: 0 auto 2em;
	border-top: none;
	color: #666;*/
}

.cate-readtxt+.btn {
	margin: 0 10px 30px;
	display: none;
}


/* メインイメージリニューアルMV-250911 */
#cate-mv_wrapper {
	padding-top: 0;
	margin-bottom: 1rem;
}

.cate-mv_img {
	padding: 0 clamp(14px, 3.8vw, 16px);
}

.cate-mv_img img {
	border-radius: clamp(5px, 1.3vw, 5px);
	/* width: clamp(332px, 92.3vw, 382px) !important; */
	width: 100%;
}

#cate-mv_wrapper a:has(img) {
	transition: none;
}

#cate-mv_wrapper a:has(img):active,
#cate-mv_wrapper a:has(img):hover {
	opacity: 1;
}

.breadcrumbs_wrapper {
	padding: 0 clamp(14px, 3.8vw, 16px) !important;
}

/* サブカテMV-フキダシcss */
#cate-mv_wrapper {
	position: relative;
}

#cate-mv_wrapper .cate-mv_img .bubble {
	position: absolute;
	text-align: left;
	display: flex;
	align-items: stretch;
	filter: drop-shadow(0 0 1rem rgba(148, 148, 148, 0.2));
	white-space: nowrap;
}

#cate-mv_wrapper .cate-mv_img .bubble__texts {
	position: relative;
	background-color: rgba(25, 25, 25, .8);
	padding: 0.8rem 3.3rem 0.9rem 1rem;
	border-radius: 0.2rem;
	letter-spacing: 0.07rem;
	font-weight: 600;
	width: auto;
}

#cate-mv_wrapper .cate-mv_img span {
	display: block;
	line-height: 1.3;
	color: #fff;
}

.bubble__title {
	font-family: "Helvetica", "Noto Sans JP", "Open Sans", sans-serif;
	font-size: clamp(8px, 2.3vw, 10px);
	margin-bottom: 0.5rem;
}

.bubble__price {
	font-size: clamp(10px, 2.8vw, 12px);
	font-family: "Montserrat", "Noto Sans JP", "Open Sans", sans-serif;
	font-weight: 500;
}

.bubble__price span {
	font-size: clamp(7px, 2.1vw, 8px);
	display: inline-block !important;
}

.bubble__go {
	position: relative;
	height: auto;
	margin: 0.4rem 0;
	flex: 0 0 auto;
	border-left: 1px solid rgba(255, 255, 255, .25);
	right: 1.8rem;
}

.bubble__go::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -0.8rem;
	/* 内側の余白 */
	width: 0.3rem;
	height: 0.3rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	/* 右向き三角 */
}

/* ※各方向のしっぽは背景画像で切替 */
.bubble.up .bubble__texts::after {
	content: "";
	position: absolute;
	bottom: 99.8%;
	left: 50%;
	transform: translateX(-50%);
	width: 11px;
	height: 6px;
	background: url('https://www.air-ry.live/smaf/category/images/new_mv/bubble_up.svg') no-repeat center;
	background-size: contain;
}

.bubble.down .bubble__texts::after {
	content: "";
	position: absolute;
	top: 99.8%;
	/* 吹き出しの外に出す */
	left: 50%;
	/* 中央揃え */
	transform: translateX(-50%);
	width: 11px;
	height: 6px;
	background: url('https://www.air-ry.live/smaf/category/images/new_mv/bubble_down.svg') no-repeat center;
	background-size: contain;
}

.bubble.left .bubble__texts::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 99.8%;
	transform: translateY(-50%);
	width: 6px;
	height: 11px;
	background: url('https://www.air-ry.live/smaf/category/images/new_mv/bubble_left.svg') no-repeat center;
	background-size: contain;
}

.bubble.right .bubble__texts::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	width: 6px;
	height: 11px;
	background: url('https://www.air-ry.live/smaf/category/images/new_mv/bubble_right.svg') no-repeat center;
	background-size: contain;
}

/* サブカテMV-フキダシcssここまで */



/* ソファ選びのヒントはこちら-アンカーリンク */
.hint_index {
	width: 90%;
	margin: 1rem auto 3.5rem;
	text-align: right;
}

.hint_index a {
	position: relative;
	display: inline-block;
	color: #1a1a1a !important;
	text-decoration: none;
	font-weight: 400 !important;
	font-size: clamp(11px, 3.1vw, 13px);
	border-bottom: 1px solid #1a1a1a;
	padding-right: 16px;
}

.hint_index a::after {
	content: "";
	position: absolute;
	right: 1.5%;
	top: 50%;
	width: 6px;
	height: 6px;
	border-left: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	transform: translateY(-50%) rotate(-45deg);
}

.hint_top a::after {
	content: "";
	position: absolute;
	right: 1.5%;
	top: 45%;
	width: 6px;
	height: 6px;
	border-left: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	transform: rotate(135deg);
}

/* カテゴリ一覧 メインイメージ・説明文--ここまで */



/* 売り切れ表示 */
.inner {
	padding: 6px;
}

.list_area p.listphoto {
	position: relative;
	margin: 0;
}

.list_area p.listphoto .stock .soldout {
	background: #1F1F1F;
	color: #fff;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 90px;
	margin-left: -45px;
	text-align: center;
	font-size: 0.8em;
	padding: 8px 0;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	/*display:none;*/
}

/* 即日、送料無料アイコン */
.list_area span.status_icon_def span {
	float: left;
	display: inline;
	font-size: 12px;
	color: #ffffff;
	text-shadow: none;
	padding: 2px 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	/* background-color: #bf0000; */
	background-color: #595959;
}

.list_area span.status_icon_sokujitsu span {
	float: left;
	display: inline;
	font-size: 12px;
	color: #ffffff;
	text-shadow: none;
	padding: 2px 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	/* background-color: #F4BF33; */
	background-color: #595959;
}


/* 検索結果 前のページに戻るボタン */
.searchbackBtn a {
	display: block;
	padding: 0;
	margin: 0 auto 20px;
	width: 60%;
	border: solid 1px #ccc;
	border-radius: 5px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	color: #333;
	position: relative;
}

.searchbackBtn a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #666;
	/* 線の太さ */
	border-right: 2px solid #666;
	/* 線の太さ */
	transform: rotate(225deg);
	/* 下向き矢印 */
}

p.searchbackTxt {
	width: 94%;
	padding: 20px;
	margin: 0 auto 30px;
	text-align: center;
	box-sizing: border-box;
	border: dotted 1px #ccc;
}


/* ページング */
.pager,
.pager a,
.pager strong {
	font-size: 13px;
	color: #666;
	font-weight: normal !important;
}

.pager {
	width: 100%;
	padding: 10px 0;
	margin: 0 auto 15px;
	background: #efefef;
	text-align: center;
}

.pager b {
	font-size: 13px;
	padding: 14px 10px;
	color: #bf0000;
	font-weight: bold;
}

.pager strong {
	padding: 14px 10px;
	color: #bf0000;
	font-weight: bold;
}

.pager a {
	text-decoration: none;
	padding: 10px;
	margin: 0 0 8px;
	border: 1px solid #ccc;
	display: inline-table;
	background: #fff;
	font-weight: normal;
}

#page_navi_bottom .pager {
	margin: 0 auto 1em;
	padding: 0;
	background: #fff;
	color: #999;
	font-size: 11px;
}

/* 価格部分 */
.listrightblock h3 {
	/* font変更、行２行までに */
	font-size: 12px;
	font-family: Noto Sans JP, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	letter-spacing: .5px;
}

.list_area p.itemPrice {
	/*通常価格用*/
	font-size: 1.4em;
	font-weight: bold;
	font-family: Noto Sans JP, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, MS PGothic, sans-serif;
	color: #333333;
	padding: 5px 0;
}

.list_area p.itemPrice.saleprice {
	/*セール価格用*/
	color: #FF6666;
	display: inline-block;
}

.list_area p.normalprice {
	/*セール時の通常価格*/
	font-size: 10px;
	color: #aaaaaa;
	display: inline-block;
	line-height: 15px;
	margin: 5px 0 0 1em;
}

.list_area span span {
	font-size: 10px !important;
}




/***********************************  data-role="footer"  *************************************/
.ui-overlay-c .ui-footer.ui-bar-a {
	border: none;
	border-top: none;
	background: #111;
	color: #666;
	font-weight: bold;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
	background-image: -webkit-linear-gradient(#eee, #eee);
	background-image: -moz-linear-gradient(#eee, #eee);
	background-image: -ms-linear-gradient(#eee, #eee);
	background-image: -o-linear-gradient(#eee, #eee);
	background-image: linear-gradient(#eee, #eee);
}

/*フッター*/
#f-all {
	text-align: center;
	padding: 20px 0 20px 0;
	margin: 0 0 -20px 0;
}

#f-all p {
	font-size: 10px;
}

#f-all a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
	color: #1122cc;
	font-weight: normal;
}

#main_right {
	font-size: 11px;
	font-weight: normal;
	color: #1122cc;
}


/*-----------------------------
 カテゴリ 見出し
-----------------------------*/
.title-rcmn {
	background: #fff;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.14em;
	padding: 2em 5px 1.5em;
	line-height: 1;
	text-align: center;
	font-family: "Open Sans", "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.title-rcmn span {
	display: block;
	padding: 1.0em 5px 0;
	font-size: 8px;
	color: #bbbbbb;
	font-weight: normal;
	letter-spacing: 0.14em;
}


/*-----------------------------
 カテゴリ 特集バナー用
-----------------------------*/

.LC_Page_Products_List #featureWrap {
	padding: 10px 0 0 0;
}

.LC_Page_Products_List #featureWrap h3 {
	margin: 0 0 10px 8px;
}

.LC_Page_Products_List #featureWrap a {
	color: #555;
}

.LC_Page_Products_List #featureWrap .otherFeature {
	padding: 0 0 20px 0;
	margin: 0 0 28px 0;
	border-bottom: solid 1px #ccc;
	display: flex;
	flex-wrap: wrap;
}

.LC_Page_Products_List #featureWrap .otherFeature li {
	width: 50%;
	padding: 0 8px 12px;
	box-sizing: border-box;
}

.LC_Page_Products_List #featureWrap .otherFeature li .featureName {
	margin: 0.8em 0;
	font-size: 11.5px;
	font-weight: normal;
	letter-spacing: 0.3px;

	/* font変更、行２行までに */
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;


}

.LC_Page_Products_List #featureWrap .otherFeature li .featureExp {
	font-weight: normal;
	font-size: 12px;
}

.LC_Page_Products_List #featureWrap .otherFeature li img {
	height: auto;
}



/*-----------------------------
 カテゴリ用 ブログカード
-----------------------------*/

.blog-card {
	/* width: 100%; */
	margin: 24px 1.4em 30px;
	padding: 0;
	word-wrap: break-word;
	font-family: Noto Sans JP, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, MS PGothic, ＭＳ Ｐゴシック, sans-serif;
	letter-spacing: 0.5px;
}

.flexbox .blog-card {
	width: calc(50% - 0.5em);
	margin-right: 1em;
	margin-top: 0;
}

.flexbox .blog-card:nth-of-type(2n) {
	margin-right: 0;
}

.blog-card a {
	background: #F7F7F7;
	padding: 30px 30px 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	border: 1px solid #DDD;
	transition: all 0.3s ease;
	position: relative;
}

.blog-card a:hover {
	background: #f6f3e6;
	font-weight: inherit;
	border: 1px solid #d6b382;
}

.blog-card a:before {
	display: block;
	content: "合わせて読みたい";
	background: #494949;
	padding: 5px 15px;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	position: absolute;
	left: 10px;
	top: -17px;
	border-radius: 20px;
}

.blog-card a:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #55A5A3 transparent;
	position: absolute;
	right: -1px;
	bottom: -1px;
}

.blog-card-thumbnail {
	display: block;
	overflow: hidden;
	min-height: 100% !important;
	width: 170px;
	height: 150px;
	position: relative;
}

.flexbox .blog-card-thumbnail {
	width: 130px;
	height: 80px;
}

.blog-card-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.blog-card-content {
	width: calc(100% - 150px);
	padding-left: 30px;
}

.flexbox .blog-card-content {
	padding: 0;
}


.blog-card-title {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	color: #1a1a1a;
}

.flexbox .blog-card-title {
	font-size: 1.3rem;
}

.blog-card-title span.blank {
	background: url(/magazine/wp-content/uploads/ico_blank.png) no-repeat right 0 bottom 3px;
	padding: 5px 25px 0 0;
}

.blog-card-excerpt {
	border-top: 1px solid #d4ccc1;
	margin: 10px 0 0;
	padding: 15px 0;
	color: #191919;
	font-size: 1.4rem;
	line-height: 1.5;
}

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

	/* ブログカード */

	.blog-card a {
		/*flex-direction: column;*/
		padding: 30px 15px 20px;
		background: none;
	}

	.blog-card a:hover {
		background: none;
		font-weight: inherit;
		border: 1px solid #DDD;
	}

	.blog-card a:before {
		font-size: 1.1rem;
		padding: 3px 10px 5px;
		left: 10px;
		top: -10px;
	}

	.blog-card-thumbnail {
		width: 120px;
		height: 100px;
	}

	.blog-card-content {
		width: 70%;
		padding-left: 15px;
	}

	.blog-card-title {
		font-size: 1.2rem;
		font-weight: 600;
	}

	.blog-card-excerpt {
		border: none;
		margin: 0;
		padding: 10px 0 0;
		font-size: 1.1rem;
		font-weight: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		color: #6b6b6b;
	}
}







/*-----------------------------
 トップナビ 固定ナビ
-----------------------------*/
#top-nav {
	width: 100%;
	text-align: center;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

#top-nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#top-nav li a img {
	width: 30px;
	vertical-align: baseline;
}

#top-nav li a {
	float: left;
	display: block;
	width: 24.7%;
	padding: 7px 0 0 0;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	background: #3f3b39;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	height: 43px;
	text-decoration: none;
}

#top-nav li.cart a {
	border-right: 0px solid #ffffff;
}

#top-nav li.cate a,
#top-nav li.new a,
#top-nav li.cart a,
#top-nav li.info a {
	background-size: 60%;
}

#smf-header-nav {
	position: fixed;
	top: -150px;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	background-color: #f6f6f6;
	display: block !important;
}

.fixed {
	position: fixed;
	top: 0 !important;
	left: 0;
	display: block !important;
	transition: 0.5s 0.5s;
}

#headnavWrap {
	height: 51px;
}



/*-----------------------------
 トップナビ 固定ナビ(サイズ小さくなったときにつかう）
-----------------------------*/
#top-nav2 {
	width: 100%;
	text-align: center;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

#top-nav2 li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#top-nav2 li a img {
	width: 35%;
	vertical-align: baseline;
	margin: 0;
	padding: 30px 0 -20px 0;
}

#top-nav2 li a {
	float: left;
	display: block;
	width: 24.7%;
	padding: 1.5% 0 0 0;
	border-right: 1px solid #ffffff;
	background: #3f3b39;
	font-size: 2em;
	font-weight: normal;
	line-height: -1%;
	height: 100px;
	text-decoration: none;
	color: #ffffff;
}

#top-nav2 li.cart a {
	border-right: 0px solid #ffffff;
}

#top-nav2 li.cate a,
#top-nav li.new a,
#top-nav2 li.cart a,
#top-nav li.info a {
	background-size: 60%;
}

#smf-header-nav2 {
	position: fixed;
	top: -150px;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	background-color: #f6f6f6;
	display: block !important;
}

.fixed2 {
	position: fixed;
	top: 0 !important;
	left: 0;
	display: block !important;
	transition: 0.5s 0.5s;
}

#headnavWrap2 {
	height: 51px;
}


/* 会社概要css */
#comp {
	width: auto;
	margin: 0 clamp(14px, 3.8vw, 16px);
}

#comp .h2_ttl {
	margin: 0 0 2rem;
}

#comp table {
	width: 100%;
	text-align: center;
	border: none;
	margin-bottom: 6rem;
}

#comp table th,
#comp table td {
	padding: 1rem;
	text-align: left;
	line-height: 1.6;
	border: none;
	border-bottom: 1px solid #EDEAE7;
	word-wrap: break-word;
	font-size: clamp(11px, 3.1vw, 13px);
}

#comp table th {
	border-right: 1px solid #EDEAE7;
	line-height: 1.2;
}

#comp table td {
	width: 77%;
}

.company_img {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.company_img a:hover {
	opacity: 0.85;
}

.company_head {
	font-size: 20px;
	padding: 20px 0;
}

.caution_txt {
	margin: 0 0 30px;
	padding: 0 0 10px;
	text-align: left;
	font-size: 0.9rem;
	border: 1px solid #C00;
}

table.history th.year {
	background: #EDEAE7;
	width: 100%;
	font-size: 1.2rem !important;
	padding-left: 10px !important;
	border-right: none !important;
}

#comp .company-map {
	margin-bottom: 6rem;
}

/* 会社概要cssここまで */

.caution_txt h3 {
	background: #C00;
	padding: 8px 15px;
	color: #FFF;
	font-weight: bold;
}

.caution_txt p {
	padding: 10px 15px 0;
	line-height: 1.5;
}

.caution_txt .link {
	padding-top: 0;
	text-align: right;
}

.caution_txt .link a {
	color: #33C;
}

.caution_txt .red {
	color: #C00;
	font-weight: bold;
}

/* 汎用 */

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}



/*-----------------------------
 レコメンド露出（ナビプラス読み込み）※売れ筋ランキング/レビューランキング/あなたにおすすめ
-----------------------------*/

#RecoRanking .recoCalInner,
#RecoNewitem .recoCalInner,
#RecoReviewRanking .recoCalInner,
#RecoItem .recoCalInner,
.recoItem .recoCalInner {
	overflow-x: scroll;
	overflow-y: hidden;
	width: 97%;
	height: 160px;
	margin: 0 0 0 auto;
}

#RecoRanking .recoCalInner,
#RecoReviewRanking .recoCalInner {
	padding: 0 0 30px;
}

#under-cate-wrap .recoCalInner {
	margin: 0 0 0 auto;
}

#RecoRanking .recoCalInner li,
#RecoNewitem .recoCalInner li,
#RecoReviewRanking .recoCalInner li,
#RecoItem .recoCalInner li,
.recoItem .recoCalInner li {
	float: left;
	width: 130px;
	padding: 0 10px 0 0;
	position: relative;
}

.recoCalInner li dd,
.recoCalInner li dd.price {
	color: #333333;
	font-weight: normal;
	padding: 0.3em 0 0 0 !important;
	/*
    font-size: 1em;
    padding: 0.3em 0;
    display: block;
    color: #333;
    */
}

#RecoRanking .recoCalInner li:before {
	content: '';
	display: block;
	height: 25px;
	font-size: 18px;
	font-weight: bold;
}

/*
#RecoRanking .recoCalInner li:nth-of-type(1):before {
    background: url(https://www.air-ry.live/smaf/category/php/rcmn/img/no1.gif) no-repeat 0 0/150px auto;
}
#RecoRanking .recoCalInner li:nth-of-type(2):before {
    background: url(https://www.air-ry.live/smaf/category/php/rcmn/img/no2.gif) no-repeat 0 0/150px auto;
}
#RecoRanking .recoCalInner li:nth-of-type(3):before {
    background: url(https://www.air-ry.live/smaf/category/php/rcmn/img/no3.gif) no-repeat 0 0/150px auto;
}
#RecoRanking .recoCalInner li:nth-of-type(4):before {
    background: url(https://www.air-ry.live/smaf/category/php/rcmn/img/no4.gif) no-repeat 0 0/150px auto;
}
#RecoRanking .recoCalInner li:nth-of-type(5):before {
    background: url(https://www.air-ry.live/smaf/category/php/rcmn/img/no5.gif) no-repeat 0 0/150px auto;
}
#RecoRanking .recoCalInner li:nth-of-type(n+6):before {
    display: table-cell;
    content: "NO.";
    font-size: 13px;
    font-weight: bold;
    vertical-align: bottom;
    font-family: 'Roboto';
}
#RecoRanking .recoCalInner li:nth-of-type(n+6):after {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 25px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    font-family: 'Roboto';
}
*/

#RecoRanking .recoCalInner li:before {
	display: table-cell;
	content: "NO.";
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
	font-family: "Open Sans", "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

#RecoRanking .recoCalInner li:after {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0;
	left: 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	font-family: "Open Sans", "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

/* #RecoRanking .recoCalInner li:before {
	display: none;
} */

/* #RecoRanking .recoCalInner li {
    position: relative;
  } */

/* #RecoRanking .recoCalInner li:after {
    content: "";
    position: absolute;
    top: 0!important;
    left: 0!important;
    width: 18%!important;
    height: auto!important;
    aspect-ratio: 1/1;
    overflow: hidden;
    
    display: flex!important;
    align-items: center;
    justify-content: center;
    
    background: #222;
    color: #fff;
    font-size: clamp(11px, 3vw, 13px)!important;
    font-weight: normal!important;
  } */
#RecoRanking .recoCalInner li:nth-of-type(1):after {
	content: "1";
}

#RecoRanking .recoCalInner li:nth-of-type(2):after {
	content: "2";
}

#RecoRanking .recoCalInner li:nth-of-type(3):after {
	content: "3";
}

#RecoRanking .recoCalInner li:nth-of-type(4):after {
	content: "4";
}

#RecoRanking .recoCalInner li:nth-of-type(5):after {
	content: "5";
}

#RecoRanking .recoCalInner li:nth-of-type(6):after {
	content: "6";
}

#RecoRanking .recoCalInner li:nth-of-type(7):after {
	content: "7";
}

#RecoRanking .recoCalInner li:nth-of-type(8):after {
	content: "8";
}

#RecoRanking .recoCalInner li:nth-of-type(9):after {
	content: "9";
}

#RecoRanking .recoCalInner li:nth-of-type(10):after {
	content: "10";
}

#RecoRanking .recoCalInner li:nth-of-type(11):after {
	content: "11";
}

#RecoRanking .recoCalInner li:nth-of-type(12):after {
	content: "12";
}

#RecoRanking .recoCalInner li:nth-of-type(13):after {
	content: "13";
}

#RecoRanking .recoCalInner li:nth-of-type(14):after {
	content: "14";
}

#RecoRanking .recoCalInner li:nth-of-type(15):after {
	content: "15";
}

.recoItem .recoCalInner ul {
	width: calc(140px * 6);
	width: -webkit-calc(140px * 6);
	height: 160px;
	padding: 0;
	margin: 0;
}

.recoItem.pt5 .recoCalInner ul {
	width: calc(140px * 5);
	width: -webkit-calc(140px * 5);
}

.recoItem.pt4 .recoCalInner ul {
	width: calc(140px * 4);
	width: -webkit-calc(140px * 4);
}

.recoItem.pt3 .recoCalInner ul {
	width: calc(140px * 3);
	width: -webkit-calc(140px * 3);
}

.recoItem.pt2 .recoCalInner ul {
	width: calc(140px * 2);
	width: -webkit-calc(140px * 2);
}



/* レビューランキングの表示調整 */

#RecoReviewRanking .review {
	color: initial;
}

#RecoReviewRanking .review-star {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
	/* グレーカラー 自由に設定化 */
	font-size: 16px;
	/* フォントサイズ 自由に設定化 */
	letter-spacing: -0.075em;
}

#RecoReviewRanking .review-star:before,
#RecoReviewRanking .review-star:after {
	content: '★★★★★';
}

#RecoReviewRanking .review-star:after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #ffd200;
	/* イエローカラー 自由に設定化 */
}

#RecoReviewRanking .review-star[data-rate="5"]:after {
	width: 100%;
}

#RecoReviewRanking .review-star[data-rate="4.9"]:after {
	width: 98%;
}

#RecoReviewRanking .review-star[data-rate="4.8"]:after {
	width: 96%;
}

#RecoReviewRanking .review-star[data-rate="4.7"]:after {
	width: 94%;
}

#RecoReviewRanking .review-star[data-rate="4.6"]:after {
	width: 92%;
}

#RecoReviewRanking .review-star[data-rate="4.5"]:after {
	width: 90%;
}

#RecoReviewRanking .review-star[data-rate="4.4"]:after {
	width: 88%;
}

#RecoReviewRanking .review-star[data-rate="4.3"]:after {
	width: 86%;
}

#RecoReviewRanking .review-star[data-rate="4.2"]:after {
	width: 84%;
}

#RecoReviewRanking .review-star[data-rate="4.1"]:after {
	width: 82%;
}

#RecoReviewRanking .review-star[data-rate="4"]:after {
	width: 80%;
}

#RecoReviewRanking .review-star[data-rate="3.9"]:after {
	width: 78%;
}

#RecoReviewRanking .review-star[data-rate="3.8"]:after {
	width: 76%;
}

#RecoReviewRanking .review-star[data-rate="3.7"]:after {
	width: 74%;
}

#RecoReviewRanking .review-star[data-rate="3.6"]:after {
	width: 72%;
}

#RecoReviewRanking .review-star[data-rate="3.5"]:after {
	width: 70%;
}

#RecoReviewRanking .review-star[data-rate="3.4"]:after {
	width: 68%;
}

#RecoReviewRanking .review-star[data-rate="3.3"]:after {
	width: 66%;
}

#RecoReviewRanking .review-star[data-rate="3.2"]:after {
	width: 64%;
}

#RecoReviewRanking .review-star[data-rate="3.1"]:after {
	width: 62%;
}

#RecoReviewRanking .review-star[data-rate="3"]:after {
	width: 60%;
}

#RecoReviewRanking .review-star[data-rate="2.9"]:after {
	width: 58%;
}

#RecoReviewRanking .review-star[data-rate="2.8"]:after {
	width: 56%;
}

#RecoReviewRanking .review-star[data-rate="2.7"]:after {
	width: 54%;
}

#RecoReviewRanking .review-star[data-rate="2.6"]:after {
	width: 52%;
}

#RecoReviewRanking .review-star[data-rate="2.5"]:after {
	width: 50%;
}

#RecoReviewRanking .review-star[data-rate="2.4"]:after {
	width: 48%;
}

#RecoReviewRanking .review-star[data-rate="2.3"]:after {
	width: 46%;
}

#RecoReviewRanking .review-star[data-rate="2.2"]:after {
	width: 44%;
}

#RecoReviewRanking .review-star[data-rate="2.1"]:after {
	width: 42%;
}

#RecoReviewRanking .review-star[data-rate="2"]:after {
	width: 40%;
}

#RecoReviewRanking .review-star[data-rate="1.9"]:after {
	width: 38%;
}

#RecoReviewRanking .review-star[data-rate="1.8"]:after {
	width: 36%;
}

#RecoReviewRanking .review-star[data-rate="1.7"]:after {
	width: 34%;
}

#RecoReviewRanking .review-star[data-rate="1.6"]:after {
	width: 32%;
}

#RecoReviewRanking .review-star[data-rate="1.5"]:after {
	width: 30%;
}

#RecoReviewRanking .review-star[data-rate="1.4"]:after {
	width: 28%;
}

#RecoReviewRanking .review-star[data-rate="1.3"]:after {
	width: 26%;
}

#RecoReviewRanking .review-star[data-rate="1.2"]:after {
	width: 24%;
}

#RecoReviewRanking .review-star[data-rate="1.1"]:after {
	width: 22%;
}

#RecoReviewRanking .review-star[data-rate="1"]:after {
	width: 20%;
}

#RecoReviewRanking .review-star[data-rate="0.9"]:after {
	width: 18%;
}

#RecoReviewRanking .review-star[data-rate="0.8"]:after {
	width: 16%;
}

#RecoReviewRanking .review-star[data-rate="0.7"]:after {
	width: 14%;
}

#RecoReviewRanking .review-star[data-rate="0.6"]:after {
	width: 12%;
}

#RecoReviewRanking .review-star[data-rate="0.5"]:after {
	width: 10%;
}

#RecoReviewRanking .review-star[data-rate="0.4"]:after {
	width: 8%;
}

#RecoReviewRanking .review-star[data-rate="0.3"]:after {
	width: 6%;
}

#RecoReviewRanking .review-star[data-rate="0.2"]:after {
	width: 4%;
}

#RecoReviewRanking .review-star[data-rate="0.1"]:after {
	width: 2%;
}

#RecoReviewRanking .review-star[data-rate="0"]:after {
	width: 0%;
}

#RecoReviewRanking .review-count {
	font-size: inherit;
	line-height: 1.0;
}


/* 商品リスト内レビュースター部分 */
#product_list .list-body .list-body-review {
	color: var(--main-font-color);
	font-family: var(--main-font-family);
	font-weight: normal;
	line-height: 1;
	text-align: left;
	letter-spacing: 0.5px;
	box-sizing: border-box;
	padding: 0 !important;
	margin: 0 0 8px 2px;
}

#product_list .list-body .list-body-review .review-star {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #EDEDED;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-indent: -0.1em !important;
}

#product_list .list-body .list-body-review .review-star:before,
#product_list .list-body .list-body-review .review-star:after {
	content: '★★★★★';
}

#product_list .list-body .list-body-review .review-star:after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	/*color: #B13F23;*/
	color: var(--main-font-color);
}

#product_list .list-body .list-body-review .review-star[data-rate="5"]:after {
	width: 100%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.9"]:after {
	width: 98%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.8"]:after {
	width: 96%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.7"]:after {
	width: 94%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.6"]:after {
	width: 92%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.5"]:after {
	width: 90%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.4"]:after {
	width: 88%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.3"]:after {
	width: 86%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.2"]:after {
	width: 84%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4.1"]:after {
	width: 82%;
}

#product_list .list-body .list-body-review .review-star[data-rate="4"]:after {
	width: 80%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.9"]:after {
	width: 78%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.8"]:after {
	width: 76%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.7"]:after {
	width: 74%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.6"]:after {
	width: 72%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.5"]:after {
	width: 70%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.4"]:after {
	width: 68%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.3"]:after {
	width: 66%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.2"]:after {
	width: 64%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3.1"]:after {
	width: 62%;
}

#product_list .list-body .list-body-review .review-star[data-rate="3"]:after {
	width: 60%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.9"]:after {
	width: 58%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.8"]:after {
	width: 56%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.7"]:after {
	width: 54%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.6"]:after {
	width: 52%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.5"]:after {
	width: 50%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.4"]:after {
	width: 48%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.3"]:after {
	width: 46%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.2"]:after {
	width: 44%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2.1"]:after {
	width: 42%;
}

#product_list .list-body .list-body-review .review-star[data-rate="2"]:after {
	width: 40%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.9"]:after {
	width: 38%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.8"]:after {
	width: 36%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.7"]:after {
	width: 34%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.6"]:after {
	width: 32%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.5"]:after {
	width: 30%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.4"]:after {
	width: 28%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.3"]:after {
	width: 26%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.2"]:after {
	width: 24%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1.1"]:after {
	width: 22%;
}

#product_list .list-body .list-body-review .review-star[data-rate="1"]:after {
	width: 20%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.9"]:after {
	width: 18%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.8"]:after {
	width: 16%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.7"]:after {
	width: 14%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.6"]:after {
	width: 12%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.5"]:after {
	width: 10%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.4"]:after {
	width: 8%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.3"]:after {
	width: 6%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.2"]:after {
	width: 4%;
}

#product_list .list-body .list-body-review .review-star[data-rate="0.1"]:after {
	width: 2%;
}

#product_list .list-body .list-body-review .review-star[data-rate=""]:after {
	width: 0%;
}

#product_list .list-body .list-body-review .review-count {
	font-size: 13px;
	font-size: inherit;
	text-indent: 0.3em;
	line-height: 1.0;
}



/*-----------------------------
 YOTPOスターレーティングCSS 
-----------------------------*/
#product-list .list-item .status_icon li,
#product-list .list-item .list-price,
#product-list .list-item .sell-price {
	float: left;
}

#product-list .list-item .status_icon li {
	margin: 0 5px 5px 0;
}

.yotpo .text-m {
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 5px;
}

.yotpo.bottomLine {
	padding: 0 0 7px;
}

.yotpo.bottomLine .yotpo-icon-star,
.yotpo.bottomLine .yotpo-icon-empty-star {
	margin: 0;
}

.yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-star {
	background-position: -170px 0;
}

.yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-empty-star {
	background-position: -200px 0;
}

.yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-half-star {
	background-position: -185px 0;
	margin: 0;
}

.yotpo.bottomLine .standalone-bottomline .yotpo-icon {
	width: 15px !important;
	height: 15px !important;
}

.yotpo.bottomLine .yotpo-bottomline .yotpo-stars {
	margin: 0 0 0 -2px;
}

#main-content .yotpo.bottomLine .yotpo-icon-star,
#main-content .yotpo.bottomLine .yotpo-icon-half-star,
#main-content .yotpo.bottomLine .yotpo-icon-empty-star {
	background-image: url(https://www.air-ry.live/images/yotpo/sprite-sheet.svg) !important;
}

/*-----------------------------
 タブがあるページ
 （オリジナル、ランキング、カテゴリ一覧など）用のCSS
-----------------------------*/

.tabs-carousel {
	margin-top: 10px;
	padding-bottom: 4rem;
	overflow-x: scroll;
	scrollbar-width: none;
}

.tabs-carousel::-webkit-scrollbar {
	/* Chrome, Safari 対応 */
	display: none;
}

.tabs-carousel+h1.h1_ttl,
.tabs-carousel-top+h1.h1_ttl {
	font-size: clamp(18px, 4.9vw, 20px);
	font-family: "Noto Sans JP", "Open Sans", sans-serif;
	padding: 2rem 1rem;
	font-weight: 600;
	text-align: center;
	color: #1a1a1a;
	border: none;
	margin: 0;
	letter-spacing: 0.14em;
}

.tabs-carousel-top+h1.h1_ttl {
	font-size: clamp(17px, 4.6vw, 19px);
}

.tabs {
	display: -webkit-box;
	display: flex;
}

.tab {
	background-color: #FFF;
	padding: 10px 15px;
	font-size: 1.2rem;
	text-align: center;
	border: 1px solid #1a1a1a;
	border-bottom: none;
	position: relative;
}

.tab:first-child:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 2px;
	border-bottom: 2px solid #1a1a1a;
}

.tab:not(:first-child) {
	margin-left: 2vw;
}

.tab:not(:first-child):before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(100% + 5vw);
	height: 2px;
	border-bottom: 2px solid #1a1a1a;
}

.tab.active {
	background-color: #1a1a1a;
	position: relative;
}

.tab.active:after {
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
	border-top: 10px solid #1a1a1a;
	bottom: -10px;
	content: "";
	display: block;
	left: 50%;
	margin-left: -7.5px;
	position: absolute;
}

.tab.active .link {
	color: #fff !important;
}

.tab a.link {
	display: block;
	white-space: nowrap;
	color: #333;
	font-weight: normal;
}

/*-----------------------------
まとめ買いクーポン
-----------------------------*/
.bulk-coupon {
	margin: 0px clamp(14px, 3.8vw, 16px) 5rem;
	text-align: center;
	display: none;
}

.bulk-coupon a {
	margin-bottom: 1rem;
	display: block;
	color: #1a1a1a;
}

.bulk-coupon a:visited,
.bulk-coupon a:active {
	color: #1a1a1a;
}

.bulk-coupon a img {
	width: 100%;
}


/*-----------------------------
動画
【smaf\category\php\cate_contents\movie\chair\chair-movie.php】
-----------------------------*/
    .cate-movie {
        aspect-ratio: 4 / 4;
        width: 100%;
        overflow: hidden;
        margin-bottom: 3rem;
		content-visibility: auto;
		contain-intrinsic-size: 390px 487px;
    }

    .cate-movie video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/*-----------------------------
シリーズ
【smaf\category\php\contents\series\sofa-series.php】
-----------------------------*/
.belowfold {
	content-visibility: auto;
	contain-intrinsic-size: 390px 11882px;

}

.cate-series_wrapper {
	margin-bottom: 6rem;
}

.series-list {
	padding-bottom: 1.4rem;

	    /* display: flex;
    gap: 1rem;
    padding-left: 1.5rem;
    overflow: auto; */
}

.series-list .simplebar-content-wrapper {
	scroll-snap-type: x mandatory;
	padding-left: 1.4rem;
	scroll-padding-left: 1.4rem;
}

.series-list .simplebar-content {
	display: flex;
	gap: 1.5rem;
}

.series-list .simplebar-track.simplebar-horizontal {
	margin-left: 1.4rem;
	height: 1px;
}

.simplebar-scrollbar::before {
	height: 1px;
	top: 0!important;
}

.series-item {
	flex: 0 0 auto;
	scroll-snap-align: start;
	width: 80%;
	position: relative;
}

.series-item:last-child {
	box-sizing: content-box;
	padding-right: 1.5rem;
}

.series-item img {
	aspect-ratio: 4/5;
	object-fit: cover;
	border-radius: clamp(5px, 1.3vw, 5px);
	filter: brightness(0.75);
}

.series-item dl {
	position: absolute;
	bottom: 0;
	margin: 1.5rem;
	color: #fff;
	pointer-events: none;
}

.series-item dt {
	text-decoration: underline;
	font-size: clamp(17px, 4.6vw, 19px);
	margin-bottom: 1rem;
	letter-spacing: 0.08rem;
}

.series-item dd {
	font-size: clamp(11px, 3.1vw, 13px);
	font-weight: 400;
	line-height: 1.8;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}


/* ======== コーディネートコンテンツ　ここから ======== */
/* ======== カードのレイアウト ======== */
    .coordinate_wrapper {
        margin: 0 clamp(14px, 3.8vw, 16px) 6rem;
    }

    .coordinate_container {
        display: grid;
        gap: clamp(4px, 1vw, 4px);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

        grid-template-areas:
            "a a"
            "b c"
            "d c"
            "d e";
    }

    .coordinate_card--a {
        grid-area: a;
        aspect-ratio: 390/450;
    }

    .coordinate_card--b {
        grid-area: b;
        aspect-ratio: 193/226;
    }

    .coordinate_card--c {
        grid-area: c;
        aspect-ratio: 193/291;
    }

    .coordinate_card--d {
        grid-area: d;
        aspect-ratio: 193/226;
    }

    .coordinate_card--e {
        grid-area: e;
        aspect-ratio: 193/161;
    }

    .coordinate_card {
        position: relative;
        width: 100%;
    }

    .coordinate_card a {
        display: block;
        height: 100%;
    }

    .coordinate_card img {
        border-radius: 0;
        height: 100%;
        object-fit: cover;
    }


/* ======== 画像ポインター ======== */
.coordinate-image__dot {
    align-items: center;
    background-color: rgba(17, 17, 17, 0.48);
    border: 2px solid rgba(223, 223, 223, 0.48);
    border-radius: 50%;
    position: absolute;
    width: 3rem;
    height: 3rem;
    animation: dotBlink 1.5s infinite ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.coordinate-image__dot::after {
    content: "";
    display: block;
    position: relative;
    background: #fff;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* ポインターのアニメーション */
@keyframes dotBlink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}


/* ======== アイテム詳細 ======== */
.coordinate_list {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 100000;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    max-height: 70svh;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow-y: auto;
}

.coordinate_list.active {
    transform: translateY(0);
}

.coordinate_list,
.coordinate-overlay {
  overscroll-behavior: contain;
}

.coordinate-txt {
    width: 90%;
    margin: 0 auto 1rem;
}

.coordinate-txt .coordinate-title {
    text-align: left;
    font-size: clamp(13px, 3.6vw, 15px);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.coordinate_list small {
    font-size: clamp(9px, 2.6vw, 11px);
    color: #929292;
    width: 90%;
    display: block;
    margin: 0 auto 2rem;
}

body.no-scroll,
html.no-scroll {
    overflow: hidden;
    touch-action: none;
}


.coordinate_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 90%;
    margin: 0 auto;
}

.coordinate_list:last-child ul {
    margin-bottom: 2rem;
}

.coordinate_list ul li .itemName {
    font-size: clamp(12px, 3.3vw, 14px);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    color: #1a1a1a;
	margin-top: 1rem;
}

.coordinate_list ul li .itemPrice {
    font-size: clamp(18px, 5.1vw, 21px);
    color: #1a1a1a;
}

.coordinate_list ul li .itemPrice span {
        font-size: clamp(15px, 4.1vw, 17px);
        padding-right: 0.3rem;
}

/* 背景を少し暗く */
.coordinate-overlay {
    position: fixed;
    z-index: 99999;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.coordinate-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* 閉じるボタン */
.coordinate_list .close-btn {
  position: sticky;
  top: 0;
  background: #fff;
  text-align: right;
  padding: 1em 1.2em;
  font-size: clamp(14px, 3.8vw, 16px);
  color: #1a1a1a;
  cursor: pointer;
  z-index: 100002;
}


/* 遅延読み込み */
/* .coordinate_wrapper {
	content-visibility: auto;
	contain-intrinsic-size: 390px 808.8px;
} */
/* ======== コーディネートコンテンツ　ここまで ======== */