@charset "utf-8";
/* CSS Document */



#sort { width: 100%; padding-bottom: 10px; }
/*----------------------------------------------------*/

#sort .select_ranking { width: 100%; padding: 1px 10px 4px; box-sizing: border-box; -webkit-box-sizing: border-box; }
/*----------------------------------------------------*/

#sort .select_term { width: 100%; padding: 1px 10px 4px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#sort .select_term button { -webkit-appearance: none; appearance: none; width: 33.3%; background: #B8B8B8; color: #FFFFFF; border: 1px solid #FFFFFF; height: 42px; text-align: center; font-size: 14px; vertical-align: middle; white-space: nowrap; box-sizing: border-box; -webkit-box-sizing: border-box; }
#sort .select_term button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#sort .select_term button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
#sort .select_term button.selected { background: #000000 }
#sort .select_term button.weekly, #sort .select_term button.monthly28, #sort .select_term button.monthly29, #sort .select_term button.monthly30, #sort .select_term button.monthly31 { background-repeat: no-repeat; background-position: 6px 50%; background-size: 24px 24px; }
#sort .select_term button.weekly { background-image: url(../../../images/sp/pageparts/icon_7_white.png) }
#sort .select_term button.monthly28 { background-image: url(../../../images/sp/pageparts/icon_28_white.png) }
#sort .select_term button.monthly29 { background-image: url(../../../images/sp/pageparts/icon_29_white.png) }
#sort .select_term button.monthly30 { background-image: url(../../../images/sp/pageparts/icon_30_white.png) }
#sort .select_term button.monthly31 { background-image: url(../../../images/sp/pageparts/icon_31_white.png) }
/*----------------------------------------------------*/

#sort .select_image { width: 100%; padding: 1px 10px 4px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#sort .select_image select { height: 40px; }
#sort .select_image button { -webkit-appearance: none; appearance: none; width: 25%; background: #000000; color: #FFFFFF; border: 1px solid #FFFFFF; height: 42px; text-align: center; font-size: 14px; vertical-align: middle; white-space: nowrap; box-sizing: border-box; -webkit-box-sizing: border-box; }
#sort .select_image button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#sort .select_image button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
#sort .select_image button.selected { background: #AE2066 }
/*----------------------------------------------------*/

#list { width: 100%; }
#list .item { width: 100%; position: relative; }
#list .item .profile { width: 100%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#list .item .profile .images { width: 100px; float: left; margin-right: 10px; position: relative; }
#list .item .profile .images .photo img { width: 100%; }
#list .item .profile .images .new { width: 36px; position: absolute; top: 0; right: 0; }
#list .item .profile .images .honjitsu { width: 100px; position: absolute; bottom: 0; right: 0; background: #EA2B5B; color: #FFFFFF; padding: 6px 0; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 1.2rem; }
#list .item .profile .images .manin { width: 100px; position: absolute; bottom: 0; right: 0; background: #000000; color: #e82b88; padding: 6px 0; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 1.2rem; }
#list .item .profile .images .timesale { width: 100px; position: absolute; bottom: 0; right: 0; background: #FFB000; color: #FFF; padding: 6px 0; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 1.2rem; }
#list .item .profile dl { display: block; padding-left: 110px; }
#list .item .profile dt h2 { font-size: 1.4rem; }
#list .item .profile dt h2 span { background: #000000; display: inline-block; padding: 4px; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 4px; color: #FFFFFF }
#list .item .profile dt h2 span img { vertical-align: -4px; margin-right: 4px; }
#list .item .profile dt h2 span.rank1 { background: #9E911B; }
#list .item .profile dt h2 span.rank2 { background: #909090; }
#list .item .profile dt h2 span.rank3 { background: #A27300; }
#list .item .profile dt { background: url(../../../images/sp/pageparts/blt_arrow_gray.png) no-repeat right center; padding-right: 30px; }
#list .item .profile dt, #list .item dd { margin: 4px 0; }
#list .item a dd { color: #666666; }
#list .item a dd.kodawari { color: #ae2066 }

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

/*#list .item .photo li { position: absolute; bottom: 0; left: 0; }*/
/*#list .item .photo li img { width: 100% }*/