/********** (共通) Product **********/
ul.small{
}
ul.small-products li.product{
    width: 225px;
    margin: 0px 10px 10px;
    min-height: 430px;
}

.Related_products_character ul.small-products li.product, .Related_products_title ul.small-products li.product{
    width: 200px;
    margin: 0px 10px 10px;
    min-height: 370px;
}

ul.small-products li.product .product-image{
      margin-bottom: 5px;
}
ul.small-products li.product .product-image a{
}
ul.small-products li.product .product-image a img{
}
ul.small-products li.product .product-ranking{
    margin-top: 10px;
    margin-bottom: 10px;
}
ul.small-products li.product .ranking_order{
    font-size: 10px;
    font-weight: normal;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 12px;
    padding: 5px;
    text-align: center;
}
ul.small-products li.product .ranking_order.ranking-1{
    background-color: #FF9933;
    color: #FFF;
    border: 1px solid #FF9933;
}
ul.small-products li.product .ranking_order.ranking-2{
    background-color: #A6A6A6;
    color: #FFF;
    border: 1px solid #A6A6A6;
}
ul.small-products li.product .ranking_order.ranking-3{
    background-color: #CC9952;
    color: #FFF;
    border: 1px solid #CC9952;
}
ul.small-products li.product .ranking_order.ranking-ov{
    color: #313131;
    border: 1px solid #333333;
}
ul.small-products li.product a{
    text-decoration: none;
    color: #313131;
}
ul.small-products li.product .game-title{
    font-size: 11px;
    margin-bottom: 0px;
    color: #919191;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.small-products li.product .product-title{
    font-size: 16px;
    margin-bottom: 10px;
    height: 42px;
    overflow: hidden;
}
ul.small-products li.product .product-type{
    text-align: center;
}
ul.small-products li.product .product-type span{
    border: solid 1px #acacac;
    padding: 1px 3px;
    margin: 0 2px;
    border-radius: 5px;
}
ul.small-products li.product .product-price{
    text-align: left;
    font-weight: bold;
    margin-bottom: 0px;
}
ul.small-products li.product .product-price {
    font-size: 24px;
}
ul.small-products li.product .product-price .price-en{
    font-size: 16px;
}
ul.small-products li.product .product-price .price-taxstring{
    font-size: 12px;
    font-weight: normal;
}
ul.small-products li.product .product-tags{
    word-wrap: anywhere;
    flex-wrap: wrap;
    display: flex;
}
ul.small-products li.product .product-tags a{
    margin: 0 3px 2px 0px;
}
ul.small-products li.product .product-tags .product-tag{
    background-color: #999;
    padding: 5px 9px;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    display: block;
}
ul.small-products li.product .product-view{
    text-align: center;
    margin: 5px 0;
}
ul.small-products li.product .product-view a{
    background-color: rgb(255, 218, 48);
    padding: 10px 0;
    border-radius: 5px;
    color: #000;
    width: 100%;
    display: block;
}
ul.small-products li.product .product-view button.link-basket{
    background-color: #ff9933;
    border: none;
    color: #000;
    font-weight: normal;
    width: 100%;
    line-height: 2.2rem;
    padding: 7px 15px;
}
ul.small-products li.product .product-view button.link-detail{
    background-color: #ffda30;
    border: none;
    color: #000;
    font-weight: normal;
    width: 100%;
    line-height: 2.2rem;
    padding: 7px 15px;
}
ul.small-products li.product .product-view button.link-nostock{
    background-color: #f2f4f5;
    border: none;
    color: #939393;
    font-weight: normal;
    width: 100%;
    line-height: 2.2rem;
    padding: 7px 15px;
    pointer-events: none;
}
ul.small-products li.product .del-favorite{
    text-align: center;
    margin: 5px 0;
}
ul.small-products li.product .del-favorite a{
    color: #1979c3;
    text-decoration: underline;
}


#id_game_character_list {
    word-wrap: anywhere;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 30px;
}

#id_game_character_list a {
    margin: 0 7px 7px 0;
}

#id_game_character_list a span {
    background-color: #999;
    padding: 5px 9px;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    display: block;
}



#topList {
    width: 100%;
    /*
    margin-left: 15px;
    margin-right: 15px;
    */
}
#topList .topSaleRanking {
    margin-top: 10px;
    padding-top: 5px;
    /*border-top: 8px solid #eee;*/
    border-bottom: 8px solid #eee;
    background: #fff;
}

#topList .topSaleRanking h2{
    font-size: 24px;
    font-weight: bold;
}

#topList .topSaleRanking .more{
    text-align: center;
    padding-right: 10px;
    margin-top: -40px;
    margin-left: -450px;
}

#topList .top-section {
    margin-top: 10px;
    padding-top: 5px;
    border-bottom: 8px solid #eee;
    background: #fff;
}
#topList .top-section .top-section-head {
    margin-top: 25px;
}
#topList .top-section .top-section-head h2 {
    display: inline;
    font-size: 24px;
    font-weight: bold;
}
#topList .top-section .top-section-head .more {
    display: inline;
    margin-left: 50px;
}
#topList .top-section ul.small-products li.product {
    width: 180px;
    margin: 0px 12px 0px 10px;
    min-height: 260px;
}

/********** 左エリアのリスト表示 **********/
#topList .category-image{
    text-align: center;
    margin: 0 0 30px 0;
}
#topList ul.small-products {
    list-style-type: none;
    margin: 10px 4px 12px 4px;
    padding: 0 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#topList ul.small-products li.product{
        width:225px;
}
#topList .topSaleRanking ul.small-products li.product, #topList .topSaleRanking ul.small-products li.product{
    width: 180px;
    margin: 0px 12px 0px 10px;
    min-height: 270px;
}

#topList .topSaleRanking .rank {
    height: 24px;
    margin: 10px 0 ;
}
#topList .topSaleRanking .rank .rank1 {
    width: 16px;
    height: 16px;
    background: #ff9933;
    border: 1px solid #ff9933;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 2px;
}
#topList .topSaleRanking .rank .rank2 {
    width: 16px;
    height: 16px;
    background: #a6a6a6;
    border: 1px solid #a6a6a6;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 2px;
}
#topList .topSaleRanking .rank .rank3 {
    width: 16px;
    height: 16px;
    background: #cc9952;
    border: 1px solid #cc9952;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    padding: 2px;
}
#topList .topSaleRanking .rank4-10 {
    width: 16px;
    height: 16px;
    /*background: #C8C8C8CC;*/
    border: 1px solid #333333;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #333;
    padding: 2px;
}

#topList .bestSeller {
    border-bottom: 8px solid #eee;
    background: #fff;
    padding-top: 10px;
}

#topList .bestSeller h2{
    font-size: 24px;
    font-weight: bold;
}

#topList .bestSeller .more{
    text-align: center;
    padding-right: 10px;
    margin-top: -40px;
    margin-left: -550px;
}
#topList .bestSeller ul.small-products li.product, #topList .bestSeller ul.small-products li.product{
    width: 180px;
    margin: 0px 12px 0px 10px;
    min-height: 260px;
}


#topList ul.small-products li.product .YEN_SIGN {
    font-size: 18px;
    vertical-align: text-top;
}




/** 202501 クーポン表示用リストページcss **/

ul.small-products li.product .product-image {
    position: relative;
}
ul.small-products li.product .list-coupon {
    position: relative;
    width: 100%;
    height: 20px;
    text-align: left;
}
ul.small-products li.product .couponbox {
    position: absolute;
    top: -25px;
    left: 0;
    /*width: 80%;*/
    background: #6ac640;
    padding: 3px 14px;
    text-align: center;
    opacity: 0.90;
}
ul.small-products li.product .coupontxt {
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    opacity: 1.0;
}
ul.small-products li.product .rank {
    position: relative;
    top: -25px;
    height: 24px;
    margin: 10px 0 ;
}
ul.small-products li.product .product-ranking {
    position: relative;
    top: -25px;
}
ul.small-products li.product .game-title {
    position: relative;
    top: -20px;
}
ul.small-products li.product .product-title {
    position: relative;
    top: -20px;
}
ul.small-products li.product .product-price {
    position: relative;
    top: -20px;
}
ul.small-products li.product .product-price .price-taxstring {
    color: #777777;
}
ul.small-products li.product .product-view {
    position: relative;
    top: -20px;
}



/** 202501 クーポン表示用末端ページcss **/

.product-info .product-coupon {
    width: 100%;
    margin-bottom: 20px;
}
.product-info .couponbox {
    background: #6ac640;
    padding: 6px 5px;
    text-align: center;
    border: solid 1px #6ac640;
    border-radius: 3px;
}
.product-info .couponbox a {
    /*text-decoration: underline #ffffff;*/
}
.product-info .couponbox a:hover {
    opacity: 0.8;
}
.product-info .couponbox .coupontxt {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color: #ffffff;
}

.product-info .couponbox .uline {
    padding-left: 10px;
    text-decoration: underline #ffffff;
}

.Related_products_character ul.small-products li.product .game-title, .Related_products_title ul.small-products li.product .game-title {
    font-size: 11px;
    margin-bottom: 2px;
    line-height: 15px;
}

.Related_products_character ul.small-products li.product .product-title, .Related_products_title ul.small-products li.product .product-title {
    font-size: 15px;
    margin-bottom: 1px;
    line-height: 19px;
    height: 36px;
}

.Related_products_character ul.small-products li.product .product-price, .Related_products_title ul.small-products li.product .product-price {
    font-size: 21px;
    height: 26px;
}

.Related_products_character ul.small-products li.product .product-price .price-taxstring, .Related_products_title ul.small-products li.product .price-taxstring {
    font-size: 10px;
    font-weight: normal;
}
/* お気に入りページ専用のスタイル - PC版 */
.favorite-page-products li.product {
    margin-bottom: 25px;
    padding-bottom: 40px;
}

/* 商品タイトルと属性タグの間隔を詰める */
.favorite-page-products li.product .product-title {
    margin-bottom: 6px;
    height: 42px;
    overflow: hidden;
}

/* 属性タグのスタイリング改善 */
.favorite-page-products li.product .product-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
    margin: -22px 0 26px 0;
    min-height: 26px;
}

/* タグ内のテキストスタイル調整 */
.favorite-page-products li.product .product-type span {
    border: solid 1px #acacac;
    padding: 2px 8px;
    margin: 0;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.2;
    color: #313131;
    height: 22px;
}

/* 価格の位置調整 */
.favorite-page-products li.product .product-price {
    margin-top: 0;
    margin-bottom: 10px;
}

/* ボタン・アクション部分の調整 */
.favorite-page-products li.product .product-view {
    margin: 10px 0;
}

/* 削除リンクの調整 */
.favorite-page-products li.product .del-favorite {
    text-align: center;
    margin: 5px 0 22px;
}

.favorite-page-products li.product .del-favorite a {
    color: #1979c3;
    text-decoration: underline;
    font-size: 12px;
    padding: 3px 8px;
    display: inline-block;
}