@charset "utf-8";

/*Media Query   Phones to Tablets*/
@media screen and (max-width: 767px) {


.pc_disp{display:none;}
.sp_disp{display:block;}


/*------------------------------ */
/* #header
-------------------------------- */
.headerArea{
	height:52px;

}
.headerArea .inner{
	width:100%;
	height:52px;
}

.headerArea .inner .headerLeft{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:40px;
}

.headerArea .headerLeft .spnaviBtn{
	float:left;
	display:block;
	width:25px;
	height:50px;
	margin:2px 0 0 8px;
	background: transparent url(../images/sp_header_menu.png) no-repeat center center;
	background-size:auto 25px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}


.headerArea .inner .headerLogo{
	width:100%;
}
.headerArea .inner .headerLogo p{
	width:100%;
	height:52px;
	background: transparent url(../images/sp_header_logo.png) no-repeat center top;
	background-size:auto 52px;
		
}

.headerArea .inner .headerRight{
	float:left;
	background:#8ab257;
	width:100%;
	border-top:2px solid #567d2e;
	height:39px;
}
.headerArea .inner .headerRight .time{
	float:right;
	line-height:18px;
	font-size:85.7%;
}
.headerArea .inner .headerRight .time span{
	display:block;
}
.headerArea .inner .headerRight ul{
	float:left;
}
.headerArea .inner .headerRight li.limail{
	display:none;
}
.headerArea .inner .headerRight li.licontact{
	display:none;
}
.headerArea .inner .headerRight li.litel{
	width:165px;
	height:37px;
	background: transparent url(../images/sp_tel.png) no-repeat left top;
	background-size:auto 37px;
}
.headerArea .inner .headerRight li.litel p{
	width:165px;
	height:37px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}
 .headerNavi{
	display:none;
}
	/*-------------------------------
	   #spNavi
	--------------------------------*/
	#spNavi{
		position:fixed;
		top:0;
		display:block;
		width:280px;
		background:#8e0000;
		left:-280px;
		min-height:100%;
		z-index:9998;
	}
	#spNavi .spNaviclose{
		position:absolute;
		top:0;
		left:280px;
		height:52px;
		width:100%;
		color:#ff0000;
		z-index:9998;
		background:#8e0000  url(../images/sp_mypage_close.png) no-repeat 10px center;
		background-size:auto 20px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		cursor: pointer;
		display:none;
	}
	#spNavi .naviLogo{
		width:100%;
		height:54px;
		line-height:52px;
		color:#fff;
		padding:0 15px;
		border-bottom:2px solid #000;
		
	}
	#spNavi .naviLogo p{
		width:100%;
		height:52px;
		background: transparent url(../images/sp_header_logo.png) no-repeat center top;
		background-size:auto 52px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
			
	}

	#spNavi .menuTitle{
		width:280px;
		height:52px;
		line-height:52px;
		color:#fff;
		padding:0 15px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		text-align:left;
		line-height:52px;
		padding-left:50px;
		background: transparent url(../images/sp_search_icon.png) no-repeat 15px center;
		background-size:auto 25px;
		font-size:107.1%;
	}
	#spNavi .menuNavi{
	padding:10px;
	}
	#spNavi .menuNavi ul{
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
	#spNavi .menuNavi li{
	border-bottom:1px solid #fff;
	padding-left:0;
	background:none;
}
	#spNavi .menuNavi li a{
	color:#fff;
	text-decoration:none;
}
	#spNavi .menuNavi li p{
	padding:10px 10px 10px 20px;
	background: #8e0000 url(../images/sp_arrow_9.png) no-repeat right center;
	background-size: auto 15px;
}
	#spNavi .menuNavi li.homeicon p{
	background: #8e0000  url(../images/sp_home-icon2.png) no-repeat right center;
	background-size: auto 15px;
}
	
/*------------------------------ */
/* #Wrapper
-------------------------------- */
	#Wrapper{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	overflow-x: scroll;
	
	}
	#WrapperInner{
/*	width:320px;*/
	}
	#Wrapper.on{
	left:280px;
	
	}
	
	.slide{
		height:300px;
	}


	.slide .inner{
		width:90%;
	}
	.slide .inner .pop1{
		width:115px;
		height:190px;
	    top:70px;
	}
	.slide .inner .pop2{
		width:172px;
		height:36px;
	    top:150px;
	}

	.slide .pop1 p{
		width:115px;
		height:190px;
		background: transparent url(../images/top_img.png) no-repeat center center;
		background-size:115px auto;
	}
	.slide .pop2 p{
		width:172px;
		height:36px;
		background: transparent url(../images/top_img2.png) no-repeat center center;
		background-size:172px auto;
	}

	.contents{
		width:100%;
	}

/*------------------------------ */
/* #Top
-------------------------------- */
#sekou{
	padding:40px 10px;

}
#sekou .inner{
	width:100%;
	margin:0 auto;
	padding:20px 20px 30px 20px;
	background-color: rgba(255,255,255,0.7);
	border:3px solid #9fe19c;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#sekou .slideArea{
	width:100%;
}
#sekou .slideArea ul{
	width:100%;
}
#sekou .slideArea ul li{
	width:100%;
	padding:0 20px;
}
#sekou .shl{
	width:100%;
}
#sekou .shl .leftBox{
	width:100%;
	min-height:auto;
}
#sekou .shl .leftBox div{
	padding:0 20px 0 0;
	font-size:12px;
}
#sekou .shl .leftBox div span{
	font-size:16px;
}
#sekou .shl .leftBox p{
	color:#2c882c;
	text-align:right;
	padding-top:10px;
	padding-right:20px;
}


#sekou .shl .rightBox{
	width:100%;
	position:static;
}


#sekou dt{
	float:left;
	padding:5px;
	width:25%;
}
#sekou dt.first{
	padding:5px;
}
#sekou dt div{
	background-position:center center;
	background-size:auto 200px;
}
#sekou dt.maps div{
	background-position:100px center;
	background-size:auto 200px;
}
#sekou dt img{
	width:100%;
}

#sekou .shb{
	padding-top:20px;
}
#sekou .shb .leftBox{
	width:100%;
	padding-bottom:10px;
}
#sekou .shb .rightBox{
	width:100%;
	margin-right:0;
}

#sekou .shb .leftBox .title,
#sekou .shb .rightBox .title{
	width:100%;
	background:#9fe19c;
	font-size:18px;
	line-height:28px;
	text-align:center;
}

#sekou .shb .leftBox dl,
#sekou .shb .rightBox dl{
	padding-top:10px;
	width:100%;
}
#sekou .shb .leftBox dt,
#sekou .shb .rightBox dt{
	padding-left:0;
	width:50%;
}
#sekou .shb .leftBox dt img,
#sekou .shb .rightBox dt img{
	width:95%;
}
#buy{
	width:100%;
	background: transparent url(../images/buy_bg.jpg) no-repeat center top;
	background-size:cover;

}
#buy .inner{
	width:100%;
	padding:40px 10px;
}
#buy .leftBox{
	width:100%;
	height:auto;
	font-size:12px;
	line-height:18px;
margin-right:0;
}
#buy .sell{
	background: transparent url(../images/sell_gr.png) repeat-x center top;
	background-size:cover;
	margin-bottom:20px;
}
#buy .buy{
	background: transparent url(../images/buy_gr.png) repeat-x center top;
	background-size:cover;
}
#buy .sell .coment,
#buy .buy .coment{
	width:80%;
	margin:10px auto 30px auto;
	font-size:12px;	
}
#buy .sell .subtitle{
	padding:0 0 20px 20px;
	font-size:14px;
	font-weight:bold;
	color:#b47a6e;
}
#buy .buy .subtitle{
	padding:0 0 20px 20px;
	font-size:14px;
	font-weight:bold;
	color:#c1bdbd;
}
#buy .sell .text,
#buy .buy .text{
	padding:0 35px 30px 35px;
	font-size:12px;
	
}
#buy .rightBox{
	float:left;
	height:100%;
	width:auto;
	font-size:12px;
	line-height:18px;
box-shadow:5px 5px 4px -3px #000000;
-moz-box-shadow:5px 5px 4px -3px #000000;
-webkit-box-shadow:5px 5px 4px -3px #000000;
margin-left:0;
}
#torikumi{

}
#torikumi .inner{
	width:100%;
	padding:40px 10px;
}
#torikumi .title{
	width:300px;
	height:30px;
}
#torikumi .title h3{
	width:300px;
	height:30px;
	background: transparent url(../images/pc_torikumi_title.png) no-repeat center top;
	background-size:300px auto;
}
#torikumi .leftBox{
	float:left;
	padding:20px 0;
	width:100%;
	font-size:12px;
	line-height:18px;
}
#torikumi .leftBox .text{
	text-align:left;
}
#torikumi .leftBox .btn{
	margin-top:20px;
	width:100%;
}
#torikumi .leftBox .btn p{
	width:100%;
	text-align:center;
	font-size:14px;
	background:#8d8a8a  url(../images/torikumi_btn_bg.png) no-repeat right center;
}
#torikumi .leftBox .btn p:hover{
	background:#8e0000  url(../images/torikumi_btn_bg.png) no-repeat right center;
}
#torikumi .rightBox{
	padding-top:20px;
	float:none;
	width:100%;
}
#torikumi .rightBox .img{
	margin:20px 0;
	width:70%;
	margin:0 auto;
}
#torikumi .rightBox img{
	width:100%;
}



/*------------------------------ */
/* #footer
-------------------------------- */
#footer .footerInner{
	margin:0 auto;
	width:100%;
	padding:0;

}

#footer .footerHome{
	float:left;
	width:50%;
	border-top:2px solid #8d8a8a;
	border-right:2px solid #8d8a8a;
	border-bottom:2px solid #8d8a8a;
	text-align:center;
	background:#000;
	height:40px;
	line-height:36px;
}
#footer .footerTop{
	float:left;
	width:50%;
	border-top:2px solid #8d8a8a;
	border-bottom:2px solid #8d8a8a;
	text-align:center;
	background:#000;
	height:40px;
	line-height:36px;
	color:#fff;
}
#footer .footerHome a,
#footer .footerTop a{
	color:#fff;
	text-decoration:none;
}
#footer .footerHome span{
	padding-left:25px;
	background:  url(../images/sp_home-icon.png) no-repeat left center;
	background-size: auto 15px;
}
#footer .footerTop span{
	padding-left:20px;
	background:  url(../images/sp_top-icon.png) no-repeat left center;
	background-size: auto 10px;
	cursor: pointer;
}
#footer .footerInner .logo{
	display:none;
}
#footer .footerInner .access{
	display:none;
}
#footer .footerInner .navi{
	float:none;
	width:100%;
	padding:10px;
}
#footer .footerInner .navi ul{
	border-top:1px solid #8d8a8a;
	border-right:1px solid #8d8a8a;
	border-left:1px solid #8d8a8a;
}
#footer .footerInner .navi li{
	float:left;
	width:100%;
	border-bottom:1px solid #8d8a8a;
	padding-left:0;
	background:none;
	font-size:14px;
}
#footer .footerInner .navi li p{
	padding:10px 10px 10px 20px;
	background: #000 url(../images/sp_arrow_9.png) no-repeat right center;
	background-size: auto 15px;
	
	
}
#footer .copyright{
	height:30px;
	line-height:30px;
}


}

/*Media Query   Phones to Tablets*/
@media screen and (max-width: 580px) {
}