@charset "UTF-8";

body {
    background: #fff;
    color: #555;
    font-family: tbudgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
}

#top {
    width: 1000px;
    height: 630px;
    margin: 0 auto;
}
#top .inner {
    background: url(/other_service/character/fukumomo_fortune/images/top_bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: relative;
}
#top h1 {
    background: url(/other_service/character/fukumomo_fortune/images/top_title.png) no-repeat;
    background-size: contain;
    width: 407px;
    height: 131px;
    position: absolute;
    top: 98px;
    right: 29px;
    text-indent: -9999px;
}

#logo_aeon {
    width: 143px;
    height: 27px;
    position: absolute;
    top: 17px;
    right: 27px;
}
#logo_aeon a {
    background: url(/other_service/character/fukumomo_fortune/images/logo_aeonbank.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    display: block;
}

footer {
    background: #eee;
    color: #aaa;
    width: 1000px;
    height: 70px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}
footer ul {
    display: flex;
    margin-left: 33px;
}
footer ul li {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding-left: 13px;
    position: relative;
}
footer ul li:first-child {
    margin-right: 25px;
}
footer ul li a {
    color: #555;
    text-decoration: none;
}
footer ul li a::before {
    content: "";
    background: url(/other_service/character/fukumomo_fortune/images/footer_arrow.png) no-repeat;
    background-size: contain;
    width: 7px;
    height: 9px;
    position: absolute;
    top: calc((100% - 9px) / 2);
    left: 0;
}
footer .copyright {
    font-size: 1.07rem;
    letter-spacing: 0.05em;
    position: absolute;
    top: calc((100% - 1.07rem) / 2);
    right: 25px;
}