.mobile {
  display: block; }

.pc {
  display: none; }

header {
  padding-left: 0;
  padding-top: 2%; }
  header h1 {
    width: 70vw;
    margin-left: -10px; }
    header h1 img {
      width: 100%; }

section#hero div video {
  left: 0%;
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%); }

section#about {
  background: #BE0201 url(../img/about_logo.png) right 5% bottom 8%/40% no-repeat; }
  section#about div.area {
    width: 80%;
    min-width: 0; }
    section#about div.area p img {
      width: 100%; }

main section h2 {
  width: 50%;
  margin: 0 auto 30px; }
  main section h2 img {
    width: 100%; }

main section#menu div.content div.wrap div.img {
  height: 250px;
  margin-bottom: 10px; }
  main section#menu div.content div.wrap div.img h3 {
    width: 65%;
    left: 0;
    top: 0; }
  main section#menu div.content div.wrap div.img p {
    right: 0; }

main section#menu div.content div.wrap div.txt {
  margin-bottom: 60px; }
  main section#menu div.content div.wrap div.txt p {
    font-size: 14px; }

main section#menu div.content div.wrap.takoyaki div.img {
  background: url(../img/img_takoyaki_sp.jpg) center center/cover no-repeat; }
  main section#menu div.content div.wrap.takoyaki div.img p {
    width: 100%; }

main section#menu div.content div.wrap.karaage div.img {
  background: url(../img/img_karaage_sp.jpg) center center/cover no-repeat; }
  main section#menu div.content div.wrap.karaage div.img p {
    width: 70%; }

main section#access div.info {
  display: unset;
  width: 90%; }
  main section#access div.info div.txt {
    width: 80%;
    padding-right: 0;
    margin: auto;
    margin-bottom: 60px; }
    main section#access div.info div.txt h3 {
      font-size: 22px;
      margin-bottom: 20px; }
    main section#access div.info div.txt p {
      font-size: 16px;
      margin-bottom: 30px; }
    main section#access div.info div.txt a.button {
      width: 220px;
      padding: 20px 0;
      text-align: center;
      margin: auto;
      margin-bottom: 30px; }
    main section#access div.info div.txt a.tel {
      display: block;
      background: #BE0201 url("../img/icon_tel.png") center left 25px/25px no-repeat;
      padding-left: 30px; }
  main section#access div.info > p {
    width: 100%;
    padding-left: 0; }

main section#access div.map {
  padding-bottom: 80%; }

footer {
  padding: 30px 0 20px; }
  footer a {
    width: 200px;
    margin: auto;
    margin-bottom: 20px; }
  footer small {
    font-size: 12px; }