@charset "utf-8";


/************************************************************
*	pc小　tablet
 ************************************************************/
@media screen and (max-width: 1300px) { 


}
@media screen and (max-width: 1250px) { 


}
@media screen and (max-width: 1000px) { 


#footer{
	width:auto;	
}
#footerMenu{
	margin:20px 0px 0px 50px;
}
#page-top {
    bottom: -80px;
    right: 30px;
    width: 50px;
    height: 50px;
}
#page-top i{
color:white;
font-size:20px;
margin-top:13px;
}
#cart-top {
    bottom: -80px;
    left: 30px;
    width: 50px;
    height: 50px;
	right: auto;
}
#cart-top img{
	width:50px;	
}

	
}
@media screen and (max-width: 900px) { 
/*#headerPC{
	display:none;	
}*/

#headerSP{
	display:block;
	width:100%;
	height:60px;
	/*background:rgba(255,255,255,0.95);*/
	float:left;
	left:0px;
	top:0px;
	z-index:5000;
	text-align: center;
}
#headerSP.bgWhite{
	background:rgba(255,255,255,0.9);
}
#headerLogo{
	
	/*float:left;
	position:relative;
	overflow:visible;
	left:50px;
	top:5px;
	line-height:60px;
	padding-right:15px;**/
}
#headerLogo img{
	height:60px;
}



.open{
	display:block;	
}


}

@media screen and (max-width: 800px) { 

}

/************************************************************
*	smartphone
 ************************************************************/
@media screen and (max-width: 480px) { 
body{
	overflow-x:hidden;	
}

.pcHidden{
	display:block;
}
.spHidden{
	display:none;	
}
#headerPCTop{
	background: rgba(255,255,255,0.9);
}
#headerLogo{
	top:4px;
	left:50%;
	transform: translate(-55%, 0%);
	position:absolute;
}
#headerLogo img{
	width:210px;
	height:auto;
}
#headerLogoMember{
	top:6px;
	left:50%;
	transform: translate(-50%, 0%);
	position:absolute;
}
#headerLogoMember img{
	margin-top:5px;
}

#headerMenu{
	top:0px;
	left:0px;
}
#headerMenu a{
	display:block;
	width:60px;
	height:60px;	
	text-align:center;
	padding:15px 0px 5px;
}
#headerMenu img{
	width:30px;
}
#headerPC{
	height:60px;	
	right:0px;
	left:0px;
	width:100%;
}
#headerPCMenu{
	width:100%;	
	/*display: flex;
	justify-content: center;*/
}
#headerPCMenu li {
	width:50%;
	height:46px;
	float:left;	
	bottom:0px;
	margin-left:0px;
}
#headerPCMenu li a{
	height:46px;
	width:100%;
	line-height:46px;	
	float:left;
	text-align:center;
	padding-top:7px;
	margin:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
#headerPCMenu img{
	height:30px;
}
#headerPC #headerPCMenu li a:hover{
	/*background:#c1b35c;*/	
	background-position:bottom;
}
#headerPCMenu li a#assortList{
	background:#eee7d0;
}
#headerPCMenu li a#assortList:hover{
	background:#e4daba;
}
#headerPCMenu li a#itemList{
	background:#e0d4cb;
}
#headerPCMenu li a#itemList:hover{
	background:#d6c7bc;
}

#headerPCWrapperTop{
	width:100%;	
	height:60px;
}
#headerPCTop{
	width:100%;
	height:60px;
	margin:0px auto;	
}
#headerPCWrapperBottom{
	width:100%;
	height:50px;
	float:left;
	background:none;
	border-bottom: 3px solid #b7ab55;
	bottom:0px;
}
#headerPCBottom{
	width:100%;
	height:50px;
	margin:0px auto;
	bottom:0px;
}
.headerLink{
	display:none;	
}
.headerLogin a{
	width:60px;
	height:60px;
	padding-left:0px;
}
.headerLogin img{
	width:60px;	
	padding-top:0px;
}
.headerLogin a:hover img{
	padding-top:0px;
}
.menuSlideBox{
	width:100%;
}

#main{
	top:60px;
}




#topSlideWrapper{
	width:100%;
	/*height:100vh;*/
	height:calc(100vh - 60px);
	position:relative;
}
#topSlideWrapper #topSlide{
	display:none;	
}
#topSlideWrapper img {
    max-width:100%;
}

#topSlideWrapper #topSlideSP{
	width:100%;	
	/*height:600px;*/
	position:absolute;
	float:right;
	/*height: 100vh;*/
	height:calc(100vh - 60px);
	display:block;
	clear:both;
}


#topSlideSP .slideImg{
	width:100%;
	/*height:600px;*/
	/*height: 100vh;*/
	height:calc(100vh - 60px);
	position:relative;
	overflow:hidden;
}
#topSlideSP .slideImg img {
    position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: auto;
  object-fit:cover;
}


#topSlideSP .slick-dots{
	left:15px;
	bottom:15px;	
}
#topSlideSP .slick-dots li button::before{
	font-size:10px;
}



.h01 img, .h03 img{
	width:100%;
}

.h01 {
	background-size:98% auto; 
	padding:30px 0px 10px;
	letter-spacing: 1px;
}
.h01 h2{
	font-size:24px;
}





.dlList1{
	margin:0px auto 0px;
	width:100%;
	padding:0px 10px 35px;
}
.dlList1 dl{
	position:relative;
	padding:0px 0px 50px;	
}
.dlList1 dl dt{
	float:left;
	padding:10px 15px 5px 15px;
	text-align:left;
	width:100%;
}
.dlList1 dl dd{
	padding:0px 15px 15px 15px;
	width:100%;
	border-bottom:1px solid #cccccc;
}







#topMain{
	clear:both;
	top:auto;
	position:relative;
	float:left;
	width:100%;
}
#main{
	top:0px;
	overflow-x:hidden;
	padding-top:60px;
}





.serviceBtn{
	width:48%;
	height:auto;
	float:left;
	margin:10px 1% 15px;
}
.serviceBtn img{
	width:100%;
	height:auto;
}

.searchLeft{
	display:none;
}
.searchRight{
	width:100%;

}
.searchForm{
	width:100%;	
	margin:10px auto 15px;	
}
.searchForm dt{
	letter-spacing:2px;	
	clear:both;
	padding:0px 20px 0px 20px;
	width:200px;
	text-align:left;
}
.searchForm dd{
	padding:5px 20px 15px 20px;
	width:550px;
}
.submitBtn{
	padding:10px 0px 18px;	
}

.contactBox{
	width:100%;	
}
.contactList{
	margin:0px 0px;		
}
.contactList dt,.contactList dd{
	float:left;	
}
.contactList dt{
	letter-spacing:2px;	
	clear:both;
	padding:10px 10px 5px 10px;
	width:98%;
}
.contactList dd{
	padding:0px 10px 0px 10px;
	width:98%;
}
.contactList dd .input1{
	width:100%;	
}




#fixFooter{
	display:block;	
	width:100%;
	height:50px;
	position:fixed;
	bottom:0px;
	float:left;
	z-index:3000;
	
}
#fixFooter > div{
	width:50%;
	height:50px;
	background:#a7984f;
	float:left;
}
#fixFooter .search{
	background:	url('../img/icon_search.png') no-repeat 10px 15px;
	padding:0px 0px 0px 40px;
	background-size:20px auto;
	color:white;
	font-size:13px;
	line-height:50px;
	text-decoration:none;
	display:block;
}
#fixFooter .assort{
	background:	url('../img/sidebar_template.png') no-repeat 10px 13px;
	padding:0px 0px 0px 40px;
	background-size:28px auto;
	color:white;
	font-size:13px;
	line-height:50px;
	text-decoration:none;
	display:block;
}








	
.normalBox{
	width:100%;
	max-width:480px;
	font-size:14px;
}
.wideBox{
	width:100%;
	max-width:480px;
	font-size:14px;
}



.mainItemBox{
	width:50%;	
}
.mainItemBox .img{
	width:100%;
}
.mainItemBox .img img{
	width:100%;	
}





.hTop1{ 
	text-align:center;
	padding:20px 0px 3px;
	clear:both;
}
.hTop1 h2{
	padding:15px 9px 8px;
	letter-spacing:4px;
	font-size:17px;	
	display:block;
	height:90px;
}
.hTop1 h2.small{
	letter-spacing:0px;
	font-size:16px;	
}
.hTop2{ 
	text-align:center;
	padding:25px 0px 15px;
}
.hTop2 h2{
	padding:15px 11px 13px;
	letter-spacing:2px;
	font-size:17px;	
	display:block;
}






#footer{
	width:100%;
}
#footerLogo{
	width:100%;
	float:left;
	clear:both;
	text-align:center;
	position:relative;
	top:10px;
	left:0px;
	padding-bottom:30px;
	
}
#footerLogo img{
	width:240px;
	margin-top:0px;	
}

#footerMenu{
	margin:0px auto 0px;
	width:250px;
	float:none;
	clear:both;
}
#footerMenu .sub{
	float:left;	
	margin:0px 0px 10px;
	color:#666666;
	line-height:25px;
	min-height:auto;
	font-size:13px;
}
#footerMenu .sub .h1{
	width:240px;
	letter-spacing:2px;
	font-size:14px;
	padding-left:5px;
	margin-bottom:4px;
	line-height:33px;
}	
#footerMenu .sub .line{
	padding:5px 0px 5px 24px;	
}
#footerMenu a{
	padding-left:20px;
	font-size:13px;
	text-decoration:none;
	line-height:33px;
}
#footerSns{
	padding:40px 0px 15px;
	float:none;
	width:100%;
	text-align:center;
	position:relative;
	right:auto;
	left:auto;
	top:auto;
	clear:both;
}
#footerSns a{
	padding:30px 30px;
	display:inline;
	float:none;
}
#footerCopy{
	width:100%;
	text-align:center;
	padding:10px 0px 20px;
	letter-spacing:1px;
	font-size:10px;	
}


.pager01{
	padding:10px 0px 10px;
		
}
.pager01 ul{
	position: relative;
 	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
 	float: left;
	margin:0px;
	padding:0px;
}
.pager01 li{
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
}
.pager01 li a, .pager01 li span{
	display:block;
	padding:15px 10px;	
}
.pager01 li a:hover{
	background:rgba(0,0,0,0.05);	
}

.registTbl1 th{
	width:80px;
	min-width:80px;
	padding:7px 5px;
	font-size:13px;
	line-height:19px;
}
.registTbl1 td{
	padding:7px 7px;
}

.companyDetail .titleBox .img{
	width:80px;
	float:left;
}
.companyDetail .titleBox .img img{
	width:80px;
}
.companyDetail .titleBox .title{
	width:calc(100% - 80px);
	padding-left:9px;
}

.contactListLeft{
	display:none;
}
.contactListRight{
	width:96%;
	margin:0px 2%;
}



}