@charset "utf-8";
/* CSS Document */
footer {background: #4f0d0f; color: #fefefe; margin: 0 0 0 0; overflow: hidden; position: relative; z-index: 500;}
footer a:link, footer a:visited {text-decoration:none; color:#fff; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
footer a:active, footer a:hover {text-decoration:none; color:#9b6e71; cursor:pointer; transition: all 0.5s ease 0s;}
footer a::after {content: ''; height: 2px; background: #79484a; width: 0; position: absolute; top: -3px; right: 0; z-index: -10; transition: all 0.5s ease 0s;}
footer a:hover::after {width: 100%; left: 0;}

.footer {padding: 3.855% 0 2.605% 0;}
.footer > div.frame_1367 {display: flex; flex-flow: wrap;}
.footer > div.frame_1367 > .lef {width: 43.746%; padding: 6px 40px 0 0;}
.footer > div.frame_1367 > .lef label {padding: 0 7.5px 0 12.5px; margin: 0;}
.footer > div.frame_1367 > .lef .logoF {line-height: 0; font-size: 0; padding: 0; margin: 0 0 10.035% 2px;}
.footer > div.frame_1367 > .lef .logoF a::after {content: none;}
.footer > div.frame_1367 > .lef > ul, .footer > div.frame_1367 > .lef > ul li {list-style-type:none; margin: 0; padding: 0; font-family: "Roboto Condensed", sans-serif; line-height: 2.1111111; letter-spacing: 0.7px;}
.footer > div.frame_1367 > .lef > ul {width: 100%; max-width: 430px; padding: 0 0 0 9px; display: flex; flex-flow: wrap;}
.footer > div.frame_1367 > .lef > ul li {padding: 0 20px 0 0;}
.footer > div.frame_1367 > .lef > ul li > img {margin: -1px 0 0 0;}
.footer > div.frame_1367 > .lef > ul li:hover > img {-webkit-animation: topmove_b5 2000ms linear infinite; animation: topmove_b5 2000ms linear infinite;}
.footer > div.frame_1367 > .rig {width: 56.254%; display: flex; flex-flow: wrap; justify-content: space-between;}
.footer > div.frame_1367 > .lef > ul li.lef_add {letter-spacing: 0;}
.footer > div.frame_1367 > .rig h5 {color: #9b6e71; font-weight: 600; line-height: 1.0833333; letter-spacing: 1.2px; padding: 0; margin: 0 0 9.192% 0;}
.footer > div.frame_1367 > .rig h5 a:link, .footer > div.frame_1367 > .rig h5 a:visited {text-decoration:none; color:#9b6e71; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig h5 a:active, .footer > div.frame_1367 > .rig h5 a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.6s ease 0s;}
.footer > div.frame_1367 > .rig h5 a::before {content: ''; height: 2px; background: #fff; width: 0; position: absolute; top: 0px; right: 0; z-index: -10; transition: all 0.25s ease 0s;}
.footer > div.frame_1367 > .rig h5 a:hover::before {width: 100%; left: 0; transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig h5 a::after {content: ''; height: 2px; background: #79484a; width: 100%; position: absolute; top: auto; bottom: 1px; left: 0; z-index: -10; transition: all 0.6s ease 0s;}
.footer > div.frame_1367 > .rig h5 a:hover::after {height: 0; bottom: 5px; transition: all 0.1s ease 0s;}
.footer > div.frame_1367 > .rig > div {min-width: 171px; padding: 0 20px 0 0;}
.footer > div.frame_1367 > .rig > div ul.lis, .footer > div.frame_1367 > .rig > div ul.lis li {list-style-type:none; margin: 0; padding: 0; color: #c6c6c6; line-height: 1.25; letter-spacing: 0.9px;}
.footer > div.frame_1367 > .rig > div ul.lis {padding: 6px 0 0 0;}
.footer > div.frame_1367 > .rig > div ul.lis li {padding: 0 0 10px 26px; position: relative; z-index: 1;}
.footer > div.frame_1367 > .rig > div ul.lis li::before {content: ''; width: 18px; height: 18px; background: url("../images/icon_01f.png") no-repeat center / cover; position: absolute; top: 0; left: 0; z-index: 10;}
.footer > div.frame_1367 > .rig > div ul.lis li:hover::before {-webkit-animation: topmove_b5 2000ms linear infinite; animation: topmove_b5 2000ms linear infinite;}
.footer > div.frame_1367 > .rig > div ul.lis li a:link, .footer > div.frame_1367 > .rig > div ul.lis li a:visited {text-decoration:none; color:#c6c6c6; transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig > div ul.lis li a:active, .footer > div.frame_1367 > .rig > div ul.lis li a:hover {text-decoration:none; color:#9b6e71; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig > div .sha {display: flex; flex-flow: wrap; align-items: flex-end; justify-content: flex-start; margin: 47.69% 0 0 4px;}
.footer > div.frame_1367 > .rig > div .sha a {width: 36px; height: 36px; border-radius: 36px; overflow: hidden; display: flex; flex-flow: wrap; justify-content: center; align-items: center; border: 1px solid #fff; margin: 5px 8px 0 0;}
.footer > div.frame_1367 > .rig > div .sha a:hover {background: #9b6e71;}
.footer > div.frame_1367 > .rig > div .sha a:hover img {transform:rotate(360deg); transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig > .but {width: 30px; height: 30px; padding: 0; position: relative; z-index: 1; cursor: pointer; display: none;}
.footer > div.frame_1367 > .rig > .but::before {content: attr(data-title); width: 200px; height: 20px; font-size: 12px; color: #fff; font-weight: 600; line-height: 20px; text-align: center; position: absolute; bottom: calc(100% - 5px); left: calc(50% - 100px); z-index: -10;}
.footer > div.frame_1367 > .rig > .but > span:nth-child(1) {width: 30px; height: 2px; background-color: #fff; position: absolute; top: 10px; left: 0; transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig > .but_show > span:nth-child(1) {top: 14px; transform: rotate(45deg);}
.footer > div.frame_1367 > .rig > .but > span:nth-child(2) {width: 30px; height: 2px; background-color: #fff; position: absolute; top: 20px; left: 0; transition: all 0.5s ease 0s;}
.footer > div.frame_1367 > .rig > .but_show > span:nth-child(2) {top: 14px; transform: rotate(-45deg);}

.copyright {background: #313131; color: #fff; line-height: 1.25; padding: 16px 0 18px 0;}
.copyright > div.frame_1367 {width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.copyright > div.frame_1367 > .fon {width: 60%; font-weight: 400; line-height: 1.25; letter-spacing: 0.05px; padding: 0 10px 0 3.5px; margin: 0;}
.copyright > div.frame_1367 > .men {width: 40%; font-weight: 300; text-align: right; letter-spacing: 0.8px; display: flex; flex-flow: wrap; justify-content: flex-end; padding: 0 2.963% 0 10px; margin: 0;}
.copyright > div.frame_1367 > .men > label {padding: 0 9.5px; margin: 0;}