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


/* ===============================================================
 links
=============================================================== */

.txtLink{
	text-decoration: underline;
}
.txtLink:hover{
	text-decoration: none;
}

.btnGrn{
	background-color:#008342;
	font-weight: bold;
	color: #fff;
}
.btnBdrDgry{
	border: 1px solid #777777;
	font-weight: bold;
	color: #333;
}
/*.btnBdrDgry:hover{
	opacity: 0.7;
}*/
/*--------btn with shadow--------*/
.btnShadow{
	display: inline-block;
	padding: 9px 10px;
  box-shadow: 0 4px 0 0 #206140;
	font-size: 12px;
	border-radius: 2px;
	position: relative;
}
.shadowWrap{
	vertical-align: bottom;
}
.shadowWrap:hover .btnShadow,
.shadowWrap:hover .cvBtn{
	box-shadow: none!important;
}
.shadowWrap:hover{
	padding-bottom: 0!important;
}

.shadow2px{padding-bottom: 2px;}
.shadow3px{padding-bottom: 3px;}
.shadow4px{padding-bottom: 4px;}
.shadow5px{padding-bottom: 5px;}
.shadow10px{padding-bottom: 10px;}

.shadow2px .btnShadow{box-shadow: 0 2px 0 0 #206140;}
.shadow3px .btnShadow{box-shadow: 0 3px 0 0 #206140;}
.shadow4px .btnShadow{box-shadow: 0 4px 0 0 #206140;}
.shadow5px .btnShadow{box-shadow: 0 5px 0 0 #206140;}
.shadow10px .btnShadow{box-shadow: 0 10px 0 0 #206140;}

.shadow2px:hover{padding-top: 2px;}
.shadow3px:hover{padding-top: 3px;}
.shadow4px:hover{padding-top: 4px;}
.shadow5px:hover{padding-top: 5px;}
.shadow10px:hover{padding-top: 10px;}

/*--------cvBtn--------*/
.cvBtn{
	display: inline-block;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;	
}
.btnOrange{
	background: #f2761c;
	box-shadow: 0 4px 0 0 #9b5217;
	padding: 8px 5px 5px;
}
.btnRed{
	background: #d75a45;
	box-shadow: 0 4px 0 0 #982f1e;
	padding: 8px 5px 5px;
}
/*--------btn with radius--------*/
.btnOval{
	display: inline-block;
	border-radius: 30px;
	padding: 6px 30px;
}
.btnOval.btnBdrDgry{
	padding: 5px 29px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.btnOval:hover {
	opacity: 0.7;
}
.btnGrad:hover {
	border: 1px solid #008342;
	color: #008342;
	background-image: none;
}

/*--------btn gradation--------*/
.btnGrad {
	display: inline-block;
	border: 1px solid #777777;
	font-weight: bold;
	color: #333;
	padding: 6px 10px;
	border-radius: 4px;
	background-color: #fff;
	background-image: linear-gradient(to top, rgb(215,215,215) 0%, rgb(255,255,255) 30%);
}
/*--------linkBdrList--------*/
.linkBdrList {
	font-size: 0;
}
.linkBdrList li{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font-size: 12px;
}
.linkBdrList li:last-child{
	padding: 0;
}
.linkBdrList li:after{
	content: "";
	width: 1px;
	height: 13px;
	background: #ccc;
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px;
}
.linkBdrList.bdrAbslt li:after{
	position: absolute;
	top: 3px;
	right: 0;
}
.linkBdrList li:last-child:after{
	display: none;
}
.linkBdrList li a{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.linkBdrList a.act,
.linkBdrList a.none{
	color: #777777!important;
	text-decoration: none!important;
	pointer-events: none;
}
/*--------linkDotList--------*/
.linkDotList{
	font-size: 0;
	overflow: hidden;
}
.linkDotList .btn{
	display: table;
	width: 145px;
	height:45px;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}
.linkDotList .btn a{
	border-radius: 6px;
	display: table-cell;
	vertical-align:middle;
	border: 2px solid #8fc31f;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 13px;
	color: #333;
	position: relative;
	background-color: #fff;
	line-height:1.2
}
.linkDotList .btn a:hover{
	background-color: #8fc31f;
	color: #fff;
}
.linkDotList .btn a:before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #8fc31f;
	display: block;
	position: absolute;
	left: 6px;
	top: 14px;
}
.linkDotList .btn a:hover:before{
	background-color: #fff;
}

/*--------blankicon--------*/

.linkOutBlu{
	color: #005fd1;
}
.linkOutBlu:before,
.linkOutGry:before,
.linkOutBlk:before{
	content: "";
	display: inline-block;
	width: 11px;
	height: 9px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 5px 1px 0;
}
.linkOutBlu:before{
	background-image: url(/assets/pc/common/img/icon_out_blu.png);
}
.linkOutGry:before{
	background-image: url(/assets/pc/common/img/icon_out_888.png);
}
.linkOutBlk:before{
	background-image: url(/assets/pc/common/img/icon_out_333.png);
}


/* ===============================================================
 title
=============================================================== */

/*--------pageTtl--------*/
.pageTtlWrap{
	border: 1px solid #ccc;
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
	padding: 0 20px;
}
.pageTtlWrap .ttl{
	display: inline-block;
	border-bottom: 4px solid #008342;
	font-size: 30px;
	padding: 6px 5px 3px;
	color: #000;
	max-width:660px;
}
.pageTtlWrap .totalNum{
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
	padding: 1px 30px 2px;
	border-radius: 15px;
	font-weight: bold;
	font-size: 14px;
}
.pageTtlWrap .totalNum .num{
	font-size: 18px;
	padding: 0 3px;
}
/*--------bdrGrnTtl--------*/
.bdrGrnTtl{
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-top:2px solid #008342;
  background: linear-gradient( to bottom, #eee 0%, #fff 50%);
	font-size: 16px;
	padding: 6px 10px 6px 30px;
	margin: 0 0 10px;
	position: relative;
}
.bdrGrnTtl:before{
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 10px;
	width: 4px;
	background: #007b3e;
}
.bdrGrnTtlLead{
	margin-left: 12px;
	margin-right: 12px;
}
/*--------boldTtl--------*/
.boldTtl{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
/* ===============================================================
 list
=============================================================== */
.indent1,
.indent1 li{
	padding-left: 1em;
	text-indent: -1em;
}
/* ===============================================================
 box
=============================================================== */

/*--------boxTtlTop--------*/
.boxTtlTop{
	border: 1px solid #bbb;
  box-shadow: 0 2px 4px 0 rgba(85, 85, 85, 0.4);
	border-radius: 8px;
} 
.boxTtlTop .ttl{
	border-bottom: 1px solid #bbb;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 18px 4px;
	border-radius: 8px 8px 0 0
}
.boxTtlTop .ttl.beige{
	background-color: #f6f1e7;
}
.boxTtlTop .boxIn{
	padding: 15px 18px;
}
/*--------boxBdrGrn--------*/
.boxBdrGrn{
	border: 4px solid #008342;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
	padding: 20px;
	border-radius: 8px; 
}
/*--------boxBdrGrn--------*/
.boxBgGry{
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 10px 18px;
	border-radius: 10px;
}
.boxBgGry .btmBdrDsh{
	border-bottom: 1px dashed #a7a7a7;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.boxBgGry .linkBdrList a{
	text-decoration: underline;
	color: #005fd1;
}
.boxBgGry .linkBdrList a:hover{
	text-decoration: none;
}
.boxBgGry .linkBdrList{
	margin-top: 3px;
	vertical-align: middle;
}
.boxBgGry .linkBdrList li:after{
	margin: 0 15px;
	background: #aaa;
}

/*--------imgLBox--------*/

.imgLBox a{
	display: table;
	color: #333;
	vertical-align: middle;
	width: 100%;
}
.imgLBox a:hover{
	opacity: 0.7;
}
.imgLBox .imgArea,
.imgLBox .txtArea{
	display: table-cell;
	vertical-align: middle;
}
.imgLBox .imgArea{
	width: 80px;
}
.imgLBox .imgArea img{
	display: block;
}
.imgLBox .txtArea{
	padding-left: 20px;
}
.imgLBox .txtArea .ttl{
	font-size:15px;
	font-weight: bold;
	margin-bottom: 3px;
}
.imgLBox .txtArea .dtl{
	font-size:12px;
}
/*--------imgTBox--------*/

.imgTBox a{
	display: block;
	color: #333;
}
.imgTBox a:hover{
	opacity: 0.7;
}
.imgTBox .imgArea img{
	display: block;
}
.imgTBox .txtArea .ttl{
	font-size:15px;
	font-weight: bold;
	margin-bottom: 3px;
}
.imgTBox .txtArea .dtl{
	font-size:12px;
}
/*--------imgFit--------*/
.imgFit,
.imgCont{
	position: relative;
	overflow: hidden;
}
.imgFit img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  height:100%;
  width:auto;
  max-height: 100%;
  max-width: 200%;
}
.imgCont img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-height:100%;
  max-width:100%;
}
/*--------madori--------*/
img.madori{
  max-width:100%;
}
/*--------noImg--------*/
.noImg{
	background-color: #eee;
	text-align: center;
	position: relative;
	background-image: linear-gradient(45deg, transparent 49%, #ddd 49%, #ddd 50%, transparent 50%, transparent);
}
.noImg .txt{
	position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
	display: inline-block;
	background-color: #eee;
	color: #888;
	font-size: 20px;
}


/* ===============================================================
 input
=============================================================== */

.inputBox{
	padding: 9px 5px;
	margin-right: 10px;
  box-shadow: inset 0.866px 0.5px 2px 0 rgba(0, 0, 0, 0.38);
	font-size: 14px;
}
/*--------checkBox--------*/
.checkBox + span{
	padding-left: 25px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.checkBox + span:after{
	content: "";
	display: block;
	position: absolute;
	background: url(/assets/pc/common/img/cb_off.png) no-repeat center;
	background-size: contain;
	top: 50%;
	margin-top: -10px;
	left: 0;
	width: 20px;
	height: 20px;
}
.checkBox:checked + span:after{
	background: url(/assets/pc/common/img/cb_on.png) no-repeat center;
	background-size: contain;
}
/*--------radioBox--------*/
.radioBox + span{
	padding-left: 25px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.radioBox + span:after{
	content: "";
	display: block;
	position: absolute;
	background: url(/assets/pc/common/img/rb_off.png) no-repeat center;
	background-size: contain;
	top: 50%;
	margin-top: -10px;
	left: 0;
	width: 20px;
	height: 20px;
}
.radioBox:checked + span:after{
	background: url(/assets/pc/common/img/rb_on.png) no-repeat center;
	background-size: contain;
}

/*--------selectBox--------*/
.selectBox{
	display: inline-block;
	position: relative;
}
.selectBox:after{
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -3px;
	right: 10px;
	pointer-events: none;
	border: 4px solid;
	border-top: 7px solid;
	border-color: #555 transparent transparent transparent;
}
.selectBox select{
	border: 1px solid #333;
	background: #fff;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	padding: 7px 18px 7px 10px;
}
.selectGrad select{
	border: 1px solid #777777;
	border-radius: 4px;
	background-image: linear-gradient(to top, rgb(215,215,215) 0%, rgb(255,255,255) 30%);
}
/* ===============================================================
 accordion
=============================================================== */
.accIn{
	display: none;
}

.accBtn{
	position: relative;
	cursor: pointer;
}
.accBtn:before{
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(135deg);
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -5px;
}
.open .accBtn:before{
	transform: rotate(-45deg);
	margin-top: -2px;
}
/* ===============================================================
 seo
=============================================================== */
#topSeo{
	padding: 3px 0;
	color:#777777;
	font-size: 12px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
/* ===============================================================
 bread
=============================================================== */
#breadcrumbs{
	margin: 3px auto 20px;
}
#breadcrumbs li{
	display: inline-block;
}
#breadcrumbs li:after{
	content: ">";
	display: inline-block;
	margin: 0 3px;
	font-size: 10px;
}
#breadcrumbs li:last-child:after{
	display: none;
}
#breadcrumbs li:last-child a{
	color: #444;
	font-weight: bold;
	pointer-events: none;
	display: inline-block;
}
#breadcrumbs a{
	font-size: 11px;
	color: #888;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}

/* ===============================================================
 sellForm
=============================================================== */
.sellForm{
	background-color: #7eae16;
	padding: 15px 40px 20px;
	font-size: 0;
}
.sellForm .ttl{
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.sellForm .selectBox{
	margin-right: 10px;
	vertical-align: middle;
}
.sellForm .selectBox select{
	border: 0;
	background-color: #fff;
	font-size: 15px;
	border-radius: 2px;
	padding-left: 30px;
}
.sellForm .type select{width: 170px;}
.sellForm .pref select{width: 140px;}
.sellForm .city select{width: 190px;}
.sellForm .town select{width: 160px;}
.sellForm .selectBox .flowNum{
	z-index: 1;
	display: block;
	position: absolute;
	top: 9px;
	left: 4px;
	width:17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	color: #fff;
	background-color: #7eae16;
	border-radius: 2px;
	font-size: 12px;
}
.sellForm select:disabled + .flowNum{
	background-color: #aaa;
}
.sellForm .sellFormSubmit{
	display: none;
}
.sellForm .shadowWrap{
	width: 200px;
	vertical-align: bottom;
	text-align: center;
	display: inline-block;
}
.sellForm .btnShadow{
	display: block;
	line-height: 36px;
	border-radius: 2px;
	background-color: #ff6c00;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 4px 0 0 #964000;
}
.sellForm .sellFormSubmit:disabled + .shadowWrap{
	padding: 4px 0 0;
}
.sellForm .sellFormSubmit:disabled + .shadowWrap .btnShadow{
	background-color: #555;
	color: #b7b7b7;
	pointer-events: none;
	box-shadow: none;
}
/* ===============================================================
 searchBox
=============================================================== */
.searchBox{
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 10px 30px;
	border-radius: 7px;
}
.searchBox .right{
	float: right;
}
.searchBox div{
	display: inline-block;
	vertical-align: middle;
}
.searchBox .left .inputBox{
	width: 230px;
}
.searchBox .right .inputBox{
	width: 190px;
}
.searchBox .checkbox label{
	margin-right: 10px;
}

/* ===============================================================
 easySearch
=============================================================== */
.easySearch{
	border-radius: 0 0 8px 8px;
	border: 1px solid #bbb;
	border-top: 4px solid #008342;
	padding: 15px 20px;
	background-color: #fff;
}
.easySearch .flow{
	float: left;
	margin-right: 25px;
}
.easySearch .flow01 {
	width: 260px;
}
.easySearch .flow02 {
	width: 140px;
}
.easySearch .flow03 {
	width: 260px;
	margin-right: 0;
}
.easySearch .flow .flowTtl{
	font-size: 14px;
	color: #fff;
	background-color: #008342;
	padding: 2px 5px 2px 17px;
	margin-bottom: 15px;
}
.easySearch .flow .flowIn{
	padding: 0 5px;
}
/*flow1*/
.easySearch .flow .checkList li{
	width:120px;
	display: inline-block;
	margin-bottom: 15px;	
	font-weight: bold;
	font-size: 14px;
}
.easySearch .flow .checkBox + span:after {
	background-size: contain;
  width: 18px;
	height: 18px;
}
/*flow2*/
.easySearch .flow .selectBox {
	display: block;
}
.easySearch .flow02 .selectBox select{
	padding-top: 10px;
	padding-bottom: 10px;
}
.easySearch .flow .selectBox select{
	display: block;
	font-size: 14px;
	width: 100%;
	border-radius: 2px;
	background-image: linear-gradient(to top, rgb(215,215,215) 0%, rgb(255,255,255) 20%);
}
/*flow3*/
.easySearch .flow .dtlSlct{
	margin-bottom: 6px;
	position: relative;
	font-size: 14px;
	background-image: linear-gradient(to top, rgb(215,215,215) 0%, rgb(255,255,255) 20%);
}
.easySearch .flow .dtlSlct .closeBtn:before,
.easySearch .flow .dtlSlct:before{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background-color: #e9e9e9;
	border-radius: 7px;
	top: 12px;
	left: 9px;
	position: absolute;
}
.easySearch .flow .dtlSlct > .accBtn{
	border: 1px solid #333;
  color: #333;
	padding: 7px 10px 7px 30px;
	border-radius: 2px;
	display: block;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.easySearch .flow .dtlSlct .closeBtn .btn:before,
.easySearch .flow .dtlSlct .closeBtn .btn:after,
.easySearch .flow .dtlSlct > .accBtn:before,
.easySearch .flow .dtlSlct > .accBtn:after{
	content: "";
	position: absolute;
	width: 7px;
	height: 1px;
	border:0;
	background-color: #333;
	transform: rotate(0);
	right: auto;
	left: 11px;
	top: 50%;
	margin-top: -1px;
}
.easySearch .flow .dtlSlct .closeBtn .btn:after,
.easySearch .flow .dtlSlct > .accBtn:after{
	width: 1px;
	height: 7px;
	left: 14px;
	margin-top: -4px;
}
.easySearch .flow .dtlSlct .closeBtn .btn:before,
.easySearch .flow .dtlSlct .closeBtn .btn:after{
	transform: rotate(45deg);
	left: 12px;
	top: 19px;
}
.easySearch .flow .dtlSlct .closeBtn .btn:after{
	left: 15px;
}
.easySearch .flow .dtlSlct > .accIn{
	border: 1px solid #333;
	border-top: 0;
	border-radius: 0 0 2px 2px;
	background-color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 111;
}
.easySearch .flow .dtlSlct .closeBtn{
	border-bottom: 1px solid #333;
	color: #fff;
	border-radius: 2px 2px 0 0;
	background-color: #555;
	padding: 8px 10px 8px 30px;
	width: 100%;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.easySearch .flow .dtlSlct.open .closeBtn{
	display: block;
}
.easySearch .flow .dtlSlct .accIn .selectBox,
.easySearch .flow .dtlSlct .accIn .changeList,
.easySearch .flow .dtlSlct .accIn .busBtn{
	margin: 10px;
}
/*resultBox*/
.easySearch .resultBox{
	float: right;
	width: 200px;
}
.easySearch .resultBox .resultNum{
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 5px;
}
.easySearch .resultBox .resultNum .total_item_size{
	font-size: 26px;
	color: #ca2828;
}
.easySearch .resultBox .btnList li{
	margin-bottom: 6px;
}
.easySearch .resultBox .btnList .btnShadow{
	display: block;
	background-color: #d75a45;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-left: 40px;
	box-shadow: 0 2px 0 0 #971600;
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: left 23px center;
}
.easySearch .resultBox .btnList .area .btnShadow{
	background-image: url(/assets/pc/common/img/icon_japan_wh.png);
}
.easySearch .resultBox .btnList .station .btnShadow{
	background-image: url(/assets/pc/common/img/icon_train_wh.png);
	background-size: 16px auto;
	background-position: left 25px center;
}
.easySearch .resultBox .btnList .map .btnShadow{
	background-image: url(/assets/pc/common/img/icon_mappin_wh.png);
}
.easySearch .resultBox .btnList .mapflag .btnShadow{
	background-image: url(/assets/pc/common/img/icon_mapflag_wh.png);
}
.easySearch .resultBox .btnList .btnShadow .big{
	font-size: 15px;
}

/*disabled*/
.easySearch .flow.disabled .flowTtl{
	color: #bbb;
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 1px 4px 1px 16px;
}
.easySearch .flow.disabled .dtlSlct .ttl{
	color: #999;
}
.easySearch .flow.disabled .selectBox:after {
	display: none;
}
.easySearch .flow.disabled .selectBox select{
	border: 1px solid #bbb;
	color: #999;
	background-image: none;
}
.easySearch .resultBox.disabled .btnList .shadowWrap{
	padding: 2px 0 0;
	pointer-events: none;
}
.easySearch .resultBox.disabled .btnList .btnShadow{
	background-color: #f5f5f5;
	color: #bbb;
	box-shadow: none;
	pointer-events: none;
	border: 1px solid #ccc;
	padding: 8px 10px 8px 40px;
}
.easySearch .flow.disabled .dtlSlct{
	background-image: none;
}
.easySearch .flow.disabled .dtlSlct .accBtn{
	border: 1px solid #bbb;
  color: #999;
	pointer-events: none;
}
.easySearch .flow.disabled .dtlSlct .accBtn:before,
.easySearch .flow.disabled .dtlSlct .accBtn:after{
	background-color: #aaa;
}
.easySearch .resultBox.disabled .btnList .area a{
	background-image: url(/assets/pc/common/img/icon_japan_bbb.png);
}
.easySearch .resultBox.disabled .btnList .station a{
	background-image: url(/assets/pc/common/img/icon_train_bbb.png);
}
.easySearch .resultBox.disabled .btnList .map a{
	background-image: url(/assets/pc/common/img/icon_mappin_bbb.png);
}
.easySearch .resultBox.disabled .btnList .mapflag a{
	background-image: url(/assets/pc/common/img/icon_mapflag_bbb.png);
}
/* ===============================================================
 btnCondList
=============================================================== */
.btnCondList{
	font-size: 0;
}
.btnCondList li{
	display: inline-block;
	margin:0 10px 10px 0;
}
.btnCondList li .btnOval{
	font-size: 14px;
	background-color: #fff;
	cursor: pointer;
}
.btnCondList li .act{
	background-color: #008342!important;
	color: #fff;
	box-shadow: none;
	pointer-events: none;
}
.btnCondList li .btnOval:hover{
	opacity: 1.0;
	background-color: #eee;
}
/* ===============================================================
 recentWrap
=============================================================== */ 
.multislideWrap .recentTtl,
.multislideWrap .newTtl{
	margin: 0 0 5px 30px;
}
.multislideWrap .newIcon{
	position: relative;
	padding-left: 22px;
}
.multislideWrap .newIcon:before{
	content: '';
	background: url(/assets/pc/common/img/icon_history_333.png) no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
	position: absolute;
	margin-left: -25px;
	margin-top: 4px;
}
.multislideWrap .recentTtl .num,
.multislideWrap .newTtl .num{
	color: #44a97c;
}
.multislideWrap .bx-wrapper{
	max-width: 928px!important;
}
.multislideWrap .slideArea{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.multislideWrap .slideBox{
	border: 1px solid #ccc;
	margin-right: 7px;
}
.multislideWrap .slideBox a{
	display: block;
	color: #333;
	font-size: 13px;
	line-height: 1.2;
}
.multislideWrap .slideBox .imgArea{
	width: 100%;
	height: 130px;
	border-bottom: 1px solid #ccc;
}
.multislideWrap .slideBox .txtArea{
	padding: 5px 10px;
}
.multislideWrap .slideBox .name{
	color: #005fd1;
	text-decoration: underline;
}
.multislideWrap .slideBox a:hover img{
	opacity: 1.0;
}

.multislideWrap .slideBox a:hover:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #008342;
}
.multislideWrap .slideBox .price{
	color: #d75a45;
	font-weight: bold;
}
.multislideWrap .slideBox .info{
	margin: 5px 0;
}
.multislideWrap .slideBox .type{
	font-size: 10px;
	border: 1px solid #555;
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.multislideWrap .bx-pager{
	display: none; 
}
.multislideWrap .bx-wrapper .bx-controls-direction a {
	margin-top: -80px;
	outline: 0;
	width: 22px;
	height: 160px;
	border: 1px solid #ddd;
	background-color: #111;
}
.multislideWrap .bx-wrapper .bx-controls-direction a.disabled {
    background-color: #eeeeee;
    display: block;
    pointer-events: none;
}
/* ===============================================================
 shopList
=============================================================== */ 
#shopList {
	background-color: #eee;
	border-top: 6px solid #008342;
	padding: 15px 0 35px;
	margin-top: 75px;
}
#shopList .ttlWrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#shopList .ttlWrap .boldTtl{
	padding-right: 10px;
	margin: 0;
}
#shopList .ttlWrap .shopArea li{
	display: inline-block;
	margin-left: 10px;
}
#shopList .ttlWrap .btn{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #777777;
	font-weight: bold;
	color: #333;
	width: 90px;
	text-align: center;
	padding: 12px 0;
	border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(85, 85, 85, 0.5);
	cursor: pointer;
}
#shopList .ttlWrap .btn:hover{
	opacity: 1.0;
	background-color: #eee;
}
#shopList .ttlWrap .btn.act{
	background-color: #008342!important;
	color: #fff;
	box-shadow: none;
	pointer-events: none;
}
#shopList .content{
	background-color: #fff;
	border: 1px solid #333;
	padding: 10px;
	margin-top: 15px;
}
#shopList .bgGrnTtl{
	background-color: #008342;
	color: #fff;
	font-size: 14px;
	padding: 3px 18px;
	margin: 0 0 5px;
}
#shopList .linkBdrList{
	padding: 0 15px 10px;
}
#shopList section:last-child .linkBdrList{
	padding-bottom: 0;
}
#shopList .linkBdrList li{
	width: 230px;
	margin-top: 3px;
}
#shopList .linkBdrList li a{
	font-size: 14px;
	color: #333;
	text-decoration: underline;
}
#shopList .linkBdrList li a:hover{
	text-decoration: none;
}
#shopList .linkBdrList li:after{
	margin: 0 15px 0 0;
}
#shopList .linkBdrList li:nth-child(4n):after{
	display: none;
}
/* ===============================================================
 usefulInfo
=============================================================== */
#usefulInfo{
	border: 4px solid #000;
	border-radius: 12px;
	margin: 30px 0;
	padding: 20px;
}
#usefulInfo .bgBlkTtl{
	background-color: #222;
	color: #fff;
	font-size: 15px;
	border-radius: 30px;
	padding: 5px 20px;
	margin-top: -8px;
}
#usefulInfo .buy,
#usefulInfo .sell{
	float: left;
	width: 298px;
	padding-right: 18px;
	border-right: 1px solid #7e7e7e;
}
#usefulInfo .sell{
	margin-left: 18px;
}
#usefulInfo .usefulList li{
	border-bottom: 1px dashed #ccc;
	padding: 14px 0;
}
#usefulInfo .usefulList li:last-child{
	border-bottom: 0;
}
#usefulInfo .usefulList li a{
	color: #333;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: left 13px center;
	position: relative;
}
#usefulInfo .usefulList li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -9px;
	background-image: url(/assets/pc/common/img/icon_useful_set.png);
	background-repeat: no-repeat;
	height: 19px;
}
#usefulInfo .usefulList .flow a:before{width:21px; background-position: 0 0;}
#usefulInfo .usefulList .money a:before{width:20px; background-position: -22px 0;}
#usefulInfo .usefulList .faq a:before{width:16px; background-position: -41px 0;}
#usefulInfo .usefulList .support a:before{width:14px; background-position: -57px 0;}
#usefulInfo .usefulList .idea a:before{width:23px; background-position: -71px 0;left: 7px;}
#usefulInfo .usefulList li a:hover{
	text-decoration: underline;
}
#usefulInfo .flR{
	width: 300px;
}
#usefulInfo .boxTtlTop,
#usefulArea .boxTtlTop{
	box-shadow: none;
}
#usefulInfo .btnShadow,
#usefulArea .btnShadow{
	box-shadow:0px 3px 0 0 #aaa;
	padding: 0;
	color: #333;
}
#usefulInfo .boxTtlTop .ttl,
#usefulArea .boxTtlTop .ttl{
	font-weight: normal;
	text-align: center;
	color: #fff;
	background-color: #999;
	font-size: 16px;
}
#usefulInfo .boxTtlTop .boxIn,
#usefulArea .boxTtlTop .boxIn {
    padding: 10px 9px;
}
#usefulInfo .boxTtlTop .btnList,
#usefulArea .boxTtlTop .btnList{
	font-size: 0;
}
#usefulInfo .boxTtlTop .btnList li,
#usefulArea .boxTtlTop .btnList li{
	display: inline-block;
	margin: 9px 11px 0 0;
}
#usefulInfo .boxTtlTop .btnList li:nth-child(-n+3){
	margin-top: 0;
}
#usefulInfo .boxTtlTop .btnList li:nth-child(3n){
	margin-right: 0;
}
#usefulInfo .boxTtlTop .boxIn .btnShadow,
#usefulArea .boxTtlTop .boxIn .btnShadow{
	display: inline-block;
	width: 85px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	font-size: 13px;
	border: 1px solid #aaa;
}

/* ===============================================================
 btmSeo
=============================================================== */
#btmSeo{
	background-color: #f5f5f5;
	padding: 10px 14px;
	border-radius: 4px;
	font-size: 12px;
	margin-top: 40px;
	padding-right: 135px;
	min-height: 100px;
	background-repeat: no-repeat;
	background-position: right 30px bottom 20px;
}
#btmSeo.wFukunyan{
	background-image: url(/assets/pc/common/img/fukunyan_kirakira.png);
}
#btmSeo.wFukunyan01{background-image: url(/assets/pc/common/img/fukunyan_01.gif);}
#btmSeo.wFukunyan02{background-image: url(/assets/pc/common/img/fukunyan_02.gif);}
#btmSeo.wFukunyan03{background-image: url(/assets/pc/common/img/fukunyan_03.gif);}
#btmSeo.wFukunyan04{background-image: url(/assets/pc/common/img/fukunyan_04.gif);}
#btmSeo.wFukunyan05{background-image: url(/assets/pc/common/img/fukunyan_05.gif);}

#btmSeo a{
	color:#008342;
	text-decoration: underline;
}
#btmSeo a:hover{
	text-decoration: none;
}
/* ===============================================================
 footBnrSlider
=============================================================== */
.footBnrSlider{
	margin: 40px 0;
}
.footBnrSlider .bx-wrapper{
	max-width: 900px!important;
}
.footBnrSlider .bx-pager{
	display: none;
}
.footBnrSlider .box{
	margin-right: 20px;
}
.footBnrSlider .bx-wrapper .bx-prev:before, 
.footBnrSlider .bx-wrapper .bx-next:before{
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	margin-top: 0px;
	width: 14px;
	height: 14px;
}

/* ===============================================================
 lastSearchCond
=============================================================== */
#lastSearchCond{
	border: 1px solid #008342;
	border-radius: 8px;
	display: table;
	width: 100%;
	margin-top: 15px;
}
#lastSearchCond .ttl,
#lastSearchCond .linkBdrList,
#lastSearchCond .btn{
	display: table-cell;
	vertical-align: middle;
}
#lastSearchCond .ttl{
	width: 160px;
	background: url(/assets/pc/common/img/icon_browsersearch_blk.png) no-repeat left center;
	background-size: 21px auto;
	padding-left: 30px;
}
#lastSearchCond .linkBdrList li{
	display: inline;
	font-size: 13px;
}
#lastSearchCond .linkBdrList li:after{
	background-color: #333;
	margin: 0 5px;
}
#lastSearchCond .btn{
	width: 75px;
}
#lastSearchCond .btn a{
	display: block;
	line-height: 31px;
	padding: 0;
	font-size: 13px;
	text-align: center;
}

/* ===============================================================
 kodawari
=============================================================== */

#kodawari .condList{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#kodawari .condList .imgLBox{
	background-color: #fff;
	border: 1px solid #777;
	width: 316px;
	margin: 0 5px 16px 5px;
	position: relative;
}
#kodawari .condList .imgLBox a{
	padding: 9px 14px 9px 9px;
}
#kodawari .condList .imgLBox:hover:after{
	border: 3px solid #008342;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	display: block;
	content: "";
}
#kodawari .condList .imgLBox a:hover,
#kodawari .condList .imgLBox a img:hover{
	opacity: 1;
}
#kodawari .condList .imgLBox .imgArea{
	width: 80px;
}
#kodawari .condList .imgLBox .txtArea{
	width: 210px;
	padding-left: 20px;
}

#kodawari .condList .imgTBox {
	width:230px;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
	position: relative;
	margin:30px 8px 0 7px;
}
#kodawari .condList .imgTBox:hover:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0 0 10px 10px;
	border: 3px solid #008342;
	display: block;
	pointer-events: none;
	z-index: 2;
}
#kodawari .condList .imgTBox a{
	height: 100%;
}
#kodawari .condList .imgTBox a:hover,
#kodawari .condList .imgTBox a img:hover{
	opacity: 1.0;
}
#kodawari .condList .imgTBox .txtArea{
	padding: 5px 10px 35px;
}
#kodawari .condList .typeTag{
	position: absolute;
	bottom: 10px;
}
#kodawari .condList .typeTag .tag{
	background-color: #eee;
	color: #777;
	font-size: 10px;
	padding: 0 5px;
	display: inline-block;
}

/* ===============================================================
 modal
=============================================================== */

/* modal common */
.none{
	display: none;
}
.modalboxWrap{
  display: none;
  position: fixed;
  z-index: 1002;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  cursor: pointer;
  background-color: rgba(0,0,0,0.7);
}
.modalboxWrap .modal-content{
  padding: 0;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 600px;
  text-align: center;
  cursor: default;
}
.modalboxWrap .modal-content .btn_close,
#cond-modal .cond_close{
	background: transparent;
	border: none;
	position: absolute;
	top: -35px;
	right: 0;
	width: 30px;
	height: 30px;
	background-size: contain;
	cursor: pointer;
}
.modalboxWrap .modal-content .btn_close:before,
.modalboxWrap .modal-content .btn_close:after,
#cond-modal .cond_close:before,
#cond-modal .cond_close:after{
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	background-color: #fff;
	z-index: 1003;
	box-sizing: border-box;
	width: 30px;
	height: 2px;
}
.modalboxWrap .modal-content .btn_close:before,
#cond-modal .cond_close:before{
	transform: rotate(45deg);
}
.modalboxWrap .modal-content .btn_close:after,
#cond-modal .cond_close:after{
	transform: rotate(-45deg);
}
.modalboxWrap .modal-content .heading{
	display: block;
	background: #e8e7e1;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
}
.modalboxWrap .modal-content .contentWrap{
	background: #fff;
	padding: 20px 15px;
	box-sizing: border-box;
	font-size: 16px;
}
.modalboxWrap .modal-content .contentWrap .btnArea {
	margin-top: 10px;
}
.modalboxWrap .modal-content .contentWrap .btnGrad {
	cursor: pointer;
}

.favorite-modal .modal-content .txtBox{
	background: #eeeeee;
	padding: 10px 12px 14px;
	box-sizing: border-box;
	color: #333;
}

/* ===============================================================
 店舗選択モーダル
=============================================================== */
.shopContact-modal .modal-content{
	width: 740px;
	background-color: #fff;
}
.shopContact-modal .modal-content .heading{
	background-color: #008342;
	color: #fff;
	font-size: 24px;
	margin: 5px;
	padding: 6px 0;
}
.shopContact-modal .modal-content .contentWrap{
	max-height: 490px;
	overflow: auto;
}
.shopContact-modal .total{
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
.shopContact-modal .total .num{
	color: #ca2828;
}
.shopContact-modal .list{
	border: 1px solid #aaa;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 8px 15px 6px;
	text-align: left;
	overflow: hidden;
}
.shopContact-modal .list p{
	display: inline-block;
	vertical-align: middle;
}
.shopContact-modal .list .shopName{
	min-width: 160px;
	font-weight: bold;
	font-size: 20px;
}
.shopContact-modal .list .shopAccess{
	font-size: 14px;
}
.shopContact-modal .list .shopAccess span{
	max-width: 280px;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.shopContact-modal .list .shopAccess:before{
	display: inline-block;
	content:"[アクセス：";
}
.shopContact-modal .list .shopAccess:after{
	display: inline-block;
	content:"]";
}
.shopContact-modal .list .shopBtn{
	float:right;
}
.shopContact-modal .list .shopBtn .btnShadow{
	padding: 5px 10px;
	background: #d75a45;
	box-shadow: 0 3px 0 0 #982f1e;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
}
/*============================
#selectView
============================*/
#selectView{
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
}
#selectView .btnBox{
	width: 980px;
	margin: auto;
	text-align: right;
}
#selectView .open,
#selectView .close{
	display: none;
}
#selectView .close.act,
#selectView .open.act{
	background-color: rgba(0, 0, 0, 0.8);
	display: inline-block;
	font-size: 14px;
	color: #fff;
	border-radius: 6px 6px 0 0;
	border: 0;
	width: 80px;
	line-height: 30px;
	text-align: center;
}
#selectView .selectViewBox{
	padding: 8px 12px 7px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
}

#selectView .inner{
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
#selectView .selectViewItem,
#selectView .selectBtnClose,
#selectView .txt{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
}
#selectView .selectBtnClose{
	cursor: pointer;
}
#selectView .textBox{
	font-size: 22px;
	font-weight: bold;
	margin-right: 30px;
}
#selectView .txt {
	font-size: 18px;
	font-weight: bold;
	margin-right: 15px;
}
#selectView .textBox .unit{
	font-weight: normal;
	font-size: 16px;
	margin-left: 5px;
}
#selectView .cv{
	margin-right: 20px;
}
#selectView .shadowWrap .btnShadow{
	font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
	padding:8px 30px 7px 50px;
	color: #fff;
}
#selectView .cv .btnShadow{
	background: #f2761c;
  box-shadow: 0 4px 0 0 #9b5217;
	background-image: url(/assets/pc/common/img/icon_catalog_wh.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px;
}
#selectView .fav .btnShadow{
	color: #333;
	background: #fff;
	border: 1px solid #999;
	padding:7px 29px 6px 50px;
  box-shadow: 0 4px 0 0 #aaa;
	background-image: url(/assets/pc/common/img/icon_heart_red.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px;
}
#selectView .delete .btnShadow {
	background: #ccc;
	box-shadow: 0 4px 0 0 #777;
	color: #333;
	font-size: 14px;
	padding: 8px 30px 7px 30px;
}

/* ===============================================================
 ml_banner
=============================================================== */
/*#ml_banner{
    padding-top: 68px;
    padding-bottom: 12px;
}
*/
#ml_banner img{
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 40%);
}
#ml_banner img:hover{
    opacity: 0.8!important;
    box-shadow:0 0 0!important;
}

#ml_banner_sita img{
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 40%);
}
#ml_banner_sita img:hover{
    opacity: 0.8!important;
    box-shadow:0 0 0!important;
}


.ml_banner_margin{
    margin-top: 42px;
}
.ml_banner_margin_30{
    margin-top: 29px;
}
.ml_banner_margin_60{
    margin-top: 60px;
}

.ml_banner_margin_30_30{
    margin-top: 29px;
    margin-bottom: 29px;
}


#cp_banner{
    text-align: center;
    margin-top: 10px;
}