@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;
}


	
}
@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;
}

#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;
}
#headerSlideMenu{
	width:100vw;
	height:calc(100vh - 60px);
}
#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,.headerInquiry{
	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;
}
#headerTxt{
	display:none;
}

.menuSlideBox{
	width:100%;
}

#main{
	top:60px;
}




#topSlideWrapper{
	width:100%;
	height: 218vw;
	/*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: 218vw;
	/*height:calc(100vh - 60px);*/
	display:block;
	clear:both;
}


#topSlideSP .slideImg{
	width:100%;
	/*height:600px;*/
	height: 218vw;
	/*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;
}


.sideTel img{
	width:310px;
}
.bannerBox{
	width:310px;
	padding:15px 44px 5px;
	margin:20px auto;
}
.bannerBox a{
	margin-bottom:15px;
	border:1px solid #C9CACA;
	display:block;
}

.h01{
	padding:30px 0px 0px;
}
.h01 img, .h03 img{
	width:100%;
}
.h03{ 
	margin-bottom:10px;
}
.h03 img{
	width:90%;
}
.h02{ 
	padding:12px 0px 0px;
}
.h02 h2{
    background-size:95% auto;
    font-size: 20px;
    letter-spacing: 0px;
    height: 43px;
	margin:10px 0px 10px;
}



.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;
}



.tbl1 th{
	padding:8px 5px;
}
.tbl1 td{
	padding:8px 5px;
}


.txtBox1{
	margin:10px auto;
	padding:10px 14px;
	width:100%;
}
.txtBox2{
	margin:0px auto;
	padding:10px;
	width:100%;
}
.txtBox3{
	padding:10px;
	width:100%;
	letter-spacing:1px;
}




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


	
.normalBox,.qualityBox,.polygonBox,.wideBox{
	width:92%;
	max-width:92%;
	margin:0px 4%;
	font-size:14px;
}

.caseWrapper{
	padding:20px 0px 0px;
}
.caseBox1{
	width:90%;
	height:auto;
	margin:20px auto;
	float:none;
}
.caseBox1 .h{
	font-size: 22px;
    padding: 45px 0px 15px;
}
caseBox1 .txt{
	padding:10px 5px 18px; 
}
.caseBox2{
	width:90%;
	height:auto;
	margin:20px auto;
	float:none;
}
.caseBox2 .h{
	font-size:22px;
	padding:30px 0px 15px;
}

.lrBox{
	width:100%;
	padding:10px 0px;
}
.lrBox .left{
	width:96%;
	margin:0px auto;
	float:none;
	
}
.lrBox .right{
	width:96%;
	margin:0px auto;
	float:none;
}
.lrBox .imgBox{
	border:none;
	box-shadow:none;
	background:none;
	width:94%;
	border:8px solid #dfdfdf;
	margin:15px auto;
}
.lrBox .imgBox img{
	width:100%;
}
.lrBox .txtBox .h{
	margin:5px 5px;
	border-left:2px solid var(--main-color);
	padding:10px 13px;
	color:var(--main-color);
	font-size:19px;
	font-weight:bold;
	letter-spacing: 0px;
}
.lrBox .txtBox .img{
	right:-15px;
	top:-35px;
}
.lrBox .txtBox .img img{
	width:110px;
}
.lrBox .txtBox{
	height:auto;
}
.lrBox .imgBox{
	height:auto;
}


.mapBox1 .zoom{
	position:absolute;
	right:15px;
	bottom:15px;
}
.mapBox1 .zoom i{
	color:var(--main-color);
	font-size:35px;
}
.mapTbl1{
	width:100%;
}

.cunsultationBox .btn a{
	max-width:auto;
	margin:15px auto;
	font-size:17px;
	line-height:50px;
	border-radius:40px;
	letter-spacing:0px;
	padding:18px 15px;
}
.cunsultationBox .list{
	margin:40px 0px 23px 20px;
}
.cunsultationBox .illust{
	right:20px;
	bottom:-20px;
}
.cunsultationBox .illust img{
	width:90px;
}
.cunsultationBox .list{
	margin:30px 0px 23px 30px;
}
.cunsultationBox .list li,.cunsultationBox .list a,.cunsultationBox .list a span{
	font-size:17px;
	letter-spacing:0px;
}
.cunsultationBox .list  i{
	color:var(--main-color);
}
.cunsultationBox .list .mail-inner{
	font-size:15px;
}
.consultationTxt{
	padding:20px 0px 20px;
	margin:auto;
	width:100%;
	letter-spacing:0px;
	line-height:27px;
	color:var(--main-color);
	font-size:14px;
	text-align:left;
}
.consultationImg{
	position:absolute;
	right:0px;
	bottom:-20px;
}
.consultationImg img{
	width:120px;
}
.formTbl1 th{
	padding:8px 4px;
	font-size:13px;
	line-height:23px;
	min-width:70px;
}
.formTbl1 td{
	border-right:1px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
	padding:8px 7px;
	background:white;
	font-size:14px;
	line-height:23px;
}
.formTbl1 td.l{
	text-align:center;
	color:var(--main-color);
}
.cunsultationBox.formBox .list {
	margin:0px 0px 23px 30px;
}

.deliveryImg{
	display:none;
}
.inputTxt1{
	max-width:230px;
	margin:4px 0px 4px 0px;
}
.inputTxt1.w100p{
	max-width:98%;
	width:98%;
}







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

#footerMenu{
	margin:0px auto 0px;
	width:250px;
	float:none;
	clear:both;
}
#footerMenu .sub{
	float:left;	
	margin:0px 0px 30px;
	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;	
}










}