/*
EURO HABIT official home page css
*/
@charset "UTF-8";
/* CSS Document */

@import url("pc.css") screen and (min-width:1025px);
@import url("tab.css") screen and (min-width:768px) and (max-width:1024px);
@import url("smart.css") screen and (max-width:767px);

/* ------------------------  Gear ------------------------- */

span.sp{
display: none;
}
.small{
font-size:12px;
}
#ehpp.gear{
	max-width: 900px;
	margin: 0 auto 10%;
}
#ehpp.gear li{
display: table;
}
.ehpp-photo.gear{
display: table-cell;
float: none;
width: 40%;
padding-right:26px;
line-height: 0;
}
#ehpp div.right-box{
display: table-cell;
width: 50%;
position: relative;
vertical-align: top;
}
div.right-box .contact{
position: absolute;
left:0;
bottom:0;
}
div.right-box .contact a{
display: inline-block;
border: 1px solid #000;
width: 200%;
font-size:16px;
padding: 3% 0;
transition: all 0.3s linear;
box-sizing:border-box;
text-align: center;
}
div.right-box .contact a:hover{
background:#000;
color:#FFF;
}
@media (max-width:767px) {
span.pc{
display: none;
}
span.sp{
display: block;
}
#ehpp.gear li{
display: block;
}
.ehpp-photo.gear{
display: block;
width: 100%;
padding-right:0;
}
#ehpp div.right-box{
display: block;
width: 100%;
vertical-align: top;
}
#ehpp.gear ul{
margin-bottom: 5%;
}
div.right-box .contact{
position:relative;
margin: 10% auto 0;
text-align: center;
}
div.right-box .contact a{
padding: 1% 10%;
width: auto;
}
}