/* ----------------------------------------------------------------------
	
	JRAカード・ポイントプログラム
    ポイントプログラム交換グッズ
	
---------------------------------------------------------------------- */

.goods_list { margin-top: 30px; }

.goods_list ul.data_line_list.wide > li .data_list_unit > div.head { font-size: 1.6rem; }

.goods_list ul.data_line_list.wide > li .data_list_unit > div.head span {
    font-size: 1rem;
    display: block;
    line-height: 1.3;
}

.goods_list ul.data_line_list > li .data_list_unit > div.content > .lv6 > span {
    background-color: #268300;
    color: #fff;
    padding: 4px 6px 3px 6px;
    border-radius: 2px;
    margin-right: 0.5em;
    font-size: 1rem;
    vertical-align: middle;
}

.goods_list ul.data_line_list > li .data_list_unit > div.content .grid {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell {
    display: table-cell;
    vertical-align: middle;
}

.goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell.img {
    width: 180px;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
}

.goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell.img img {
    vertical-align: top;
    max-width: 160px;
}

.goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell.txt {
    padding-left: 20px;
    vertical-align: top;
    /*font-size: 1.2rem;*/
}




/*
.list_cat > .sub_header.lg { font-size: 1.1rem; }
.list_cat > .sub_header.lg > strong { font-size: 1.4rem; }


.list_cat ul.data_line_list.wide > li .data_list_unit > div.head { font-size: 1.6rem; }

.list_cat ul.data_line_list.wide > li .data_list_unit > div.head span {
    font-size: 1rem;
    display: block;
    line-height: 1.3;
}

.list_cat ul.data_line_list > li .data_list_unit > div.content > .lv6 > span {
    background-color: #268300;
    color: #fff;
    padding: 4px 6px 3px 6px;
    border-radius: 2px;
    margin-right: 0.5em;
    font-size: 1rem;
    vertical-align: middle;
}

.list_cat ul.data_line_list > li .data_list_unit > div.content .grid {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell {
    display: table-cell;
    vertical-align: middle;
}

.list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell.img {
    width: 180px;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
}

.list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell.img img {
    vertical-align: top;
}

.list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell.txt {
    padding-left: 20px;
    vertical-align: top;
    font-size: 1.2rem;
}
*/


/* ------------------------------------------------------------

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
    
}

/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    /*
    #goods > .content > div.nav.pills {
        display: block;
        font-size: 0;
    }
    
    #goods > .content > div.nav.pills > div {
        display: inline-block;
        font-size: 1.3rem;
        width: 33.33%;
    }*/
    
}

/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
    /*
    #goods > .content > div.nav.pills > div { width: 50%; }
    
    .list_cat ul.data_line_list.wide > li .data_list_unit > div.head span {
        display: inline;
        margin-left: 0.3em;
    }
    */
    
    .goods_list ul.data_line_list.wide > li .data_list_unit > div.head span {
        display: inline;
        margin-left: 0.3em;
    }
}

/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    /*
    #goods > .content > div.nav.pills > div {
        width: 100%;
        display: block;
    }
    
    
    .list_cat ul.data_line_list > li .data_list_unit > div.content .grid {
        display: block;
    }
    
    .list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell {
        display: block;
    }
    
    .list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell.img {
        width: auto;
        padding: 10px;
    }
    
    .list_cat ul.data_line_list > li .data_list_unit > div.content .grid > .cell.txt {
        padding-left: 0;
        margin-top: 10px;
    }
    */
    
    
    .goods_list ul.data_line_list > li .data_list_unit > div.content .grid {
        display: block;
    }
    
    .goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell {
        display: block;
    }
    
    .goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell.img {
        width: auto;
        padding: 10px;
    }
    
    .goods_list ul.data_line_list > li .data_list_unit > div.content .grid > .cell.txt {
        padding-left: 0;
        margin-top: 10px;
    }
    
}

/* ------------------------------------------------------------

	374px以下

------------------------------------------------------------ */
@media screen and ( max-width : 374px ) {
    
    
}

/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
    
}