@charset "utf-8";


/*---------------------------------------------

header

---------------------------------------------*/

header .head02 p.lead {
  margin-bottom: 15px;
  width: 100%;
}

header .head02 ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .head02 li.search {
    margin: 0 0 0 370px;
}

header .head02 ul li a {
    font-size: 1.4rem;
    font-family: "AvenirNextLTPro-Demi";
}

header.scroll .head02 ul li.search {
    margin: 0 0 0 370px;
}


/*---------------------------------------------

mainContainer

---------------------------------------------*/

#leftArea01 ul li.large dt {
    letter-spacing: normal;
}





/*#rightArea*/

#rightArea .viewRanking dt {
  font-family: "AvenirNextLTPro-Demi";
}

#rightArea .btn01 a {
    font-family: "AvenirNextLTPro-Demi";
    letter-spacing: normal;
    padding-bottom: 0;
    padding-top: 3px;
}

#rightArea .btn01 a img {
  margin-bottom: 2px;
}

footer .inner .footer01 p img {
  width: 156px;
}



@media screen and (max-width: 559px) {

header .head02 ul {
    display: block;
}

header .head02 li.banner01 {
    text-align: center;
    font-size: 1.2rem;
}

header .head02 li.footer .logo01 {
    width: 50%;
    text-align: left;
    margin: 0 0 0 2.6vw !important;
}


header .head02 li.footer .logo01 img {
    width: 18.2vw;
}

header .head02 li.footer ul {
    width: 50%;
}

}

@media screen and (orientation: landscape) {



}