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

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

#sort .hit { float: right; margin: 14.5px 10px 0 0 }
#sort .hit em { font-weight: bold; color: #EA2B5B; font-size: 1.4rem; }
/*----------------------------------------------------*/

#sort dl.criteria { display: block; padding: 1px 10px 10px; }
#sort dl.criteria dt, #sort dl.criteria dd { display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
line-height: 1.2; margin: 1px; }
#sort dl.criteria dt { padding: 2px 6px; }
#sort dl.criteria dd { border-radius: 9px; -webkit-border-radius: 9px; background: #EA2B5B; color: #FFFFFF; padding: 2px 6px; font-weight: bold; }
/*----------------------------------------------------*/

#sort .select_day { width: 100%; padding: 1px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#sort .select_day select{ height:40px;}
#sort .select_day 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_day 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_day 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_day button.selected { background: #AE2066 }
/*----------------------------------------------------*/

#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 }
/*----------------------------------------------------*/

#sort .select_type { width: 100%; padding: 1px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#sort .select_type select { -webkit-appearance: none; appearance: none; background: #000000 url(../../images/sp/search/blt_select_arrow.png) no-repeat right 4px center; width: 50%; border: 1px solid #FFFFFF; height: 42px; box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFFFFF; font-size: 14px; border-radius: 0px; -webkit-border-radius: 0px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; margin: 0; font-size: 1.4rem; white-space: nowrap; }
#sort .select_type .tile, #sort .select_type .list { -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_type .tile { background: #b8b8b8 url(../../images/sp/search/bg_tile.png) no-repeat center center; text-indent: -9999px; }
#sort .select_type .list { border-top-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; background: #b8b8b8 url(../../images/sp/search/bg_list.png) no-repeat center center; text-indent: -9999px; }
#sort .select_type button.selected { background-color: #000000 }
/*----------------------------------------------------*/

#tile { width: 100%; }
#tile .item { width: 50%; padding: 0 1px 2px 0; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; position: relative; }
#tile .item:nth-child(2n) { padding: 0 0 2px 1px; }
#tile .item ul.photo { display: block; }
#tile .item ul.photo img { width: 100%; }
#tile .item dl { display: block; position: absolute; background: rgba(255, 255, 255, 0.75); bottom: 2px; left: 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 8px; }
#tile .item dl dt, #tile .item dl dd { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tile .item dl dt h2 { font-size: 1.4rem; display: inline; }
#tile .item .new { width: 36px; position: absolute; top: 0; right: 0; }
#tile .item:nth-child(odd) .new { right: 1px; }
#tile .item dd.honjitsu { background: #EA2B5B; color: #FFFFFF; padding: 6px 0; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; margin: -8px -8px 10px -8px; position: relative; width: auto; overflow: visible; }
#tile .item:nth-child(odd) dd.honjitsu { box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #FFFFFF }
#tile .item:nth-child(even) dd.honjitsu { box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #FFFFFF }
#tile .item dd.manin { background: #000000; color: #e82b88; padding: 6px 0; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; margin: -8px -8px 10px -8px; position: relative; width: auto; overflow: visible; }
#tile .item:nth-child(odd) dd.manin { box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #FFFFFF }
#tile .item:nth-child(even) dd.manin { box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #FFFFFF }
#tile .item .bubble { width: 10px; height: 6px; position: absolute; bottom: 0px; left: 50%; margin-left: -3px; display: block; }
#tile .item dl dt { font-size: 1.4rem; color: #e82b88; font-weight: bold; margin: 4px 0; }
#tile .item dl dd { font-size: 1.2rem; margin: 4px 0 }
#tile .item a dl dd { color: #555555; }
#tile .item a dl dd span { color: #e82b88; font-weight: bold; }
#tile .item a dl dd.kodawari { color: #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; font-weight: bold; }
#list .item .profile dl { display: block; padding-left: 110px; }
#list .item .profile dt h2 { font-size: 1.4rem; }
#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 span { color: #BED19A; font-weight: bold; }
#list .item a dd.kodawari { color: #ae2066 }
/*----------------------------------------------------*/

.title.page { background: #FFFFFF }
.hit_fixed { display: inline-block; background: #CE79A3; position: fixed; right: 0; top: 111px; color: #FFFFFF; line-height: 32px; padding: 1px 10px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; -webkit-border-top-left-radius: 16px; -webkit-border-bottom-left-radius: 16px; z-index: 1000 ;box-shadow:2px 2px 1px 0px rgba(0, 0, 0, 0.5);}
.hit_fixed em { font-weight: bold; font-size: 1.4rem }
/*----------------------------------------------------*/

#search { width: 100%; padding: 10px; }
#search .name_search { width: 100%; position: relative; }
#search .name_search input[type=text] { width: 100%; padding-right: 30px; }
#search .name_search button { width: 30px; height: 30px; background: #000000; border: none; position: absolute; top: 50%; right: 0; margin-top: -15px; padding: 0; }
#search h2 { font-size: 1.2rem; font-weight: bold; margin: 10px 0 5px; }

#search .set_icon{ width:100%; position:relative; padding-left:50px;box-sizing: border-box;-webkit-box-sizing: border-box; min-height:40px;}
#search .set_icon span { background:#000000; display:block; width:40px; height:40px; position:absolute; top:-5px; left:0;}


#search fieldset.kodawari select { width: 49%; float: left; margin-right: 1%; }
#search fieldset.kodawari select:nth-child(even) { margin-right: 0; margin-left: 1%; }
#search fieldset.msearch { line-height: 24px; font-weight: bold; }
#search fieldset.msearch img { float: right; }

#search.maniac select{ background-color:#8D378B; border:1px solid #8D378B}


#search select { background: #B8B8B8; border-color:#BDBDBD}
#search select.aru { background-color: #000000; color:#FFFFFF; }

button.reset { -webkit-appearance: none; appearance: none; -webkit-appearance: button; appearance: button; font-size: 15px; background: #B8B8B8 10px 50% no-repeat; background-size: 24px 24px; font-weight: bold; color: #FFFFFF; text-align: center; width: 100%; border: none; border-radius: 4px; -webkit-border-radius: 4px; padding: 14px 60px; margin-top: 10px; overflow: hidden; white-space: nowrap; }

#search .search-day label:first-child { width: 99%; margin-left: 1%; }