@charset "utf-8";


/*
-----------------------------------------------
www.suruga-ya.jp search result style

Version: 1.0
Creat :2016.01.19
----------------------------------------------- 
*/


#search_header,
#search_header form input,
#search_header form select,
#search_result,
#pager{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#search_header form input,
#search_header form select {
	font-size: 12px;
}
#search_header a,
#search_result a,
#pager a {
	color: #0E83CD;
	text-decoration: none;
}
#search_header a:hover,
#search_result a:hover,
#pager a:hover {
    color: #1D30F9;
    text-decoration: none;
} 

/* search header
----------------------------------------------- */

#search_header {
	font-size: 12px;
}

/* search option (該当件数・リスト内検索)  */


#search_header .search_option {
	height: 44px;
    width: 100%;
    float: left;
}


/* 左サイド */

#search_header .hit {
	float: left;
	margin: 12px 0px 0px 0px;
}


/* 右サイド */

#search_header .search_box {
	float: right;
}
#search_txt {
	margin: 6px 6px 0px 0px;
    padding: 2px 5px 2px 10px;
    line-height: 19px;
    height: 18px;
    width: 210px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    position: relative;
    text-decoration: none;
}

/* display option (アダルト・品切れ・並び順・レイアウト)  */

#search_header .display_option {
	border-top: 1px solid #DDDDDD;
	padding: 10px 0px;
	clear: both;
}

/* 左サイド */

#search_header .result_option {
	float: left;
	list-style: none;
}
#search_header .result_option li{
	float: left;
	margin: 0px 20px 0px 0px;
	line-height: 2.4;
}

/* 右サイド */

#search_header .result_layout {
	float: right;
	list-style: none;
}
#search_header .result_layout li{
    display: inline-block;
}

/* リスト表示 */

#search_header .layout_list {
	padding: 0px 10px;
	border-right: 1px solid #DDDDDD;
}

/* グリッド表示 */

#search_header .layout_grid {
	padding: 0px 10px 0px 10px;
}


/* search result (default layout)
----------------------------------------------- */

.list_style .item_box {
	width: 100%;
	border-collapse: collapse;
	clear: both;
}
.list_style .item_box p {
    margin: 0px;
}
.list_style .item {
	display: table;
	border-bottom: 1px solid #CCCCCC;
}
.list_style .last_item {
	border-bottom: none;
}


/* 商品画像 */

.list_style .photo_box {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding: 10px 20px 10px 0px;
}
.list_style .photo_box .thum {
	width: 130px;
}
.list_style .photo_box img{
	max-width: 130px;
	max-height: 130px;
}

/* 商品情報 */

.list_style .item_detail {
	width: 100%;
	display: table-cell;
	vertical-align: top;
	padding: 10px 0px;
}

.list_style .title {
	font-size: 14px !important;
	line-height: 1.5 !important;
	margin: 4px 0px !important;
}
.list_style .condition,
.list_style .maker,
.list_style .release_date {
	font-size: 12px !important;
	line-height: 1.5 !important;
	margin: 4px 0px !important;
}

/* 価格 */

.list_style .item_price {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 20px;
}
.list_style .price {
	width: 120px;
	color:#F70307;
	text-align: right;
	font-weight:bold;
}
.list_style .price span{
	font-size: 12px !important;
	font-weight:normal;
	color:#333333;
}
.list_style .price_normal .strike {
	text-decoration: line-through;
}
.list_style .price_teika,
.list_style .price_normal {
	width: 120px;
	color: #666666;
	margin: 4px 0px !important;
	text-align: right;
}

/* タイムセール価格 */

.list_style .timesale {
	width: 120px;
	color: #0D9737;
	text-align: right;
}
.list_style .timesale span{
	color: #666666;
	font-size: 10px !important;
}


/* 新入荷・値下げ・人気上昇中 */

.list_style .condition .new_arrival,
.list_style .condition .sale,
.list_style .condition .hit {
	color: #0D9737;
}

/* 新品・中古・予約アイコン */

.icon_new {
	font-size: 10px;
	color: #FFF;
	background-color: #57A6E8;
	padding: 1px 6px;
}
.icon_used {
	font-size: 10px;
	color: #FFF;
	background-color: #FCAC00;
	padding: 1px 6px;
}
.icon_reserve {
	font-size: 10px;
	color: #FFF;
	background-color: #F751CD;
	padding: 1px 6px;
}



/* search result (grid layout)
----------------------------------------------- */

.grid_style .item_box {
	display: table;
	border-collapse: collapse;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
}
.grid_style .item_box p {
    margin: 0px;
}
.grid_style .item {
	display: table-cell;
	width: 246px;
	padding: 20px 0px;
}
.grid_style .last_item {
	border-bottom: none;
}
.grid_style .first_item .item {
	padding-top: 0px;
}


/* 商品画像 */

.grid_style .photo_box {
	vertical-align: middle;
	text-align: center;
	padding: 10px 20px 10px 0px;
}
.grid_style .photo_box .thum {
	width: 225px;
}
.grid_style .photo_box img{
	max-width: 225px;
	max-height: 225px;
	margin: auto;	
}

/* 商品情報 */

.grid_style .item_detail {
	width: 100%;
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}

.grid_style .title {
	font-size: 13px !important;
	line-height: 1.5 !important;
	margin: 4px 0px !important;
	min-height: 42px;
}
.grid_style .condition,
.grid_style .maker,
.grid_style .release_date {
	font-size: 11px !important;
	line-height: 1.5 !important;
	margin: 4px 0px !important;
	word-break: break-all;
}

/* 価格 */

.grid_style .item_price {
	padding: 0px 10px;
}
.grid_style .price {
	color:#F70307;
	font-weight:bold;
}
.grid_style .price span{
	font-size: 12px !important;
	font-weight:normal;
	color:#333333;
}
.grid_style .price_normal .strike {
	text-decoration: line-through;
}
.grid_style .price_teika,
.grid_style .price_normal {
	color: #666666;
	margin: 4px 0px !important;
}



/* commons setting
----------------------------------------------- */

/* タイムセール価格 */

.grid_style .timesale {
	color: #0D9737;
}
.grid_style .timesale span{
	color: #666666;
	font-size: 10px !important;
}

/* 新入荷・値下げ・人気上昇中 */

.condition .new_arrival,
.condition .sale,
.condition .hit {
	color: #0D9737;
}

/* 新品・中古・予約アイコン */

.icon_new {
	font-size: 10px;
	color: #FFF;
	background-color: #57A6E8;
	padding: 1px 6px;
}
.icon_used {
	font-size: 10px;
	color: #FFF;
	background-color: #FCAC00;
	padding: 1px 6px;
}
.icon_reserve {
	font-size: 10px;
	color: #FFF;
	background-color: #F751CD;
	padding: 1px 6px;
}




/* pager
----------------------------------------------- */

#pager {
	clear: both;
	background-color: #EEEEEE;
	height: 36px;
	text-align: center;
	margin-bottom: 20px;
}
#pager ul{
	list-style: none;
}
#pager ul li {
    display: inline-block;
}
#pager ul li span,
#pager ul li a {
    padding: 5px 8px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
#pager ul li.prev,
#pager ul li.next {
	font-size: 12px;
}