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

/*ポップアップバナーOEM 用*/
@import url(popupbana.css);

/*元のテンプレート非表示 修正


#container{
	padding:0px !important;
}



#pc_navi{
	display:none !important;
}*/

/*
@media only screen and (max-width: 1080px) { 
#pc_navi{
	display:block !important;
}

}*/
/*PCスクロール後ナビ
.clone-nav{
	display:none !important;
}
*/

nav.pc_navi{
	position:fixed;
	top:0px;
}
nav.pc_navi #logo{
	margin-top:10px;
}




#bar2{
	display:none;
}
footer #toi{
	display:none;
}



/*OEM ここから*/


#oem{
	letter-spacing:0.15em;
}




#oem #oem_logo{
	width:100px;
	height:auto;
	padding:20px 0px;
	margin:0 auto;
}

#oem #oem_back a{
	color:#861705;
	position:absolute;
	right:17px;
	top:25px;
}

#oem #oem_back a::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -4px;
}



#oem #oem_logo img{
	width:100%;
}


#oem #oem_sp_top{
	display:none;
}



#oem .bana{
	background-color:rgb(255,255,255,0.9);
	width:100%;
	text-align:center;
	padding:/*50px*/15px 0px;
}



#oem .bana img{
	width:40%;
}




/*--------

ヘッダー

-------*/


#oem_h_navi{
	width:100%;
	height:auto;
	background-color:#861705;
	color:#fff;
	font-size:/*18*/14px;
	line-height:3.0;
 /*   z-index: -9;
    box-shadow: 0 15px 30px -15px rgba(0,0,0,.3), 0 0 5px rgba(0,0,0,.05);
    transform: translateY(0px);
    transition: 0.5s;
    position: absolute;
    top: 10px;
    z-index: 99999999999999999999;
*/
}

#oem_h_navi ul {
	max-width:1000px;
	margin:0 auto;
	padding:0px;
}


#oem_h_navi ul li{
	display:inline-block;
		width:25%;
	 width : calc(100% / 4) ;
	   width : -webkit-calc(100% /4) ;
	display:inline-block;
	padding:0px;
	margin:0 -5px 0 0px;
	text-align:center;


}

#oem_h_navi ul li:first-child{
	border-left:1px solid #fff;
	
}




#oem_h_navi ul li a{
	color:#fff;
	display:block;
	border-right:1px solid #fff;

}

#oem_h_navi ul li:nth-child(1n){
	background-image:url(../img/icon_01.gif);
	background-repeat:no-repeat;
	background-position: 40px center;

}


#oem_h_navi ul li:nth-child(2n){
	background-image:url(../img/icon_02.gif);
	background-repeat:no-repeat;
	background-position: 40px center;
}
#oem_h_navi ul li:nth-child(3n){
	background-image:url(../img/icon_03.gif);
	background-repeat:no-repeat;
	background-position: 40px center;
}
#oem_h_navi ul li:nth-child(4n){
	background-image:url(../img/icon_04.gif);
	background-repeat:no-repeat;
	background-position:/*40px*/30px center;
}







/*--------

footer　フッター

-------*/



#oem_footer{
	width:100%;
	height:auto;
	text-align:center;
	/*background-image:url(../img/footer.jpg);*/
	background-size:auto 245px;
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:/*245px*/0;
}


#oem_footer #toi_oem_bg {
    width: 100%;
    height: 100%;
    padding: 80px 0;
    display: block;
}

#oem_footer #toi_oem .toi2 {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Josefin Sans', sans-serif;
}



#oem_footer #toi_oem span {
    font-size: /*12px*/18px;
    margin-top: 20px;
    font-weight: 600;
}



#oem_footer #toi_oem ul li{
	width:20%;
	vertical-align:top;
	display:inline-block;
	margin-top:30px;
}
#oem_f_navi{
	width:100%;
	height:auto;
	padding:100px 0;
	text-align:center;
/*	*/background-color:#861705;
	color:#fff;
	/*background-color:#ececec;
	color:#861705;*/
	display:none;
}



#oem_f_navi p{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;

}
#oem_f_navi p a{
	color:#fff;
}



#oem_f_navi ul li{
	display:inline-block;
	margin:50px 25px;
}


#oem_f_navi ul li a{
	color:#fff;
/*	color:#861705;*/

}





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

/*バナー*/

#oem .bana{
	background-color:rgb(255,255,255,0.9);
	width:100%;
	text-align:center;
	padding:20px 0;
}
#oem .bana img{
	width:94%;
	margin:0 auto;
}


#oem #oem_logo,#oem #oem_back {
	display:none;
}

/*ヘッダーナビ*/


#oem_h_navi ul li{
	margin:0;
	font-size:/*12*/11px;

}

#oem_h_navi ul li:first-child{
	border:none;
}




#oem_h_navi ul li a{
	border:none;

}

#oem_h_navi ul li{
	background-image:none !important; 
}


#oem #oem_sp_top{
	width:100%;
	text-align:center;
	margin:/*45*/0px 0 20px;
	display:block;
	    font-weight: bold;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
/*	display:none;
	padding:20px 0  0 0px;*/
}

/*
#oem #oem_sp_top a{
		color:#fff !important;
}*/







/*------------

スマホフッター

---------------*/

#oem_footer #toi_oem ul li{
	width:94%;
	text-align:center;
}

#oem_footer span{
	font-size:14px;
	margin-top:20px;
	font-weight:600;
}



#oem_footer{
	/*background-image:url(../img/footer_sp.jpg);*/
	background-size:100%;
	padding-top:/*380*//*245px*/0;
	margin-top:50px;
}




#oem_footer li.btn_tel{
	list-style:none;
	display:inline-block;
	width:94%;
	z-index:99999;
font-family: 'Josefin Sans', sans-serif;
}



#oem_footer li.btn_tel a {
	color:#fff !important;
	text-decoration:none;
	display:block;
	text-align:center;
	 border-radius: 4px;
	 /*width:480px;
	height:110px;*/
	vertical-align:middle;
	display:block;
	background-color:#333;
	padding-bottom:15px;

}


#oem_footer li.btn_tel a:hover{
	/*background-color:#333;*/
	color:#333 !important;
}

#oem_footer li.btn_tel .small{
	font-size:12px !important;
	 font-family: "Sawarabi Mincho";
}



#oem_f_navi{
	width:100%;
	height:auto;
	padding:100px 0;
	text-align:center;
}


#oem_f_navi p{
    font-weight: bold;
    font-size: 18px;

}

#oem_f_navi ul li{
	display:block;
	margin:50px 0;
}


}

#oem_wrap{
	width:100%;
	height:auto;
	padding:0px 0 50px 0;
}

#oem_wrap .ttl{
	width:500px;
	font-size:34px;
	border-bottom:1px solid #861705;
	margin:0 auto;
	text-align:center;
	clear:both;
		line-height:3.0;

}

#oem_wrap .btn{
	width:100%;
	clear:both;
	margin:80px 0 0 0;
	text-align:center;
	
}

#oem_wrap .btn ul li{
	display:inline-block;
	margin:0 20px;
}

#oem_wrap .btn a{
	border:1px solid #861705;
	padding:15px 50px;
	background-image:url(../img/arrow_01.jpg);
	background-repeat:no-repeat;
	background-position:right 10px center;

}


#oem_wrap .ttl2{
	width:100%;
	max-width:1200px;
	height:auto;
	margin:80px auto;
}
#oem_wrap .ttl2 img{
	width:100%;
	overflow:hidden;
}



#oem_wrap dl{
	width:100%;
	max-width:800px;
	margin:0 auto 80px auto;
}
#oem_wrap dt{
	font-size:24px;
	color:#851705;
	text-align:center;
	margin:0 0 30px 0;
}


#oem_wrap .ttl3{
	width:300px;
	font-size:18px;
	border-bottom:1px solid #861705;
	margin:150px auto 0 auto;
	text-align:center;
	clear:both;
	font-weight:600;
/*	line-height:3.0;*/
}



#oem_wrap .box_wrap{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}


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


#oem_wrap dl{
	width:94%;
	max-width:auto;
	margin:0 auto 0px auto;
}
#oem_wrap dt{
	font-size:18px;
	font-weight:bold;
}




#oem_wrap .ttl{
	width:94%;
	font-size:18px;
	font-weight:bold;
	margin:0px auto;
}


#oem_wrap .ttl2{
	width:100%;
	max-width:1200px;
	height:auto;
	margin:50px auto;
}


#oem_wrap .ttl3{
	margin:50px auto 30px auto;
	width:94%;
	text-align:center;
}


#oem_wrap .btn{
	width:94%;
	margin:20px auto 0 auto;
	
}

#oem_wrap .btn ul li{
	width:100%;
	display:block;
	margin:20px 0px;
}

#oem_wrap .btn a{
	border:1px solid #861705;
	/*padding:15px 50px;*/
	display:block;
	background-image:url(../img/arrow_01.jpg);
	background-repeat:no-repeat;
	background-position:right 10px center;

}


}



.fixed {
 /* */  position: fixed;
    top: 100px;
    width: 100%;
    z-index: 10000;
    transition: .00001s;
	    transform: translateY(0);
		
		
		-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;

}




@media only screen and (max-width: 1080px) { 
.fixed {
/*	position:relative !important;
    top: 0;
    width: 100%;
    z-index: 10000;*/
	    position: fixed;
		top:auto !important;
    bottom: 60px !important;
    width: 100%;
    z-index: 10000;

}




}

.btn_sidebana3 a {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block;
    background-color: #841604;
    border-radius: 4px;
    /* padding: 20px 65px !important; */
    padding: 15px 30px !important;
	margin-top:10px;
}



.btn_sidebana4 a {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block;
	background-color:#333;
    border-radius: 4px;
    /* padding: 20px 65px !important; */
    padding: 15px 30px !important;
	margin-top:10px;
	color:#FFF;
}

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



.btn_sidebana2{/*問合せスマホ*/
	width:/*33*/33% !important;
	float:left;
	margin-right:4px;

}







.btn_sidebana_salon12{/*問合せスマホ*/
	width:33% !important;
	float:left;
	margin-right:4px;
	

}
.btn_sidebana_salon12 a{
	 font-size:11px !important;
	 display:block;
		color:#FFF;
		background-color:#333;
			 border-radius: 4px;
	 text-align:center;
	 line-height:40px;


	


}




}



.btn_salon12 a{
	background-color:#F9E1E7 !important;

}
.btn_salon12 .small{
	font-size:12px !important;
}


.btn_salon12 a:hover{
	background-color:#D00B3C !important;
}





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


.btn_salon12 a{
	font-size:12px !important;
	line-height:2.5 !important;
	padding-top:20px !important;
}
li.btn_salon12 a{
	height:90px !important;
}


}









/*
看板
------------------------------------------------------------------------------------*/
#kanban{
	position:relative;
	text-align:center;
	overflow:hidden;
}

#kanban img{
	object-fit:cover;
	height:310px;
}

#kanban div{
	width:90%;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


#kanban h2{
	font-size:50px;
}

#kanban h3{
	font-weight:normal;
	font-family: 'Josefin Sans', sans-serif;
}



@media screen and (max-width :798px){
#kanban img{
	height:auto;
}
#kanban h2{
	font-size:22px;
}


#sp_logo {
    margin-top: -25px !important; 
}



#sp_navi {
    margin-top: -25px !important;
}



}