/* ==========================================================================
   Foundation
========================================================================== */
html {
  font-size: 50%;
}

body {
  min-width: 100%;
}

.wrapper {
  width: 100%;
}

#main {
  background: none;
  padding: 0;
}

.contents {
  margin: 0;
}

#pageTopBtn a {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.pc-hidden1 {
  display: block;
}

.pc-hidden2 {
  display: inline-block;
}

.sp-hidden {
  display: none;
}

/* ==========================================================================
   header
========================================================================== */
#header {
  padding: 20px 2%;
}

.header__left {
  font-size: 0;
}

.header__left img {
  width: 9.375vw;
  height: auto;
}

.header__left img:first-child {
  margin-right: 2px;
}

.header__logo img {
  width: 49.375vw;
  height: auto;
}

.menu-trigger {
  width: 25px;
  top: 15px;
  right: 10px;
}

.menu-trigger.active {
  right: 10px;
}

#nav {
  padding: 60px 0 40px;
}

#nav .wrapper {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav__logo {
  max-width: 70%;
  margin: 0 auto;
}

.nav__logo img {
  max-width: 100%;
  height: auto;
}

.nav__item {
  width: 25%;
}

.nav__item a {
  padding: 10px 0;
}

.nav__item a .embL {
  margin: 0 auto;
}

/* ==========================================================================
   home
========================================================================== */
.kv__sp {
  background: url(/img/leaguecup/2018/another-levaincup/gray_bg.jpg);
  width: 100%;
  padding-top: 70px;
}

.kv__sp img {
  width: 100%;
  height: auto;
}

.kv__bottom {
  background: #ae2422;
  padding: 40px 20px;
}

.kv__title {
  width: 100%;
  min-width: 0;
  font-size: 2rem;
  background-size: contain;
  padding-bottom: 10px;
}

.kv__text {
  font-size: 1.8rem;
  line-height: 1.75;
}

/* vote
------------------------------ */
.contents__header {
  padding-top: 40px;
}

.contents__header__lead {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.contents__header__lead i {
  font-size: 2.6rem;
  font-weight: 700;
}

.contents__header__btn {
  position: static;
  font-size: 1.6rem;
  margin-top: 1em;
  text-align: center;
}

.contents__header__btn a {
  background: #e70012;
  padding: 5px 10px 5px 15px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}

.contents__title {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.25;
}

.contents__title i {
  font-size: 3rem;
  letter-spacing: 0;
}

.contents__tab {
  margin: 20px auto 10px;
  width: 90%;
}

.contents__tab__item {
  width: 33%;
}

.contents__tab__item a {
  font-size: 2.6rem;
  letter-spacing: 0.25em;
  height: 40px;
  line-height: 40px;
}

.homeList {
  padding-bottom: 90px;
}

.homeList__item {
  margin-top: 20px;
  margin-right: 0;
  width: 100%;
  padding: 20px 20px 0;
}

.homeList__item:nth-child(3n+2) {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.homeList__img {
  width: 100%;
}

.homeList__img img {
  width: 100%;
  height: auto;
}

.homeList__btnArea {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 10px;
}

.homeList__btn {
  width: 49%;
}

.overview {
  padding: 50px 20px 35px;
}

.overview__title {
  font-size: 1.6rem;
  letter-spacing: 0;
}

.overview__title i {
  font-size: 3rem;
  letter-spacing: 0;
}

.overview__lead {
  margin-top: 15px;
  font-size: 1.8rem;
  line-height: 1.75;
  text-align: left;
}

.overview__voteArea {
  margin-top: 25px;
  display: block;
  padding: 0;
}

.overview__voteItem {
  width: 100%;
  height: 100vw;
  background-size: contain;
}

.overview__voteItem__top {
  height: 50vw;
  padding-top: 20vw;
  font-size: 2.5rem;
}

.overview__voteItem__bottom {
  height: 50vw;
  font-size: 1.6rem;
  padding-top: 30px;
}

.twitter .overview__voteItem__bottom {
  padding-top: 10px;
}

.overview__voteItem__bottom .note {
  font-size: 0.9rem;
  padding-top: 5px;
}

.overview__or {
  font-size: 3rem;
  text-align: center;
}

.overview__note {
  margin-top: 25px;
  padding-bottom: 50px;
}

.overview__note__item {
  font-size: 1.6rem;
}

.overview__note__title {
  margin-top: 25px;
}

/* ==========================================================================
   recipe
========================================================================== */
/* recipe
------------------------------ */
.recipe {
  padding-top: 80px;
  padding-bottom: 30px;
}

.recipe__bg {
  display: none;
}

.recipe__header {
  display: block;
  background-size: contain;
  padding: 0 0 10px;
  margin: 20px;
  position: relative;
}

.recipe__name {
  font-size: 2.3rem;
  line-height: 1.25;
  padding-right: 45px;
}

.recipe__team__emblem {
  display: inline-block;
  position: absolute;
  top: -10px;
  right: 5px;
}

.recipe__team__name {
  display: none;
}

.recipe__main {
  display: block;
  padding: 0 20px;
}

.recipe__img {
  width: 100%;
}

.recipe__img img {
  width: 100%;
  height: auto;
}

.recipe__text {
  width: 100%;
}

.recipe__ingredients {
  background-size: contain;
  padding: 20px;
}

.recipe__ingredients__head {
  width: 100%;
  height: 30px;
  background-size: cover;
}

.recipe__ingredients__foot {
  width: 100%;
  height: 30px;
  background-size: cover;
}

.recipe__step__item {
  line-height: 2;
}

.btnArea {
  padding: 50px 10px;
}

.btnArea a {
  width: 100%;
  display: block;
  border-radius: 60px;
  overflow: hidden;
  text-align: center;
}

.btnArea a img {
  width: 200%;
  height: auto;
  text-align: center;
  margin-left: -50%;
}

.btnArea a.is-close {
  opacity: 0.3;
}

.btnArea .wrapper {
  padding-top: 20px;
}

.btnArea.footer {
  padding-bottom: 10px;
}

.snsBtnWrap {
  height: 70px;
}

/* movie
------------------------------ */
.movieArea {
  padding: 30px 20px 20px;
}

.movieArea__text {
  margin-top: 5px;
}

.movieArea__title1, .movieArea__title2 {
  width: 117px;
  height: 94px;
  font-size: 1.5rem;
  top: 0;
  padding-top: 55px;
  background-size: cover;
}

.movieArea iframe {
  width: 100%;
  height: 40vh;
}

.movieArea img {
  width: 100%;
}

/* ==========================================================================
   thanks
========================================================================== */
.thanks__outer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  padding: 75px 10px;
}

.thanks__title {
  font-size: 2rem;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.thanks__btn {
  display: block;
}

.thanks__btn__item {
  margin: 10px 0 0;
}

.thanks__btn__item a {
  width: 80%;
  margin: 0 auto;
}