@charset "UTF-8";
/* category.css */
body { margin: 0 auto; max-width: 1290px; }

h1 { font-size: 32px; max-height: 270px; overflow-y: hidden; margin: 10px 0; }
h1 img { height: 100%; }

#category-wrap { /*ページデザイン*/ /* 商品の値段表示 */ /* review */ /* pager */ }
#category-wrap h2 { font-size: 20px; margin: 30px 0 10px; }
#category-wrap #category-h2text { font-size: 14px; }
#category-wrap #category-h2text p { line-height: 160%; margin: 10px 0 0; }
#category-wrap #category-h2text p.first-of-type { margin: 0; }
#category-wrap #recommends { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-around; max-height: 328px; overflow: hidden; }
#category-wrap #recommends #recommends-itm { display: inline-block; margin-bottom: 10px; margin: 8px 20px; width: 162px; }
#category-wrap #recommends #recommends-itm:hover { opacity: 0.5; }
#category-wrap #recommends #recommends-itm #recommends-itm-up { border: 1px solid lightgray; border-width: 1px 1px 0; }
#category-wrap #recommends #recommends-itm #recommends-itm-lw { background: forestgreen; font-size: 14px; line-height: 2em; text-align: center; }
#category-wrap #recommends #recommends-itm #recommends-itm-lw a { color: white; display: block; text-decoration: none; }
#category-wrap .option-content { font-size: 14px; }
#category-wrap .listing { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 4px; }
#category-wrap .top_off { border: 1px solid lightgray; min-height: 228px; padding: 5px 4px; position: relative; text-align: left; width: 284px; }
#category-wrap .top_off > a:first-child { display: inline-block; width: 140px; aspect-ratio: 1; position: absolute; }
#category-wrap .top_off > a:first-child:hover { opacity: 0.5; }
#category-wrap .top_off > a:first-child .item-img { display: inline-block; width: 100%; }
#category-wrap .top_off:hover { background-color: #FFFFD5; }
#category-wrap .top_off p { margin: 3px 3px; padding: 0; }
#category-wrap .top_off .text-space { margin: 0; margin-left: 142px; min-height: 142px; }
#category-wrap .top_off .text-space .text-upper { overflow-y: hidden; }
#category-wrap .top_off .text-space .review { text-align: center; }
#category-wrap .top_off .text-space .review a { text-decoration: none; }
#category-wrap .top_off .price-list { font-family: Arial, sans-serif; padding-left: 5px; }
#category-wrap .top_off .price-list table td { line-height: 1.2em; padding: 5px 0; }
#category-wrap .top_off .price-list .name { display: block; max-width: 160px; padding-right: 5px; }
#category-wrap .top_off .price-list .title { color: brown; display: block; font-weight: bold; margin-left: -5px; }
#category-wrap .top_off .price-list .price { display: inline-block; min-width: 50px; }
#category-wrap .top_off .price-list del { display: inline-block; width: 50px; }
#category-wrap .page_split { clear: left; font-size: 120%; font-weight: normal; margin-bottom: 0.5em; }
#category-wrap .normalprice { text-decoration: line-through; }
#category-wrap .productPrice, #category-wrap .productSalePrice, #category-wrap .stockWarning, #category-wrap .coming { color: #ff0000; font-weight: bold; }
#category-wrap .productSpecialPriceSale { color: #ff0000; text-decoration: line-through; }
#category-wrap .review { font-size: 90%; }
#category-wrap .review-title { color: #CC6600; font-weight: bold; }
#category-wrap .pager { background: whitesmoke; margin: 10px 0; padding: 4px; }
#category-wrap .pager .pager-page, #category-wrap .pager .pager-prev, #category-wrap .pager .pager-next { font-size: 16px; margin: 7px; }
#category-wrap .pager .pager-first, #category-wrap .pager .pager-last { display: none; }
#category-wrap .ranking-list-wrap .item-scroll-list { flex-wrap: nowrap; margin: 0 25px; overflow-x: initial; }
#category-wrap .ranking-list-wrap .item-scroll-list .slick-track { display: flex; }
#category-wrap .ranking-list-wrap .item-scroll-list .slick-track .slick-slide { height: auto !important; }
#category-wrap .ranking-list-wrap .item-scroll-list .box { display: inline-block; width: 150px; }
#category-wrap .ranking-list-wrap .item-scroll-list .box .round-box { display: inline-block; margin: 0 5px; width: auto; }
#category-wrap #youtube > li { display:inline-block; width:49%; vertical-align:top; }