@charset "utf-8";

/* ===================================================================
css information

File Name  : footer.css (Modified Design)
Author     : Modified Version
Style Info : Footer with new design approach
=================================================================== */

/*********************************************************************
#footer-menu - Modified Design
*********************************************************************/

#g-footer #footer-menu { 
background: linear-gradient(135deg, #f7a2ba 0%, #ff8fa7 50%, #f7a2ba 100%); 
color: #fff; 
font-size: 13px; 
line-height: 1.4;
position: relative;
overflow: hidden;
}

#g-footer #footer-menu:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
pointer-events: none;
}

#g-footer #footer-menu a { 
display: block; 
color: inherit !important; 
text-decoration: none;
transition: opacity 0.3s ease;
}

#g-footer #footer-menu a:hover {
opacity: 0.8;
}

#g-footer #footer-menu .footer-menu--inner { 
width: 100%; 
max-width: 1240px; 
margin: 0 auto; 
padding: 45px 20px 15px 20px;
position: relative;
z-index: 1;
}

#g-footer #footer-menu .footer-menu--pickup { 
text-align: center; 
margin-bottom: 45px;
}

#g-footer #footer-menu .footer-menu--pickup > * { 
max-width: 280px;
}

#g-footer #footer-menu .footer-menu--pickup a { 
padding: 14px 0; 
border: 2px solid #fff;
border-radius: 25px;
font-weight: 500;
transition: all 0.3s ease;
}

#g-footer #footer-menu .footer-menu--pickup a:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-2px);
}

#g-footer #footer-menu .footer-menu--hl { 
border-bottom: 2px solid rgba(255, 255, 255, 0.8); 
font-size: 14px; 
margin-bottom: 12px; 
padding-bottom: 8px;
font-weight: 500;
letter-spacing: 0.05em;
}

#g-footer #footer-menu .footer-menu--category { 
margin-left: -12px; 
margin-right: -12px;
}

#g-footer #footer-menu .footer-menu--category--item { 
margin-bottom: 35px; 
padding-left: 12px; 
padding-right: 12px;
}

#g-footer #footer-menu .footer-menu--category li { 
font-size: 12px;
}

#g-footer #footer-menu .footer-menu--hl-sub,
#g-footer #footer-menu .footer-menu--category li a { 
padding: 6px 0; 
position: relative;
}

#g-footer #footer-menu .footer-menu--category li a:hover {
padding-left: 8px;
}

#g-footer #footer-menu .footer-menu--category li ul li a { 
padding-left: 1.2em;
}

#g-footer #footer-menu .footer-menu--category li ul li a:hover {
padding-left: 1.8em;
}

#g-footer #footer-menu .footer-menu--hl-sub { 
padding-right: 24px; 
cursor: pointer;
}

#g-footer #footer-menu .footer-menu--hl-sub:before { 
content: ''; 
position: absolute; 
width: 12px; 
height: 7px; 
top: 50%; 
right: 0; 
margin-top: -4px; 
background: url(../img/arrow_w@2x.png) no-repeat center center; 
background-size: 100% 100%;
transition: transform 0.3s ease;
}

#g-footer #footer-menu .footer-menu--hl-sub.collapse-active:before { 
transform: rotate(180deg);
}

@media (min-width: 769px) {
#g-footer #footer-menu .footer-menu--hl { 
cursor: default;
}

#g-footer #footer-menu .footer-menu--hl + ul { 
display: block !important; 
height: auto !important;
}
}

/* SP Footer Menu */
@media (max-width: 768px) {
#g-footer #footer-menu .footer-menu--inner { 
padding: 25px 18px 18px 18px;
}

#g-footer #footer-menu .footer-menu--pickup { 
margin-bottom: 20px;
}

#g-footer #footer-menu .footer-menu--pickup > * { 
max-width: 100%; 
margin-bottom: 12px;
}

#g-footer #footer-menu .footer-menu--pickup > *:last-child { 
margin-bottom: 0 !important;
}

#g-footer #footer-menu .footer-menu--pickup a { 
width: 100%; 
padding: 12px 0;
border-radius: 20px;
}

#g-footer #footer-menu .footer-menu--hl { 
border-bottom: 0; 
font-size: 13px; 
margin-bottom: 0; 
padding-top: 12px; 
padding-bottom: 12px; 
cursor: pointer; 
position: relative;
}

#g-footer #footer-menu .footer-menu--hl:before { 
content: ''; 
position: absolute; 
width: 12px; 
height: 7px; 
top: 50%; 
right: 0; 
margin-top: -4px; 
background: url(../img/arrow_w@2x.png) no-repeat center center; 
background-size: 100% 100%;
transition: transform 0.3s ease;
}

#g-footer #footer-menu .footer-menu--hl.collapse-active:before { 
transform: rotate(180deg);
}

#g-footer #footer-menu .footer-menu--category--item { 
margin-bottom: 0;
}

#g-footer #footer-menu .footer-menu--category li { 
font-size: 12px;
}

#g-footer #footer-menu .footer-menu--hl-sub,
#g-footer #footer-menu .footer-menu--category li a { 
padding: 8px 0 8px 1.2em;
}
}

/*********************************************************************
#footer-bottom - Modified Design
*********************************************************************/

#g-footer .footer-bottom--inner { 
padding: 0 20px;
}

#g-footer #footer-bottom { 
text-align: center; 
font-size: 12px; 
line-height: 1.4;
background: linear-gradient(to bottom, #fafafa, #fff);
}

#g-footer #footer-bottom a { 
color: inherit !important; 
text-decoration: none;
transition: color 0.3s ease;
}

#g-footer #footer-bottom a:hover {
color: #e85577;
}

#g-footer #footer-bottom img { 
width: 100%;
}

#g-footer #footer-bottom--logo { 
width: 260px; 
margin: 0 auto 25px;
}

#g-footer #footer-bottom .about { 
display: inline-block; 
font-size: 12px; 
text-decoration: none;
padding: 8px 20px;
border: 2px solid #f7a2ba;
border-radius: 20px;
color: #e85577;
font-weight: 500;
transition: all 0.3s ease;
}

#g-footer #footer-bottom .about:hover {
background: #fff5f7;
transform: translateY(-2px);
}

#g-footer #footer-bottom--social { 
margin: 25px -6px;
}

#g-footer #footer-bottom--social > * { 
padding-left: 6px; 
padding-right: 6px;
}

#g-footer #footer-bottom--social a { 
display: block; 
width: 48px;
transition: transform 0.3s ease;
}

#g-footer #footer-bottom--social a:hover {
transform: scale(1.1);
}

#g-footer #footer-bottom--menu { 
padding-bottom: 8px; 
letter-spacing: -0.4em;
}

#g-footer #footer-bottom--menu ul > * { 
display: inline-block; 
letter-spacing: normal; 
padding: 0 12px; 
margin-bottom: 12px;
}

#g-footer #footer-bottom--menu ul .br-block { 
height: 0; 
padding: 0; 
margin: 0; 
display: block;
}

#g-footer #footer-bottom--top { 
padding-top: 45px; 
padding-bottom: 35px;
}

#g-footer #footer-bottom--bottom { 
height: 55px; 
background: linear-gradient(135deg, #a5d6d5 0%, #99d3d2 50%, #8bcfce 100%); 
font-size: 12px; 
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}

#g-footer #footer-bottom--bottom .copyright { 
padding: 0 18px;
letter-spacing: 0.05em;
}

#g-footer #page-top { 
position: fixed; 
bottom: 15px; 
right: 15px; 
width: 55px; 
opacity: 0; 
visibility: hidden; 
z-index: 99;
transition: opacity 0.5s ease, visibility 0.5s ease;
}

#g-footer #page-top.visible { 
opacity: 1; 
visibility: visible;
}

#g-footer #page-top a { 
display: block;
transition: transform 0.3s ease;
}

#g-footer #page-top a:hover {
transform: translateY(-3px);
}

#g-footer #page-top a img {
border-radius: 50%;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

#g-footer #page-top .evcp-btn { 
margin-top: 8px; 
display: none;
}

/* SP Footer Bottom */
@media (max-width: 768px) {
#g-footer #footer-bottom a { 
display: block;
}

#g-footer #footer-bottom--logo { 
width: 200px; 
margin-bottom: 20px;
}

#g-footer #footer-bottom .about { 
font-size: 12px;
padding: 7px 18px;
}

#g-footer #footer-bottom--social { 
margin-top: 25px; 
margin-bottom: 20px;
}

#g-footer #footer-bottom--social a { 
width: 42px;
}

#g-footer #footer-bottom--menu { 
padding-bottom: 18px; 
letter-spacing: normal;
}

#g-footer #footer-bottom--menu a { 
padding: 10px 0;
}

#g-footer #footer-bottom--menu ul > * { 
display: block; 
padding: 0; 
margin-bottom: 0;
}

#g-footer #footer-bottom--menu ul .br-block { 
display: none;
}

#g-footer #footer-bottom--top { 
padding-top: 35px; 
padding-bottom: 25px;
}

#g-footer #footer-bottom--bottom { 
height: 36px; 
font-size: 10px;
}

#g-footer #page-top { 
width: 48px; 
bottom: 38px;
}
}