#xeory-fixed-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: none;
z-index: 9999;
}
#xeory-fixed-banner .xfb-cta-wrap {
position: relative;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-contact {
overflow: hidden;
max-width: 640px;
margin: 0 auto;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-left,
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-left {
float: left;
width: 49%;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-right,
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-right {
float: right;
width: 49%;
}
#xeory-fixed-banner img {
width: 100%;
}
#xeory-fixed-banner.xfb_img_left {
width: 300px;
left: 0;
right: auto;
}
#xeory-fixed-banner.xfb_img_right {
width: 300px;
right: 0;
left: auto;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-left .xfb-cta-text {
padding: 12px 0;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-left .xfb-cta-text span {
font-size: 15px;
font-weight: bold;
letter-spacing: 1.5px;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-left .xfb-cta-text span small {
letter-spacing: 1px;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button {
padding: 10px 0 14px;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-type3 .xfb-cta-button {
padding: 2px 0 10px;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button a {
font-size: 14px;
font-weight: bold;
text-align: center;
display: block;
padding: 10px 24px;
border-radius: 3px;
box-shadow:0px 5px 0px 0px #444;
-moz-box-shadow:0px 5px 0px 0px #444;
-webkit-box-shadow:0px 5px 0px 0px #444;
text-decoration: none;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button a .fa {
margin-left: 8px;
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button:hover {
opacity: 0.8;
}
#xeory-fixed-banner .xfb-cta-text {
line-height: 1.2;
}
#xeory-fixed-banner .xfb-top-txt {
text-align: center;
margin-top: 4px;
font-size: 15px;
}
#xeory-fixed-banner .xfb-close-cta,
#xeory-fixed-banner-sp .xfb-close-cta {
position: absolute;
padding: 2px 0;
border-radius: 3px;
width: 30px;
text-align: center;
top: -29px;
left: 0;
cursor: pointer;
}
#xeory-fixed-banner .xfb-close-cta .fa,
#xeory-fixed-banner-sp .xfb-close-cta .fa {
color: #444;
}
#xeory-fixed-banner-sp {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
}
#xeory-fixed-banner-sp img {
width: 100%;
}
#xeory-fixed-banner-sp .xfb-cta-wrap {
padding: 0 4px;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-contact {
overflow: hidden;
max-width: 316px;
margin: 0 auto;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-contact.xfb-type3 {
max-width: inherit;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a {
color: #fff;
font-size: 14px;
font-weight: bold;
text-align: center;
display: block;
padding: 8px 6px;
border-radius: 3px;
box-shadow:0px 5px 0px 0px #444;
-moz-box-shadow:0px 5px 0px 0px #444;
-webkit-box-shadow:0px 5px 0px 0px #444;
text-decoration: none;
line-height: 1;
}
#xeory-fixed-banner-sp .xfb-cta-text {
font-size: 12px;
padding-top: 8px;
}
#xeory-fixed-banner-sp .xfb-top-txt {
text-align: center;
margin-top: 4px;
font-size: 12px;
}
#xeory-fixed-banner.active,
#xeory-fixed-banner-sp.active {
display: block;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}
@media screen and (max-width: 767px) {
#xeory-fixed-banner.active {
display: none;
}
#xeory-fixed-banner-sp.active {
display: block;
}
#xeory-fixed-banner-sp .xfb-cta-text {
padding-top: 0;
font-size: 12px;
font-weight: bold;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-text {
padding: 7px 0 4px;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button {
padding: 7px 0 10px;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-type3 .xfb-cta-button {
padding: 2px 0 10px;
}
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-left .xfb-cta-text span {
font-weight: bold;
}
}
@media screen and (max-width: 350px) {
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a {
font-size: 13px;
}
}