.pcbr { display:block; }
.spbr { display:inline; }

#contents .product_right h3.mt { font-size: 4.5em; line-height: 1em; margin-bottom: 0.2em; margin-top: 0px; }
#contents .product_right .name.mt { font-size: 2.4em; line-height: 1.4em; margin-bottom: 0.3em; }

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

.pcbr { display:inline; }
.spbr { display:block; }
#contents .product_right h3.mt { font-size: 3.4em; line-height: 1.2em; margin-bottom: 0.4em; }
#contents .product_right .name.mt { font-size: 1.4em; line-height: 1em; margin-bottom: 1.5em; }

}

/* reviews（商品レビュー） 20260703 */
#contents .reviews { margin-bottom: 6em; overflow: hidden; }
#contents .reviews .other.title { width: 100%; font-size: 3em; margin-bottom: 1em; }
#contents .reviews .other.title span { font-size: 0.5em; float: right; }
#contents .reviews .review_stars { position: relative; display: inline-block; font-size: 1.5em; line-height: 1em; color: #CCC; vertical-align: middle; }
#contents .reviews .review_stars .review_stars_fill { position: absolute; top: 0; left: 0; width: 0; overflow: hidden; white-space: nowrap; color: #D1101A; }
#contents .reviews .review_list { margin: 0; padding: 0; }
#contents .reviews .review_item { list-style: none; background-color: #F4F4F4; border-radius: 0.5em; -webkit-border-radius: 0.5em; padding: 2em; margin-bottom: 1.5em; }
#contents .reviews .review_head { margin-bottom: 1em; }
#contents .reviews .review_meta { display: inline-block; margin: 0 0 0 1.5em; padding: 0; vertical-align: middle; }
#contents .reviews .review_meta li { display: inline-block; list-style: none; font-size: 0.95em; letter-spacing: 0.04em; }
#contents .reviews .review_meta li + li:before { content: "｜"; padding: 0 0.8em; }
#contents .reviews .review_ttl { font-size: 1.3em; line-height: 1.5em; margin: 0 0 0.5em 0; }
#contents .reviews .review_comment { font-size: 1.1em; line-height: 1.9em; margin: 0; text-align: justify; }
#contents .reviews .review_comment br,
#contents .reviews .review_res p br { display: none; }
#contents .reviews .review_photo { margin-top: 1.5em; }
#contents .reviews .review_photo img { max-width: 200px; width: 30%; height: auto; }
#contents .reviews .review_res { background-color: #FFF; border-radius: 0.5em; -webkit-border-radius: 0.5em; padding: 1.5em; margin-top: 1.5em; }
#contents .reviews .review_res h5 { font-size: 1em; margin: 0 0 0.5em 0; }
#contents .reviews .review_res p { font-size: 1em; line-height: 1.8em; margin: 0; }
#contents .reviews .review_res .review_res_date { font-size: 0.9em; }
#contents .reviews .review_none { text-align: center; font-size: 1.1em; line-height: 1.9em; margin: 0; }
#contents .reviews .review_btns { text-align: center; margin-top: 3em; }
#contents .reviews .review_btn { display: inline-block; border: 2px solid #333; color: #333; background-color: #FFF; text-decoration: none; font-size: 1.1em; line-height: 1em; letter-spacing: 0.1em; padding: 1em 2.5em; margin: 0 0.5em 1em 0.5em; }
#contents .reviews .review_btn:hover { background-color: #333; color: #FFF; }

/* ranking_list（売れ筋ランキング）・recommend_list（おすすめ商品） 20260703 */
#contents .ranking_list,
#contents .recommend_list { margin-bottom: 6em; clear: both; }
#contents .ranking_list .other.title,
#contents .recommend_list .other.title { width: 100%; font-size: 3em; margin-bottom: 1em; }
#contents .ranking_list .other.title span,
#contents .recommend_list .other.title span { font-size: 0.5em; float: right; }
#contents .ranking_list ul,
#contents .recommend_list ul { display: flex; flex-wrap: wrap; gap: 3em 2%; margin: 0; padding: 0; }
#contents .ranking_list li,
#contents .recommend_list li { width: 23.5%; list-style: none; position: relative; margin: 0; float: none; }
#contents .ranking_list li a,
#contents .recommend_list li a { display: block; color: #333; text-decoration: none; }
#contents .ranking_list li dl,
#contents .recommend_list li dl { margin: 0; }
#contents .ranking_list li dt.thumb img,
#contents .recommend_list li dt.thumb img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
#contents .ranking_list li dt.thumb .noimg,
#contents .recommend_list li dt.thumb .noimg { display: block; width: 100%; aspect-ratio: 4 / 3; background: #EEE; }
#contents .ranking_list li dd.title,
#contents .recommend_list li dd.title { font-size: 1.1em; line-height: 1.6em; margin: 0.8em 0 0.3em 0; float: none; }
#contents .ranking_list li dd.item_price,
#contents .recommend_list li dd.item_price { font-size: 0.95em; line-height: 1.4em; margin: 0; }
#contents .ranking_list .rank_num { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; top: -0.7em; left: -0.7em; z-index: 7; width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; vertical-align: middle; background-color: #333; color: #FFF; font-size: 1.1em; letter-spacing: 0em; }
#contents .ranking_list .rank_num.rank_1 { background-color: #D1101A; }

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

#contents .reviews { width: 84%; margin-right: auto; margin-left: auto; }
#contents .ranking_list,
#contents .recommend_list { width: 100%; }
#contents .ranking_list .other.title,
#contents .recommend_list .other.title { width: 84%; margin-right: auto; margin-left: auto; }
#contents .reviews .other.title,
#contents .ranking_list .other.title,
#contents .recommend_list .other.title { font-size: 2.3em; }
#contents .reviews .other.title span,
#contents .ranking_list .other.title span,
#contents .recommend_list .other.title span { float: none; display: block; }
#contents .reviews .review_meta { display: block; margin: 0.8em 0 0 0; }
#contents .reviews .review_btn { line-height: 1.5em; padding: 0.8em 1.5em; }
#contents .ranking_list ul,
#contents .recommend_list ul { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; gap: 0 4%; padding: 0 0 0.5em 8%; scroll-padding-left: 8%; scrollbar-width: none; }
#contents .ranking_list ul::-webkit-scrollbar,
#contents .recommend_list ul::-webkit-scrollbar { display: none; }
#contents .ranking_list ul { padding-top: 1.2em; margin-top: -1.2em; }
#contents .ranking_list li,
#contents .recommend_list li { width: 65%; flex: 0 0 65%; scroll-snap-align: start; }
#contents .ranking_list li:last-child,
#contents .recommend_list li:last-child { margin-right: 8%; }

}