@charset "utf-8";

/* CSS Document */

/*============================
reset
============================*/

/*
common style 上書き
----------------------------*/
.pageTtlWrap .ttl{
	max-width: 100%;
	font-size: 17px;
}

/*============================
title style
============================*/
.ttlGrn{
	color: #fff;
	line-height: 30px;
	border-radius: 15px;
	display: inline-block;
	padding: 0 30px 0 40px;
	background: #206140 url(/assets/pc/common/img/icon_crown_wh.png) no-repeat left 15px center;
	background-size: 15px;
}

/*============================
btn style
============================*/
/* green type */
.saveBoxGrn{
	display: flex;
	margin-top: 20px;
}
.saveBoxGrn .btnGrad{
	color: #008342;
}
.saveBoxGrn .btnGrad + .btnGrad{
	margin-left: 10px;
}
.saveBoxGrn .btnGrad.iconDl,
.saveBoxGrn .btnGrad.iconMail{
	position: relative;
	padding: 12px 24px 12px 52px;
	border: solid 2px #008342;
}
.saveBoxGrn .btnGrad.iconMail::before,
.saveBoxGrn .btnGrad.iconDl::before{
	position: absolute;
	top: 50%;
	left: 17px;
	transform: translateY(-50%);
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}
.saveBoxGrn .btnGrad.iconDl::before{
	width: 16px;
	height: 13px;
	background-image: url(../img/icon_download_grn.png);
}
.saveBoxGrn .btnGrad.iconMail::before{
	width: 17px;
	height: 14px;
	background-image: url(../img/icon_mail_grn.png);
}


/*============================
#changeSearch
============================*/

/*
common style 上書き用
-----------------------------*/
#changeSearch .btnGrad{
	font-size: 12px;
	font-weight: normal;
}

/* changeSearch style */
#changeSearch{
	margin-bottom: 34px;
}

#changeSearch .detailBox{
	margin-bottom: 8px;
}

#changeSearch .detailBox .inner{
	display: flex;
	border-top: dotted 1px #cdcdcd;
}

#changeSearch .detailBox .inner:first-of-type{
	border-top: 0;
}

#changeSearch .detailBox .ttl{
	display: flex;
	flex: 0 0 59px;
	justify-content: center;
	align-items: center;
	width: 59px;
	padding: 10px 8px;
	background-color:#eeeeee;
}
#changeSearch .detailBox .txt{
}

#changeSearch .detailBox .detailInfo{
	display: flex;
	flex: 0 0 718px;
	flex-wrap: wrap;
	align-items: center;
	padding: 10px 16px 10px 8px;
	background-color:#fff;
	font-size: 11px;
}

#changeSearch .detailBox .detailInfo .box{
	width: 100%;
}
#changeSearch .detailBox .detailInfo .boxInner{
	display: table-row;
}
#changeSearch .detailBox .detailCond .detailInfo .boxInner{
	display: inline;
}
#changeSearch .detailBox .detailInfo .boxInner .title{
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}
#changeSearch .detailBox .detailInfo .boxInner .txt{
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
}


#changeSearch .detailBox .btnBox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-grow: 1;
	justify-content: space-between;
	background-color:#fff;
}
#changeSearch .detailBox .btnGrad{
	width: 48%;
	text-align: center;
}

#changeSearch .saveBox{
	display: flex;
}


/* btn style */
#changeSearch .saveBox .btnGrad + .btnGrad{
	margin-left: 10px;
}
#changeSearch .btnGrad.iconDl,
#changeSearch .btnGrad.iconMail{
	position: relative;
	padding-left: 38px;
	border: solid 2px #bbbbbb;
}
#changeSearch .btnGrad.iconDl:hover,
#changeSearch .btnGrad.iconMail:hover{
	border: solid 2px #008342;
}
#changeSearch .btnGrad.iconDl::before{
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 16px;
	height: 13px;
	background-image: url(../img/icon_download_555.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff;
}
#changeSearch .btnGrad.iconMail::before{
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 17px;
	height: 14px;
	background-image: url(../img/icon_mail_555.png);
	background-repeat: no-repeat;
	background-size: contain;
}


/*============================
.listViewNavi
============================*/
.listViewNavi{
	display: flex;
	margin-bottom: 14px;
}
.listViewNavi .TotalBox{
	font-size: 15px;
	flex-grow: 0;
	flex-shrink: 0;
}
.listViewNavi .TotalBox strong{
	font-size: 40px;
	line-height: 1;
	color: #ca2828;
	margin-right: 6px;
}
.listViewNavi .pageNavi{
	display: flex;
  align-items: flex-end;
	margin: 0 0 0 auto;
}
.listViewNavi .pageNaviItem{
	display: flex;
	align-items: flex-end;
}
.listViewNavi .pageNaviList{
	display: inline-block;
}
.listViewNavi .pageNaviList + .pageNaviList{
	margin-left: 8px;
}
.listViewNavi .pageNaviItemBtn{
	display: inline-block;
	padding: 9px 10px;
	border-radius: 3px;
	color: #333;
	border: 1px solid #777777;
  box-shadow: 0px 1px 2px 0px rgba(34, 31, 31, 0.5);
}

.listViewNavi .pageNaviItemBtn.act{
	background-color: #008342;
	color: #fff;
	border: 1px solid #008342;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.listViewNavi .pageNaviItemBtn:not(.act):hover{
	border: 2px solid #008342;
	padding: 8px 9px;
}
.listViewNavi .pageNaviSelect{
	margin-left: 10px;
}

.listViewNavi .pageNaviSelect select{
	padding: 8px 14px 8px 10px;
}
.listViewNavi .pageNaviSelect select{
	font-size: 14px;
}

/* common css 上書き */
.listViewNavi .pageNaviItem .btnGrad.noShadow{
	font-weight: normal;
	background-image:none;
}

/*============================
sideCond
============================*/
#sideCond{
	float: left;
	width: 200px;
	font-size: 12px;
}
#sideCond .box{
	border: 1px solid #ccc;
}
#sideCond .searchChange{
	border-radius: 0 0 8px 8px;
	margin-bottom: 20px;
}

#sideCond .condCangeBtn .btn{
	position: relative;
	display: inline-block;
	font-weight: bold;
	width: 100%;
	color: #007344;
	border: solid 2px #007344;
	border-radius: 6px;
	padding: 8px 8px 8px 20px;
	margin-top: 10px;
}
#sideCond .condCangeBtn .btn:before{
	position: absolute;
	display: block;
	top: 50%;
	left: 8px;
	margin-top: -4px;
	bottom: 0;
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 6px #007344;
}
#sideCond .condCangeBtn .btn:hover{
	background-color: #007344;
	color: #fff;
}
#sideCond .condCangeBtn .btn:hover:before{
	border-left: solid 6px #fff;
}

#sideCond .grnTtl{
	background-color: #002b14;
	color: #fff;
	padding: 2px 20px;
	font-size: 12px;
	font-weight: bold;
}
#sideCond .boxIn{
	padding: 8px 10px 12px;
}
#sideCond .boxIn .selectBox select{
	border: 1px solid #aaa;
	font-size: 12px;
	padding: 2px 23px 2px 10px;
	border-radius: 2px;
	min-width: 100px;
}

#sideCond .condChange .boxIn .check-list{
	margin-top: 7px;
}
#sideCond .condChange .boxIn .check-list li{
	margin-bottom: 8px;
}
#sideCond .condChange .boxIn .cate dt{
	margin-top: 14px;
	margin-bottom: 2px;
	font-weight: bold;
}

/* 価格 */
/* 専有面積 */
#sideCond .condChange .boxIn .selectBox.w100,
#sideCond .condChange .boxIn .selectBox.w100 select{
	width: 100%;
}
#sideCond .condChange .boxIn .selectBox + .selectBox{
	margin-top: 4px;
}

/* 駅からの徒歩 */
#sideCond .condChange .boxIn .bus{
	margin-top: 8px;
}


#sideCond .sideBtnBox{
	border: 0;
	border-radius: 0;
	margin-top: 0;
	border-top:1px solid #ccc;
	background-color: #fff;
}

#sideCond .sideBtnBox.fixed{
	width: 200px;
	border:1px solid #ccc;
	position: fixed;
	bottom: 0;
}
@media screen and (min-width: 1001px) {
	#sideCond .sideBtnBox.fixed{
		left: 50%!important;
		margin-left: -490px
	}
}
@media screen and (max-width: 1000px) {
	#sideCond .sideBtnBox.fixed{
		left: 0;
	}
}

#sideCond .btnCondChangeAll{
	margin:0 10px 10px;
}

#sideCond .btnCondChangeAll .btn{
  position: relative;
  display: inline-block;
  font-weight: bold;
  width: 100%;
  color: #007344;
  border: solid 2px #007344;
  padding: 8px 8px 8px 30px;
  margin-top: 10px;
}
#sideCond .btnCondChangeAll .btn:hover{
	background-color: #007344;
	color: #fff;
}
#sideCond .btnCondChangeAll .btn.arrowPlus::before,
#sideCond .btnCondChangeAll .btn.arrowPlus::after{
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 0;
	height: 0;;
	transform: translateY(-50%);
	background-color: #007344;
}
#sideCond .btnCondChangeAll .btn:hover:before,
#sideCond .btnCondChangeAll .btn:hover:after{
	background-color: #fff;
}
#sideCond .btnCondChangeAll .btn.arrowPlus::before{
	left: 11px;
	width: 8px;
	height: 2px;
}
#sideCond .btnCondChangeAll .btn.arrowPlus::after{
	left: 14px;
	width: 2px;
	height: 8px;
}
#sideCond .CondChangeTotal{
	text-align: center;
	margin-bottom: 10px;
}
#sideCond .CondChangeTotal .total_item_size{
	font-size: 18px;
	font-weight: bold;
	color: #ca2828;
	padding: 0 4px;
}
#sideCond .btnCondChangeSearch .btnShadow{
	width: 100%;
	text-align: center;
	border-radius: 0 0 2px 2px;
	font-size: 16px;
	padding: 18px 10px;
}
#sideCond .disabled{
	padding: 5px 0 0;
}
#sideCond .disabled .shadowWrap{
	padding: 5px 0 0;
}
#sideCond .disabled .btnShadow{
	pointer-events: none;
	background-color: #f5f5f5;
	color: #bbb;
	box-shadow: none;
	border-top: 1px solid #ccc;
}

/*============================
itemListArea
============================*/
#itemListArea{
	float: right;
	width: 750px;
}
#itemListArea .menuList{
	border-bottom: 6px solid #002b14;
	padding-left: 7px;
	font-size: 0;
}
#itemListArea .menuList.menuListReverse{
	border-top: 6px solid #002b14;
	border-bottom: 0;
	margin-bottom: 30px;
}
#itemListArea .menuList .tab{
	display: inline-block;
	border: 1px solid #002b14;
	border-bottom: 0;
	min-width: 150px;
	margin-right: 6px;
}
#itemListArea .menuList.menuListReverse .tab{
	border: 1px solid #002b14;
	border-top: 0;
}
#itemListArea .menuList .tab a{
	display: block;
	font-size: 15px;
	text-align: center;
	padding: 10px 10px 10px 40px;
	color: #002b14;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
#itemListArea .menuList .tab a:hover{
	background-color: #ddd;
}
#itemListArea .menuList .tab.act a{
	pointer-events: none;
	background-color:#002b14;
	color: #fff;
}
#itemListArea .menuList .pic a{
	padding-left: 55px;
	background-image: url(/assets/pc/common/img/icon_picture_dgrn.png);
	background-position: left 17px center;
}
#itemListArea .menuList .list a{
	background-image: url(/assets/pc/common/img/icon_list_dgrn.png);
	background-position: left 11px center;
}
#itemListArea .menuList .pic.act a{
	background-image: url(/assets/pc/common/img/icon_picture_wh.png);
}
#itemListArea .menuList .list.act a{
	background-image: url(/assets/pc/common/img/icon_list_wh.png);
}


/*============================
changeWrap
============================*/
.changeWrap{
	margin: 10px 0;
}
.changeWrap .change-viewNum,
.changeWrap .change-sort,
.changeWrap .ttl,
.changeWrap .selectBox{
	display: inline-block;
	font-size: 14px;
}
.changeWrap .ttl{
	padding: 0 5px 0 20px;
}
.changeWrap .selectBox select{
	padding: 5px 18px 5px 10px;
	font-size: 14px;
}

/*============================
leadArea
============================*/
.leadArea{
	position: relative;
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 8px 8px 8px 20px;
	margin-bottom: 30px;
}
.leadArea.fukidashiDown{
	margin-bottom: 30px;
}
.leadArea.fukidashiUp::before,
.leadArea.fukidashiUp::after{
	position: absolute;
	left: 0;
	bottom: 100%;
	display: block;
	content: '';
	width: 0;
	height: 0;
	box-sizing: content-box;
}
.leadArea.fukidashiDown::before,
.leadArea.fukidashiDown::after{
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	content: '';
	width: 0;
	height: 0;
	box-sizing: content-box;
}

.leadArea.fukidashiUp{
	margin-top: 46px;
}
.leadArea.fukidashiUp::before{
	border-top:solid 8px transparent;
	border-right:solid 6px transparent;
	border-bottom:solid 8px #ccc;
	border-left:solid 6px #ccc;
	margin-left: -1px;
}
.leadArea.fukidashiUp::after{
	border-top:solid 7px transparent;
	border-right:solid 5px transparent;
	border-bottom:solid 7px #efefef;
	border-left:solid 5px #efefef;
}
.leadArea.fukidashiDown::before{
	border-top:solid 8px #ccc;
	border-right:solid 6px transparent;
	border-bottom:solid 8px transparent;
	border-left:solid 6px #ccc;
	margin-left: -1px;
}
.leadArea.fukidashiDown::after{
	border-top:solid 7px #efefef;
	border-right:solid 5px transparent;
	border-bottom:solid 7px transparent;
	border-left:solid 5px #efefef;
}

.leadArea .lead-img,
.leadArea .lead-text,
.leadArea .btn{
	display: inline-block;
	vertical-align: middle;
}
.leadArea .lead-img{
	width: 26px;
	height: 26px;
	margin-right: 9px;
}
.leadArea .lead-text{
	margin-right: 24px;
	color: #002b14;
}
.leadArea .btn.cvAllBtn{
	margin-right: 5px;
}
.leadArea .btn a{
	padding: 6px 20px 6px 35px;
	background-repeat: no-repeat;
	background-size: 13px auto;
	position: relative;
	display: block;
}

.leadArea .btn.disabled a{
	pointer-events: none;
}
.leadArea .btn.cvAllBtn a{
	background-color: #fff;
	border: 1px solid #777;
	color: #333;
	background-image: url(/assets/pc/common/img/icon_catalog_999.png);
	background-position: left 13px center;
}
.leadArea .btn.cvAllBtn.act a{
	background-color: #008342;
	border: 1px solid #008342;
	color: #fff;
	background-image: url(/assets/pc/common/img/icon_catalog_wh.png);
	background-position: left 13px center;
}
.leadArea .btn.cvAllBtn.act:hover{
	opacity: 0.7;
}
.leadArea .btn.cvAllBtn:not(.act) a,
.leadArea .btn.favAllBtn:not(.act) a{
	pointer-events: none;
}

.leadArea .btn.favAllBtn a{
	background-color: #fff;
	color: #333;
	border: 1px solid #777;
	background-image: url(/assets/pc/common/img/icon_heart_red.png);
	background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 16px auto;
}
.leadArea .btn.favAllBtn:not(.act) a{
	pointer-events: none;
	background-image: url(/assets/pc/common/img/icon_heart_ccc.png);
	background-size: 12px;
}


.leadArea .btn.favAllBtn.act:hover,
.leadArea .btn.favAllBtn.act:hover{
	opacity: 0.7;
}


/*============================
.listCont
============================*/
.listCont{
  box-shadow: 0px 2px 6px 0px rgba(34, 31, 31, 0.3);
	border: 2px solid #002b14;
	margin-bottom: 20px;
}
/*summary*/
.listCont .imgFit{
	background-color: #eee;
	float: left;
}
.noImg{
	background-image: linear-gradient(38deg, transparent 49%, #ddd 49%, #ddd 50%, transparent 50%, transparent);
}
.noImg .txt{
	font-size: 11px;
}
.listCont .summary .mainInfo{
	float: right;
	padding: 25px 25px 0 0;
}
.listCont .mainInfo .name{
	line-height: 1.2;
}
.tagList span{
	background-color: #000;
	font-size: 11px;
	color: #fff;
	padding: 2px 10px;
}
.tagList .t04{
	background-color: #CA5F57;
	margin-top: 3px;
}
.listCont .mainInfo .spec{
	overflow: hidden;
}
.listCont .mainInfo .spec .ttl{
	font-weight: bold;
	float: left;
	width: 3em;
}
.listCont .spec dd{
	float: left;
	width: calc(100% - 3em);
	padding-left: 12px;
	text-indent: -7px;
}
.listCont .spec dd:before{
	content: "：";
	display: inline-block;
	font-weight: bold;
}
/*detailWrap*/
.listCont .dataSet{
	font-size: 0;
}
.listCont .ttlSet{
	border: 1px solid #ccc;
	margin: 13px 6px 0 6px;
}
.listCont .ttlSet li{
	color: #888;
	font-size: 11px;
	display: inline-block;
	text-align: center;
}
.listCont .dt-item{
	display: table;
}
.listCont .item-checkBox,
.listCont .item-imgBox,
.listCont .subInfoBox{
	display: table-cell;
	vertical-align: middle;
}
.listCont .item-checkBox,
.listCont .item-imgBox{
	text-align: center;
}
.listCont .item-imgBox .imgCont{
	border: 1px solid #ccc;
	display: block;
	background-color: #fff;
}
.listCont .item-imgBox .noImg{
	border: none;
	background-color: #eee;
	background-image: linear-gradient(45deg, transparent 49%, #ddd 49%, #ddd 50%, transparent 50%, transparent);
}
.listCont .item-imgBox .noImg:after{
	display: none;
}
.listCont .item-imgBox .imgCont:after{
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	bottom: 2px;
	right: 2px;
	background: #fff url(/assets/pc/common/img/icon_search_333.png) no-repeat center  ;
	background-size: 12px auto;
	border-radius: 2px;
}
.listCont .subInfoBox a{
	color: #333;
	display: block;
}
.listCont .subInfoBox .statTag,
.listCont .new .statTag .new,
.listCont .seen .statTag .seen,
.listCont.new .statTag .new,
.listCont.seen .statTag .seen,
.listCont .subInfoBox .favCurrent{
	display: inline-block;
	vertical-align: middle;
}
.listCont .statTag li{
	border-radius: 4px;
	color: #fff;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	margin-right: 3px;
	display: none;
}
.listCont .statTag .new{
	background-color: #d75a45;
}
.listCont .statTag .seen{
	background-color: #000;
}
.listCont .subInfoBox .detail li{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 8px 0;
}
.listCont .subInfoBox .detail .price span{
	font-weight: bold;
}
.listCont .subInfoBox .detail .favStat,
.listCont .favStat{
	color: #aaa;
	font-size: 12px;
	position: relative;
	padding-left: 24px;
	background-image: url(/assets/pc/common/img/icon_heart_ccc.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px auto;
}
.listCont .subInfoBox .detail .favStat.on,
.listCont .favStat.on{
	color: #ca2828;
	font-weight: bold;
	background-image: url(/assets/pc/common/img/icon_heart_red.png);
}
.colorOn.hoverColor{
	background-color: #f1e3c9;
}

/*============================
open house info
============================*/

.openInfoWrap{
	display: flex;
	align-items: center;
  color: #fff;
	padding: 17px 20px 11px 14px;
	background: linear-gradient(135deg, rgba(0,78,38,0.8) 0%,rgba(0,43,20,0.8) 42%);
}
.openInfoTtl{
	padding: 12px 9px;
	text-align: center;
	border: solid 1px #008342;
	flex-shrink: 0;
}
.openInfoItem{
	padding: 0 14px;
}
.openInfoItem .inner{
	display: flex;
}
.openInfoItem .inner .ttl{
	flex-shrink: 0;
}
.openInfoItem .inner .text{
	padding-left: 16px;
	text-indent: -8px;
	width: 257px;
}
.openInfoItem .inner .text:before{
	content: "：";
	display: inline-block;
}
.openInfoBtn{
	margin: 0 0 0 auto;
	flex-shrink: 0;
}
.openInfoBtn .btnShadow{
	background: #d75a45;
  box-shadow: 0px 4px 0px 0px #982f1e;
  font-size: 16px;
  font-weight: bold;
  border-radius: 3px;
  text-align: center;
  padding: 8px 12px 8px 12px;
  display: inline-block;
  color: #fff;
	text-decoration: none !important;
}
.openInfoBtn .note{
	margin-top: 7px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}




/*============================
#easyPropertySearch
============================*/
#easyPropertySearch{
	margin-top: 80px;
}
#easyPropertySearch .headLine{
	font-size: 16px;
	line-height: 1.25;
	background-color: #111111;
	color: #fff;
	padding: 8px 20px;
}

/*
common style 上書き用
-----------------------------*/
#easyPropertySearch .easySearch{
	border: 4px solid #111111;
  box-shadow: 0px 2px 4px 0px rgba(85, 85, 85, 0.4);
  border-radius: 8px;
	border-top:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
#easyPropertySearch .resultNum .num{
	font-size: 26px;
	padding: 0 4px;
	color: #ca2828;
}


/*============================
#recent
============================*/
#recent{
	margin-top: 40px;
}

/*============================
#searchShopArea
============================*/
#searchShopArea{
	margin-top: 40px;
}
#searchShopArea .searchShopAreaBox{
	max-height: 550px;
	overflow: auto;
}
#searchShopArea .searchShopAreaBox::-webkit-scrollbar{
	width: 10px;
}
#searchShopArea .searchShopAreaBox::-webkit-scrollbar-track{
	background: #eee;
	border-radius: 2px;
}
#searchShopArea .searchShopAreaBox::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius: 2px;
}
#searchShopArea .shopList{
	display: flex;
	align-items: center;
	padding: 8px 10px;
	border-bottom: dotted 1px #cacaca;
}
#searchShopArea .shopName{
	display: flex;
}
#searchShopArea .shopName .photo{
	width: 65px;
	height: 50px;
}
#searchShopArea .shopName .txt{
	width: 185px;
	font-size: 12px;
	padding: 0 10px;
}
#searchShopArea .shopName .txt .name{
	font-size: 20px;
  line-height: 1.4;
	display: block;
	font-weight: bold;
}
#searchShopArea .shopAddress {
  width: 500px;
}
#searchShopArea .shopAddress dl{
	overflow: hidden;
}
#searchShopArea .shopAddress dt{
	float: left;
	width: 2em;
	font-weight: bold;
}
#searchShopArea .shopAddress dd{
	float: left;
	width: calc(100% - 2em);
	padding-left: 12px;
	text-indent: -7px;
}
#searchShopArea dd:before{
	content: "：";
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
#searchShopArea .shopAddress dd a{
	text-decoration: underline;
}
#searchShopArea .shopAddress dd a:hover{
	text-decoration: none;
}
#searchShopArea  .shopDetail{
  margin-right: 0;
  margin-left: auto;
}
#searchShopArea  .shopDetail dt{
	display: inline-block;
}
#searchShopArea .shopDetail .telNumber{
	font-size: 18px;
	color: #d75a45;
	font-weight: bold;
	display: inline-block;
}
#searchShopArea .btnGrad{
	padding: 5px 10px 4px;
	font-size: 13px;
}


/*============================
#rankingArea
============================*/
#rankingArea,
#rankingStation{
	margin-top: 40px;
}
.rankingLinkBox {
  margin: 10px 0 0 0;
}
.rankingLink {
  overflow: hidden;
}
.rankingLink .list {
  margin-bottom: 12px;
  float: left;
}
.rankingLink .list + .list {
  margin-left: 8px;
}
.rankingLink .list:nth-of-type(4) {
  margin-left: 0;
  clear: both;
}
.rankingLink .list a {
  display: table;
  width: 133px;
	height: 38px;
	vertical-align: middle;
  padding: 0 5px;
  border: solid 1px #777777;
  border-radius: 6px;
  background-repeat: no-repeat;
	font-size: 12px;
	color: #005fd1;
}
.rankingLink .list a:hover{
  border: solid 2px #008342;
  padding: 0 4px;
	color: #008342;
}
.rankingLink .list a .num,
.rankingLink .list a .text{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}
.rankingLink .list a .num {
  padding-right: 2px;
  color: #333;
	width: 35px;
}
.rankingLink .list:nth-child(-n+3) a{
  width: 260px;
	height: 50px;
  padding: 0 12px 0 31px;
  border: solid 3px #333;
  border-radius: 6px;
  background-position: 13px 13px;
  font-weight: bold;
}
.rankingLink .list:nth-child(-n+3) a{
  padding-right: 19px;
}
.rankingLink .list:nth-child(-n+3) a:hover {
  border: solid 3px #008342;
}
.rankingLink .list:nth-of-type(1) a .num strong,
.rankingLink .list:nth-of-type(1) a .text,
.rankingLink .list:nth-of-type(2) a .num strong,
.rankingLink .list:nth-of-type(2) a .text,
.rankingLink .list:nth-of-type(3) a .num strong,
.rankingLink .list:nth-of-type(3) a .text {
  font-size: 16px;
}
.rankingLink .list:nth-of-type(1) a {
  background-image: url(/assets/pc/list/img/icon_rank01_nonum.png);
}
.rankingLink .list:nth-of-type(1) a .num {
  color: #c39c00;
}
.rankingLink .list:nth-of-type(2) a {
  background-image: url(/assets/pc/list/img/icon_rank02_nonum.png);
}
.rankingLink .list:nth-of-type(2) a .num {
  color: #bbbbbb;
}
.rankingLink .list:nth-of-type(3) a {
  background-image: url(/assets/pc/list/img/icon_rank03_nonum.png);
}
.rankingLink .list:nth-of-type(3) a .num {
  color: #9c6740;
}
.rankingLinkBox .read {
  color: #666;
  font-size: 12px;
}
.rankingLinkBox .lineSolidTop {
  margin-top: 14px;
  border-top: solid 1px #cccccc;
}
.rankingLinkBox .note {
  padding-top: 8px;
  color: #555;
  font-size: 11px;
}

/* ===============================================================
 poopular
=============================================================== */

#popular{
	margin-top: 45px;
}
#popular .bx-wrapper{
	max-width: 955px!important;
	width: 955px!important;
	margin: 0;
}
#popular .bx-viewport{
	padding: 10px 2px;
}
#popular .bx-wrapper .bx-controls-direction a.disabled{
	display: none;
}
#popular .bx-wrapper .bx-controls-direction a:before{
	display: none;
}
#popular .bx-wrapper .bx-controls-direction a{
	width: 62px;
	height: 62px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -32px;
	cursor: pointer;
}
#popular .bx-wrapper .bx-next{
	right:-35px;
	background-image: url(/assets/pc/list/img/arrow_popular_next.png);
}
#popular .bx-wrapper .bx-prev{
	left:-35px;
	background-image: url(/assets/pc/list/img/arrow_popular_prev.png);
}
#popular .slideBox{
  box-shadow: 0px 1px 3px 0px rgba(119, 119, 119, 1);
	margin-right: 12px;
	border: 1px solid #f2f2f2;
	padding: 10px;
}
#popular .slideBox a{
	display: block;
	color: #333;
	font-size: 13px;
	line-height: 1.2;
}
#popular .slideBox a:hover:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #008342;
}
#popular .slideBox .imgArea{
	width: 100%;
	height: 112px;
	border: 1px solid #aaa;
	margin-top: 5px;
}
#popular .bx-pager{
	display: none;
}
#popular slideBox .txtArea{
	padding: 5px 10px;
}
#popular .slideBox .name{
	font-weight: bold;
	margin-top: 5px;
}
#popular .slideBox .price{
	color: #d75a45;
	font-weight: bold;
}
#popular .slideBox .info{
	margin: 5px 0;
}
#popular .favArea {
	text-align: center;
}
#popular .favArea .favNum {
	display: inline-block;
	margin: auto;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-left: 20px;
}
#popular .favArea .favNum:before{
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 14px;
  height: 12px;
	background-image: url(/assets/pc/common/img/icon_heart_999.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#popular .slideBox:nth-child(1){
	border: 1px solid #555;
}
#popular .slideBox:nth-child(2){
	border: 1px solid #888;
}
#popular .slideBox:nth-child(3){
	border: 1px solid #aaa;
}
#popular .slideBox:nth-child(1) .favNum:before{
	background-image: url(/assets/pc/common/img/icon_heart_red.png);
}
#popular .slideBox:nth-child(2) .favNum:before {
	background-image: url(/assets/pc/common/img/icon_heart_orng.png);
}
#popular .slideBox:nth-child(3) .favNum:before {
	background-image: url(/assets/pc/common/img/icon_heart_lorng.png);
}
/* ===============================================================
 kodawari
=============================================================== */
#kodawari{
	margin-top: 65px;
}
#kodawari .boldTtl{
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(/assets/pc/common/img/icon_search_333.png) no-repeat left center;
	background-size: 18px auto;
}
#kodawari .condList .imgTBox{
	margin:0 8px 30px 7px;
}
#kodawari .condList .imgTBox .imgArea {
	height: 60px;
	overflow: hidden;
}
#kodawari .condList .imgTBox .imgArea img{
	position: relative;
	bottom: 10px;
}
#kodawari .condList .imgTBox .txtArea {
    padding: 5px 10px 10px;
}
/* ===============================================================
 new
=============================================================== */
#new{
	margin-top:35px;
}
#new .newTtl{
	margin-left: 20px;
	padding-left: 25px;
	background: url(/assets/pc/common/img/icon_history_333.png) no-repeat left center;
	background-size: 18px auto;
}
/* ===============================================================
 searchChange
=============================================================== */
#searchChange{
	margin-top: 40px;
}
#searchChange .w875{
	width: 875px;
	margin-top: 0;
}
#searchChange .w875.linkBdrList li:after {
	margin: 0 14px;
}
/* ===============================================================
 noList
=============================================================== */
.noList{
	background-color: #eee;
	border-radius: 8px;
	padding: 30px;
	text-align: center;
	font-size: 16px;
}
.noList .ttl{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}