@charset "UTF-8";
/* mixin css */
@font-face {
  font-family: "oishii";
  font-style: normal;
  font-weight: normal;
  src: url("../../../fonts/oishii-2017.eot");
  src: url("../../../fonts/oishii-2017.eot?#iefix") format("embedded-opentype"), url("../../../fonts/oishii-2017.ttf") format("truetype"), url("../../../fonts/oishii-2017.svg#ilm") format("svg"), url("../../../fonts/oishii-2017.woff") format("woff");
}
#wrap {
  padding-top: 15.625%;
}

@media (orientation: landscape) {
  #wrap {
    padding-top: 9.375%;
  }
}
#headerWrap {
  z-index: 2000;
}
#headerWrap * {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
#headerWrap img {
  width: 100%;
  height: auto;
}
#headerWrap a {
  text-decoration: none;
}

@media only screen and (max-width: 640px) {
  .f20 {
    font-size: 10px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 11px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 13px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 14px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 16px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 18px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 19px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 21px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 24px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 26px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 30px;
    font-size: 9.375vw;
  }
}
/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) {
  .f20 {
    font-size: 8.875px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 9.7625px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 10.65px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 11.5375px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 12.425px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 14.2px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 15.975px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 16.8625px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 18.6375px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 21.3px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 23.075px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 26.625px;
    font-size: 9.375vw;
  }
}
/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) {
  .f20 {
    font-size: 8.4375px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 9.28125px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 10.125px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 10.96875px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 11.8125px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 13.5px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 15.1875px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 16.03125px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 17.71875px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 20.25px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 21.9375px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 25.3125px;
    font-size: 9.375vw;
  }
}
/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) {
  .f20 {
    font-size: 7.5px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 8.25px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 9px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 9.75px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 10.5px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 12px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 13.5px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 14.25px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 15.75px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 18px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 19.5px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 22.5px;
    font-size: 9.375vw;
  }
}
/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) {
  .f20 {
    font-size: 6.46875px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 7.115625px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 7.7625px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 8.409375px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 9.05625px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 10.35px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 11.64375px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 12.290625px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 13.584375px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 15.525px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 16.81875px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 19.40625px;
    font-size: 9.375vw;
  }
}
/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) {
  .f20 {
    font-size: 5.859375px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 6.4453125px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 7.03125px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 7.6171875px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 8.203125px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 9.375px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 10.546875px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 11.1328125px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 12.3046875px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 14.0625px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 15.234375px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 17.578125px;
    font-size: 9.375vw;
  }
}
/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) {
  .f20 {
    font-size: 5.625px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 6.1875px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 6.75px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 7.3125px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 7.875px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 9px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 10.125px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 10.6875px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 11.8125px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 13.5px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 14.625px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 16.875px;
    font-size: 9.375vw;
  }
}
/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) {
  .f20 {
    font-size: 5px;
    font-size: 3.125vw;
  }
  .f22 {
    font-size: 5.5px;
    font-size: 3.4375vw;
  }
  .f24 {
    font-size: 6px;
    font-size: 3.75vw;
  }
  .f26 {
    font-size: 6.5px;
    font-size: 4.0625vw;
  }
  .f28 {
    font-size: 7px;
    font-size: 4.375vw;
  }
  .f32 {
    font-size: 8px;
    font-size: 5vw;
  }
  .f36 {
    font-size: 9px;
    font-size: 5.625vw;
  }
  .f38 {
    font-size: 9.5px;
    font-size: 5.9375vw;
  }
  .f42 {
    font-size: 10.5px;
    font-size: 6.5625vw;
  }
  .f48 {
    font-size: 12px;
    font-size: 7.5vw;
  }
  .f52 {
    font-size: 13px;
    font-size: 8.125vw;
  }
  .f60 {
    font-size: 15px;
    font-size: 9.375vw;
  }
}