@charset "utf-8";
/*	sub
----------------------------------------------------------- */
/* sub-box
------------------------------------ */
.sub-box { border-radius: 5px; background: #f5f5f5; margin-bottom: 20px; }

.sub-box__inr { box-sizing: border-box; padding: 20px; }
.sub-box__inr > *:last-child { margin-bottom: 0; }

/* sub-btn
------------------------------------ */
.sub-btn { box-sizing: border-box; display: block; text-decoration: none; margin-bottom: 20px; }
.sub-btn .sub-btn__inr { font-size: 15px; font-size: 1.5rem; box-sizing: border-box; text-decoration: none; border-radius: 3px; border: none; text-align: center; background-color: #333; color: #fff; padding: 15px; width: auto; display: inline-block; padding: 6px 10px 4px; text-decoration: none; display: block; }
.sub-btn .sub-btn__inr:hover, .sub-btn .sub-btn__inr:active, .sub-btn .sub-btn__inr:focus { opacity: .7; }

.sub-btn--l .sub-btn__inr { font-size: 18px; font-size: 1.8rem; padding: 15px; width: auto; display: inline-block; padding: 10px 15px 8px; }

/* .sub-list-def-price
------------------------------------ */
.sub-list-def-price { margin-bottom: 20px; }
.sub-list-def-price:after { display: block; clear: both; content: ""; height: 0.01px; }
.sub-list-def-price > dt, .sub-list-def-price > dd { margin-bottom: 10px; }
.sub-list-def-price > dt > *:last-child, .sub-list-def-price > dd > *:last-child { margin-bottom: 0; }
.sub-list-def-price > dt { float: left; clear: both; }
.sub-list-def-price > dt:nth-last-child(2) { margin-bottom: 0; }
.sub-list-def-price > dd { text-align: right; overflow: hidden; }
.sub-list-def-price > dd:last-child { margin-bottom: 0; }

/* sub-nav-ttl
------------------------------------ */
.sub-nav-ttl { font-size: 16px; font-size: 1.6rem; box-sizing: border-box; font-weight: bold; padding: 20px 20px 10px; border-bottom: 1px solid #ccc; }

.sub-wrap-nav-ttl--cart { box-sizing: border-box; display: table; padding: 25px 20px 0; width: 100%; }

.sub-nav-ttl--cart, .sub-nav-ttl--cart__price { display: table-cell; font-weight: bold; vertical-align: middle; }

.sub-nav-ttl--cart { font-size: 14px; font-size: 1.4rem; }

.sub-nav-ttl--cart__price { font-size: 18px; font-size: 1.8rem; text-align: right; }

/* sub-nav
------------------------------------ */
.sub-nav > li { font-size: 13px; font-size: 1.3rem; border-top: 1px solid #ccc; }
.sub-nav > li > .sub-nav__inr { box-sizing: border-box; position: relative; text-decoration: none; padding: 17px 38px 14px 20px; display: block; }
.sub-nav > li > .sub-nav__inr:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0xNS43LDEzLjJsLTE0LTEzYy0wLjQtMC40LTEtMC40LTEuNCwwLjFjLTAuNCwwLjQtMC40LDEsMC4xLDEuNEwxMy41LDE0TDAuMywyNi4zYy0wLjQsMC40LTAuNCwxLTAuMSwxLjQNCglDMC41LDI3LjksMC43LDI4LDEsMjhjMC4yLDAsMC41LTAuMSwwLjctMC4zbDE0LTEzYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC43UzE1LjksMTMuNCwxNS43LDEzLjJ6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.sub-nav > li > .sub-nav__inr:before { width: 8px; height: 14px; right: 20px; top: 0; bottom: 0; margin: auto; }
.sub-nav > li.is-current > .sub-nav__inr { background: #e8e8e8; color: inherit; opacity: 1; }
.sub-nav > li > a.sub-nav__inr:hover, .sub-nav > li > a.sub-nav__inr:active, .sub-nav > li > a.sub-nav__inr:focus { background: #e8e8e8; color: inherit; opacity: 1; }
.sub-nav > li:first-child { border-top: none; }
.sub-nav > li:first-child > .sub-nav__inr { border-radius: 0; }
.sub-nav > li:last-child > .sub-nav__inr { border-radius: 0 0 5px 5px; }
.sub-nav.sub-nav--toggle > li > .sub-nav__inr { position: relative; }
.sub-nav.sub-nav--toggle > li > .sub-nav__inr:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.sub-nav.sub-nav--toggle > li > .sub-nav__inr:before { width: 14px; height: 8px; right: 20px; top: 0; bottom: 0; margin: auto; }
.sub-nav.sub-nav--toggle > li.is-active > .sub-nav__inr { position: relative; }
.sub-nav.sub-nav--toggle > li.is-active > .sub-nav__inr:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik00Ny43LDI0LjNsLTIzLTI0QzI0LjYsMC4xLDI0LjMsMCwyNCwwaDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMjMsMjRjLTAuNCwwLjQtMC40LDEsMCwxLjQNCglDMC41LDI1LjksMC44LDI2LDEsMjZjMC4zLDAsMC41LTAuMSwwLjctMC4zTDI0LDIuNGwyMi4zLDIzLjJjMC40LDAuNCwxLDAuNCwxLjQsMEM0OC4xLDI1LjMsNDguMSwyNC43LDQ3LjcsMjQuM3oiLz4NCjwvc3ZnPg0K); background-size: 100% 100%; }

.sub-nav-child, .sub-nav-grand-child { font-size: 12px; font-size: 1.2rem; padding: 5px 0 10px; }
.sub-nav-child > li > .sub-nav__inr, .sub-nav-grand-child > li > .sub-nav__inr { box-sizing: border-box; text-decoration: none; display: block; position: relative; padding: 5px 20px 5px 30px; }
.sub-nav-child > li > .sub-nav__inr:before, .sub-nav-grand-child > li > .sub-nav__inr:before { position: absolute; content: ""; left: 20px; top: 15px; width: 4px; height: 1px; background: #333; margin-top: -2px; }
.sub-nav-child > li:last-child, .sub-nav-grand-child > li:last-child { margin-bottom: 0; }
.sub-nav-child > li.is-current > .sub-nav__inr, .sub-nav-grand-child > li.is-current > .sub-nav__inr { background-color: #e8e8e8; }

.sub-nav-grand-child { font-size: 12px; font-size: 1.2rem; padding: 0 0 5px; }
.sub-nav-grand-child > li > .sub-nav__inr { padding: 4px 20px 4px 43px; }
.sub-nav-grand-child > li > .sub-nav__inr:before { left: 33px; top: 13px; width: 2px; height: 2px; border-radius: 50%; }
.sub-nav-grand-child > li.is-current > .sub-nav__inr { background-color: #e8e8e8; }

/* sub-cart-total
------------------------------------ */
.sub-cart-total { box-sizing: border-box; padding: 20px 0 10px; margin-bottom: 10px; border-top: 1px solid #ccc; }

.sub-cart-price { display: table; width: 100%; margin-bottom: 5px; }
.sub-cart-price > dt, .sub-cart-price > dd { display: table-cell; font-weight: bold; vertical-align: middle; }
.sub-cart-price > dt { font-size: 14px; font-size: 1.4rem; }
.sub-cart-price > dd { font-size: 18px; font-size: 1.8rem; text-align: right; word-break: break-all; }

.sub-cart-total__point { text-align: right; }

/* sub-price
------------------------------------ */
.sub-price { display: table; margin-bottom: 10px; }

.sub-price__input, .sub-price__to { display: table-cell; }

.sub-price__input { width: 45%; }

.sub-price__input__inr { position: relative; }
.sub-price__input__inr:before { position: absolute; content: "￥"; top: 6px; bottom: 0; left: 5px; }
.sub-price__input__inr input { box-sizing: border-box; width: 100%; border-radius: 3px; padding: 0 10px 0 20px; border: 1px solid #ccc; height: 30px; }

.sub-price__to { width: 10%; text-align: center; }

/* sub-color
------------------------------------ */
.sub-color-select-list { margin: -5px 0 10px -5px; }
.sub-color-select-list:after { display: block; clear: both; content: ""; height: 0.01px; }
.sub-color-select-list > li { float: left; margin: 5px 0 0 5px; }

.sub-color-select-list__inr { box-sizing: border-box; display: block; width: 34px; height: 34px; border-radius: 3px; border: solid 1px #ccc; }
.sub-color-select-list__inr > input { -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.sub-color-select-list__inr.is-active { border: solid 2px #333; }

.sub-color-select-list__inr--01 { background: #f0286e; }

.sub-color-select-list__inr--02 { background: #e61400; }

.sub-color-select-list__inr--03 { background: #ff9650; }

.sub-color-select-list__inr--04 { background: #5ebb83; }

.sub-color-select-list__inr--05 { background: #e3bb57; }

.sub-color-select-list__inr--06 { background: #fff; }

.sub-color-select-list__inr--07 { background: #d6d6d6; }

.sub-color-select-list__inr--08 { background: #a0b9dc; }

.sub-color-select-list__inr--09 { background: #dc82dc; }

.sub-color-select-list__inr--10 { background: #ff82c8; }

.sub-color-select-list__inr--11 { background: #f0d28c; }

.sub-color-select-list__inr--12 { background: #8b4513; }

.sub-color-select-list__inr--13 { background: #ffef40; }

.sub-color-select-list__inr--14 { background: #000000; }

.sub-color-select-list__inr--15 { background: #d2d2d2; }

/* sub-search
------------------------------------ */
.sub-search { float: left; margin-top: 5px; width: 400px; position: relative; margin-left: 320px; }

.sub-search__input { box-sizing: border-box; width: auto; height: 32px; border: solid 1px #ccc; background: #fff; border-radius: 5px; position: relative; line-height: 1; padding: 1px; }
.sub-search__input > input[type="search"] { box-sizing: border-box; position: absolute; top: 2px; left: 2px; padding: 0 10px; width: 150px; height: 28px; border: none; outline: 0; -webkit-appearance: none; box-shadow: none; }

.sub-search__btn { box-sizing: border-box; float: right; display: inline-block; position: absolute; top: 1px; right: 1px; height: 28px; width: auto; overflow: hidden; cursor: pointer; background-color: #333; width: 40px; border-style: solid; border-radius: 0 5px 5px 0; }
.sub-search__btn > input[type="submit"] { display: block; height: 28px; margin: 0; padding: 0 11px; border: none; cursor: pointer; background: none; outline: 0; color: #fff; vertical-align: middle; text-align: center; width: 100%; background: #fff; }
.sub-search__btn > svg { position: absolute; top: 2px; right: 7px; fill: #333; width: 24px; height: 24px; }
.sub-search__btn > svg:hover, .sub-search__btn > svg:active, .sub-search__btn > svg:focus { opacity: .7; }

/* sub-float-widget
------------------------------------ */
.sub-float-widget { width: 230px; }
.sub-float-widget > *:last-child { margin-bottom: 0; }

.main-pos--left .sub-float-widget { width: 300px; }
.main-pos--left .sub-float-widget > *:last-child { margin-bottom: 0; }

.sub .jq-floating-widget.is-floating { position: fixed; top: 20px; }
.sub .jq-floating-widget.is-pinned-bottom { position: absolute; bottom: 0; }

.sub-carriage-info > p { font-size: 11px; font-size: 1.1rem; margin-bottom: 10px; }
.sub-carriage-info > p:last-child { margin-bottom: 0; }

/*	carousel
----------------------------------------------------------- */
/* .jcarousel
------------------------------------ */
.jcarousel-wrapper { position: relative; width: 100%; margin-bottom: 20px; }

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; margin: 0 47px; }

.jcarousel-wrapper--1item .jcarousel { position: relative; overflow: hidden; margin: 0 45px; }

.primary .jcarousel { position: relative; overflow: hidden; margin: 0 40px; }

.jcarousel > ul { width: 200000em; position: relative; list-style: none; margin: 0; padding: 0; }

.jcarousel > ul > li { float: left; }
.jcarousel > ul > li img { max-width: 100%; }

.jcarousel > ul > li > a, .jcarousel > ul > li > span { display: block; }

/** Carousel Controls **/
.jcarousel-control-prev-wrap, .jcarousel-control-next-wrap { position: absolute; top: 0; width: 26px; height: 100%; z-index: 2; display: none; }
.jcarousel-control-prev-wrap a, .jcarousel-control-next-wrap a { position: absolute; top: 0; bottom: 0; margin: auto; width: 26px; height: 48px; display: block; }
.jcarousel-control-prev-wrap a img, .jcarousel-control-next-wrap a img { width: 100%; height: 100%; }
.jcarousel-wrapper.movable .jcarousel-control-prev-wrap, .jcarousel-wrapper.movable .jcarousel-control-next-wrap { display: block; }

.jcarousel-control-prev__icon-arrow { width: 100%; height: 100%; fill: #000; }

.jcarousel-control-prev-wrap { left: 0; }

.jcarousel-control-next-wrap { right: 0; }

.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }

/** indicator **/
.jcarousel-indicator { display: none; text-align: center; letter-spacing: -.40em; margin-top: -5px; }
.jcarousel-indicator > a { display: inline-block; letter-spacing: normal; margin-right: 10px; margin-top: 15px; width: 6px; height: 6px; background: #e1e1e1; border-radius: 50%; }
.jcarousel-indicator > a > span { display: block; width: 1px; height: 1px; overflow: hidden; }
.jcarousel-indicator > a.is-active { background: #acacac; }
.jcarousel-indicator > a:last-child { margin-right: 0; }
.jcarousel-wrapper.movable .jcarousel-indicator { display: block; }

/* .on-arrow */
.row .jcarousel-wrapper--on-arrow .jcarousel, .primary .jcarousel-wrapper--on-arrow .jcarousel { margin-right: 0; margin-left: 0; }
.jcarousel-wrapper--on-arrow .jcarousel-control-prev-wrap { left: 10px; }
.jcarousel-wrapper--on-arrow .jcarousel-control-next-wrap { right: 10px; }

/* product--thumb
------------------------------------ */
.product--thumb > a { text-decoration: none; display: block; }
.product--thumb > a > *:last-child { margin-bottom: 0; }
.product--thumb .inr__wrap-img { text-align: center; margin-bottom: 10px; }
.product--thumb .inr__wrap-img img { border: solid 1px #eee; width: 100%; height: 100%; box-sizing: border-box; aspect-ratio: 200/200; }
.product--thumb .inr__wrap-img [loading="lazy"] { display: block; background: url(/images/common/loading.gif) no-repeat center center; background-size: 25px 25px; }
.product--thumb .product__name, .product--thumb .product__desc { margin-bottom: 0; }
.product--thumb .product__brand { font-size: 11px; font-size: 1.1rem; margin-bottom: 5px; color: #888; }
.product--thumb .product__brand a { color: #888; }
.product--thumb .product__price { font-size: 11px; font-size: 1.1rem; margin-bottom: 5px; }
.product--thumb .product__date { font-size: 12px; font-size: 1.2rem; color: #888; }
.product--thumb .product__rating { margin-bottom: 0; }
.product--thumb .product__ranking-num { font-size: 16px; font-size: 1.6rem; background: #333; width: 30px; height: 30px; color: #fff; display: block; text-align: center; margin-right: 10px; line-height: 1.9; margin: 0 auto 10px; border-radius: 50%; }
.product--thumb .inr__wrap-btn { margin-top: 20px; margin-bottom: 10px; }
.product--thumb .inr__wrap-btn > *:last-child { margin-bottom: 0; }
.product--thumb .product__btn-list { margin-bottom: 5px; display: table; width: 100%; }
.product--thumb .product__btn-list > li { box-sizing: border-box; display: table-cell; width: 55%; }
.product--thumb .product__btn-list > li:first-child { width: 45%; padding-right: 5px; }
.product--thumb .product__btn-list > li > *:last-child { margin-bottom: 0; }
.product--thumb .product__btn-list__select .form-select { margin-bottom: 0; }
.product--thumb .product__btn-list__select .form-select:before { right: 7px; width: 12px; height: 6px; }
.product--thumb .product__btn-list__select .form-select select { font-size: 11px; font-size: 1.1rem; padding: 7px 16px 5px 3px; }
.product--thumb .product__btn-list__btn .btn .btn__inr { font-size: 11px; font-size: 1.1rem; padding-top: 8px; padding-bottom: 7px; }
.product--thumb .product__btn-stock-no { margin-bottom: 5px; }
.product--thumb .product__btn-stock-no .btn__inr { font-size: 11px; font-size: 1.1rem; padding-top: 8px; padding-bottom: 7px; }
.product--thumb > *:last-child { margin-bottom: 0; }

/* .product--thumb-size
------------------------------------ */
.row .product--thumb-size--5col img { width: 170px; height: 170px; }
.row .product--thumb-size--4col img { width: 220px; height: 220px; }
.row .product--thumb-size--2col-rect img { width: 473px; height: 200px; }
.row .product--thumb--bnr .inr__wrap-img img { width: 306px; }

/* product--thumb 画像サイズ固定指定
------------------------------------ */
.row .col.col--5 .product--thumb .inr__wrap-img img { aspect-ratio: 600/600; }

.row .col.col--4 .product--thumb .inr__wrap-img img { width: 220px; height: 220px; }

.row .jcarousel .col.col--5 .product--thumb .inr__wrap-img img { width: 151px; height: 151px; }

.row .jcarousel .col.col--4 .product--thumb .inr__wrap-img img { width: 197px; height: 197px; }

.row .box .jcarousel .col.col--5 .product--thumb .inr__wrap-img img { width: 142px; height: 142px; }

.primary .col.col--4 .product--thumb .inr__wrap-img img { width: 155px; height: 155px; }

.primary .jcarousel .col.col--4 .product--thumb .inr__wrap-img img { width: 143px; height: 143px; }

.product--thumb.product--thumb--logo .inr__wrap-img { box-sizing: border-box; border: solid 1px #eee; position: relative; }
.product--thumb.product--thumb--logo .inr__wrap-img img { position: absolute; border: none; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.row .col.col--4 .product--thumb.product--thumb--logo .inr__wrap-img { width: 222px; height: 102px; }
.row .col.col--4 .product--thumb.product--thumb--logo .inr__wrap-img img { width: auto; height: auto; }
.row .col.col--5 .product--thumb.product--thumb--logo .inr__wrap-img { width: 172px; height: 79px; }
.row .col.col--5 .product--thumb.product--thumb--logo .inr__wrap-img img { width: auto; height: auto; }
.row .col.col--6 .product--thumb.product--thumb--logo .inr__wrap-img { width: 138px; height: 64px; }
.row .col.col--6 .product--thumb.product--thumb--logo .inr__wrap-img img { width: auto; height: auto; }

.row .col.col--6b .product--thumb.product--thumb--logo .inr__wrap-img { width: 138px; height: 64px; }
.row .col.col--6b .product--thumb.product--thumb--logo .inr__wrap-img img { aspect-ratio: 342/150; }

.row .col.col--3 .product--thumb.product--thumb--feature .inr__wrap-img img { width: 304px; height: 192px; }
.row .col.col--5 .product--thumb.product--thumb--feature .inr__wrap-img img { width: 172px; height: 79px; }

.primary .col.col--3 .product--thumb.product--thumb--feature .inr__wrap-img img { width: 218px; height: 101px; }

.row .col.col--5 .product--thumb.product--thumb--recommend .inr__wrap-img img { width: 172px; height: 100px; }

/* product-rating
------------------------------------ */
.product-rating { text-decoration: none; display: block; }
.product-rating .product-rating__reviewer { font-size: 10px; font-size: 1rem; position: relative; display: inline-block; vertical-align: top; padding-left: 87px; color: #fb1; font-weight: bold; line-height: 1; }
.product-rating .product-rating__reviewer:before { position: absolute; display: block; top: -1px; left: 0; width: 84px; height: 12px; background: url(../../images/pc/common/reviewer-star-s.png) no-repeat 0 0; content: ""; }
.product-rating .product-rating__reviewer.rtg-0:before { background-position: -84px 0; }
.product-rating .product-rating__reviewer.rtg-0_5:before { background-position: -84px -14px; }
.product-rating .product-rating__reviewer.rtg-1:before { background-position: -72px 0; }
.product-rating .product-rating__reviewer.rtg-1_5:before { background-position: -72px -14px; }
.product-rating .product-rating__reviewer.rtg-2:before { background-position: -60px 0; }
.product-rating .product-rating__reviewer.rtg-2_5:before { background-position: -60px -14px; }
.product-rating .product-rating__reviewer.rtg-3:before { background-position: -48px 0; }
.product-rating .product-rating__reviewer.rtg-3_5:before { background-position: -48px -14px; }
.product-rating .product-rating__reviewer.rtg-4:before { background-position: -36px 0; }
.product-rating .product-rating__reviewer.rtg-4_5:before { background-position: -36px -14px; }
.product-rating .product-rating__reviewer.rtg-5:before { background-position: -24px 0; }
.product-rating .product-rating__reviewer.rtg-5_5:before { background-position: -24px -14px; }
.product-rating .product-rating__reviewer.rtg-6:before { background-position: -12px 0; }
.product-rating .product-rating__reviewer.rtg-6_5:before { background-position: -12px -14px; }
.product-rating .product-rating__reviewer.rtg-7:before { background-position: 0px 0; }
.product-rating .product-rating__reviewer.rtg-7_5:before { background-position: 0px -14px; }
.product-rating.product-rating--x { font-size: 12px; font-size: 1.2rem; }
.product-rating.product-rating--x .product-rating__reviewer { font-size: 16px; font-size: 1.6rem; padding-left: 130px; display: inline-block; vertical-align: middle; line-height: 1; margin-top: 1px; margin-left: 5px; }
.product-rating.product-rating--x .product-rating__reviewer:before { top: -3px; width: 126px; height: 17px; background: url(../../images/pc/common/reviewer-star-x.png) no-repeat 0 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-0:before { background-position: -126px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-0_5:before { background-position: -126px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-1:before { background-position: -108px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-1_5:before { background-position: -108px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-2:before { background-position: -90px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-2_5:before { background-position: -90px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-3:before { background-position: -72px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-3_5:before { background-position: -72px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-4:before { background-position: -54px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-4_5:before { background-position: -54px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-5:before { background-position: -36px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-5_5:before { background-position: -36px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-6:before { background-position: -18px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-6_5:before { background-position: -18px -21px; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-7:before { background-position: 0px 0; }
.product-rating.product-rating--x .product-rating__reviewer.rtg-7_5:before { background-position: 0px -21px; }
.product-rating.product-rating--x .product-rating__reviewer-more { text-decoration: underline; line-height: 1; }
.product-rating.product-rating--x .product-rating__reviewer--null { margin-left: 5px; }
.product-rating:hover .product-rating__reviewer-more, .product-rating:active .product-rating__reviewer-more, .product-rating:focus .product-rating__reviewer-more { text-decoration: none; }

/* luxe_nl_btn
------------------------------------ */
.luxe_nl_btn { border-top: 1px solid #888; padding-top: 30px; margin-bottom: 30px; }


/* ranking-time
------------------------------------ */
.ranking-time { overflow: hidden; float: right; color: #999; margin-top: -47px; }
.ranking-time > dt { float: left; clear: left; }
.ranking-time > dd { float: left; }

/* TOPbannerarea
------------------------------------ */
.TOPbannerarea { margin-bottom: 40px;}
.TOPbannerarea ul{ display: flex; flex-wrap: wrap; }
.TOPbannerarea ul li{ width: 22%; margin-right: 4%; margin-bottom: 20px; }
.TOPbannerarea ul li a{ text-decoration: none; display: block; }
.TOPbannerarea ul li img{ pointer-events: none; }
.TOPbannerarea ul li:nth-child(4n){ margin-right: 0; }
.TOPbannerarea ul li img { width: 100%; height: 100%; aspect-ratio: 300/300; box-sizing: border-box; border: 1px solid #ccc; }
.TOPbannerarea ul li p.title{ margin-top: 0.5em; }
.TOPbannerarea ul li p.caption{ font-size: 0.9em; margin-top: 0.3em; }
.TOPbannerarea .title{font-weight: bold;}
.TOPbannerarea .TOPbannerarea-button-wrapper { text-align: center; }
.TOPbannerarea .TOPbannerarea-button { display: inline-block; padding: 12px 70px; border: 1px solid #aaa; border-radius: 3px; font-size: 18px; font-weight: bold; text-decoration: none; }

/* pickup brand
------------------------------------ */
.pickupbrand_bnr{
	margin-top: 30px;
	border-top: 1px solid #d8d8d8;
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pickupbrand_bnr li{
	width: 308px;
}
.pickupbrand_bnr li img{
	width: 100%;
	height: 100%;
	aspect-ratio: 540/240;
}
.pickupbrand_bnr li:not(:nth-child(3n)){
	margin-right: 28px;
}
.pickupbrand_bnr li:not(:nth-child(n+3)){
	margin-bottom: 30px;
}

/* ジャンルから探す
----------------------------------------*/
.list_tagsearch {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.list_tagsearch li {
	max-width: 230px;
	margin-right: 20px;
}

.list_tagsearch li:last-child {
	margin-right: 0;
}

.list_tagsearch a {
	display: block;
	padding: 18px 20px;
	background-color: #f5f5f5;
}

.list_tagsearch img {
	width: 100%;
	height: 100%;
	aspect-ratio: 350/180;
}

.list_link_tagserach {
	display: flex;
	justify-content: center;
}

.list_link_tagserach li {
	width: 480px;
	margin-right: 20px;
}

.list_link_tagserach li:last-child {
	margin-right: 0;
}

.link_tagserach a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 62px;
	background-color: #f5f5f5;
	text-decoration: none;
}

.link_tagserach_title {
	font-size: 18px;
	font-weight: bold;
}

.link_tagserach_description {
	margin-right: 10px;
	font-size: 14px;
}

/* staff-review
----------------------------------------*/
.staff-review-list {
	display: flex;
	flex-flow: wrap;
	margin-bottom: 5px;
}
.staff-review-item {
	width: 460px;
	margin-bottom: 25px;
}
.staff-review-item:not(:nth-child(2n)) {
	margin-right: 60px;
}
.staff-review {
	position: relative;
}

.staff-review a {
	display: block;
	text-decoration: none;
}

.staff-review a:hover {
	opacity: .7;
}

.staff-review-about-staff a {
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	width: calc(100% - 106px);
	color: #999;
	font-size: 10px;
	word-break: break-all;
	z-index: 1;
}

.staff-review-about-staff-icon {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	margin-right: 6px;
}

.staff-review-about-staff-icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: url(/images/common/loading.gif) no-repeat center center;
	background-size: 25px 25px;
}

.staff-review-about-staff-name {
	display: -webkit-box;
	flex-grow: 1;
	overflow: hidden;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-size: 12px;
}

.staff-review-contents-comment {
	display: -webkit-box;
	flex-grow: 1;
	overflow: hidden;
	height: 3em;
	margin-right: 10px;
	padding-top: 56px;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-size: 13px;
}

.staff-review-contents a {
	display: flex;
}

.staff-review-contents-image {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	width: 96px;
	height: 96px;
	border: 1px solid #eee;
}

.staff-review-contents-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	backface-visibility: hidden;
	background: url(/images/common/loading.gif) no-repeat center center;
	background-size: 25px 25px;
}

/* hottopics-banner
----------------------------------------*/
.hottopics-banner {
	display: block;
	background: url(/images/common/loading.gif) no-repeat center center;
	background-size: 25px 25px;
}

/* 画像遅延ローディング
----------------------------------------*/
.top-bg-loading {
	display: block;
	background: url(/images/common/loading.gif) no-repeat center center;
	background-size: 25px 25px;
}

/* ブランドから探す
----------------------------------------*/
.banner-list-brandlogo {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin-bottom: 20px;
	gap: 20px 30px;
}
.banner-list-brandlogo li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 64px;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.banner-list-brandlogo li img {
	max-width: 100%;
	aspect-ratio: 342 / 150;
}