@charset "UTF-8";

.sale_box01{background-color: #cb585f; margin:auto !important;text-align: center;padding: 40px 50px 50px 50px; color: #ffffff;}
.sale_box01 img {width: 50%;}	

.sale_box02{  background: url("https://www.haba.co.jp/assets/images/pages/disp/purpose/special/special_bg_2503.jpg") top center repeat;background-size: cover;margin:auto !important;text-align: center;padding: 10px 50px 50px 50px;}
.sale_box02 img{width: 60%;}


	.outletarea{height: 530px; position: relative;}	
	.outletarea img{position: absolute; width: 500px; top: 40px; left: 50%; transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%); }
	.outletarea p{position: absolute; top:280px; width: 600px; left: 50%; transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%); text-align: center; font-size: 15px; line-height: 1.9; font-weight: 500; color: #575757; letter-spacing: 0.14em;}
	
.f_yellow{color: #e4ff00;}
.f_red{color: #e91929;}


.link-btn {
  margin-top: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 50px;
  font-size: 15px;
  color: #444;
  letter-spacing: 0.25px;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #999;
  border-radius: 0;
  transition: 0.3s;
  -webkit-appearance: none;
}
.link-btn svg {
  -webkit-transform: translateX(8px) translateY(1px);
          transform: translateX(8px) translateY(1px);
}
.link-btn svg {
  -webkit-transform: translateX(8px) translateY(-1px);
          transform: translateX(8px) translateY(-1px);
}
.link-btn i,
.link-btn svg {
  font-size: 12px;
  color: #d9d9d9;
  fill: #d9d9d9;
  transition: 0.3s;
}
.link-btn .btn-arw {
  width: 8px;
}



/* ここにPC向けのCSS指定 */
@media (min-width: 768px) {
	
  .link-btn {
	  margin: auto;
    width: 300px;
    height: 55px;
    line-height: 55px;
  }
  .link-btn:hover {
    color: #fff;
    background: #444;
  }
  .link-btn:hover i,
.link-btn:hover svg {
    color: #fff;
    fill: #fff;
  }	
.sponly{display: none;}
	
}


/* ここにSP向けのCSS指定 */
@media (max-width: 768.98px) {
.sale_box01,.sale_box02{text-align: left;padding: 10px 10px 20px 10px;}	
.sale_box01 img,.sale_box02 img {width: 100%;}
.sale_box01 p,.sale_box02 p{padding: 0 10px;}
	
	.outletarea{width: 100%; padding-bottom: 30px; margin-bottom: 0; background-size:cover;}	
	.outletarea img{width: 90%; margin-left: 5%; margin-top: 20px; }
	.outletarea p{ margin:45px 25px 0px 25px; font-size: 14px; line-height: 1.9; font-weight: 500;  color: #575757; letter-spacing: 0.14em; }

 .link-btn {
	width: 80%; 
	margin: auto;
  }	
.pconly{display: none;}		

	
	}