@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
@import url(../bootstrap/css/bootstrap.min.css);
@import url(fontface.css);
/* ---------------------------------------------------------------- general selector
---------------------------------------------------------------------------------- */
* {
  outline: 0 !important;
}

::-webkit-input-placeholder {
  color: #442f11;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #442f11;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #442f11;
}

:-ms-input-placeholder {
  color: #442f11;
}

body {
  background: #fff;
  color: #b4ab97;
  font-family: 'Open Sans', sans-serif;
  font-size: 5.46875vw;
  font-weight: 400;
  line-height: 6.77083vw;
  overflow-x: hidden;
}

@media (min-width: 769px) {
  body {
    font-size: 20px;
    line-height: 24px;
  }
}

strong {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

p, div, ul, ol, li, a, label {
  margin: 0;
  position: relative;
}

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a, a:hover, a:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

div, p, li, a, input, textarea, select, label, span, strong {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

.hide {
  position: absolute;
  left: -9998px;
}

.scroll-pane {
  line-height: 1px;
  overflow: auto;
}

label, input, .block {
  display: block;
}

.form-control::-webkit-input-placeholder {
  color: #442f11;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #442f11;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #442f11;
}

.form-control:-ms-input-placeholder {
  color: #442f11;
}

select.form-control:not([size]):not([multiple]) {
  height: 5.85938vw;
}

@media (min-width: 769px) {
  select.form-control:not([size]):not([multiple]) {
    height: 2.34375vw;
  }
}

textarea.form-control {
  line-height: 3.64583vw;
  padding: 10px;
  resize: none;
  height: 9.76563vw;
}

@media (min-width: 769px) {
  textarea.form-control {
    line-height: 1.45833vw;
    height: 3.90625vw;
  }
}

.color__brown {
  color: #a2672e !important;
}

.color__blue {
  color: #153a7a !important;
}

.visible__desktop {
  display: none !important;
}

@media (min-width: 769px) {
  .visible__desktop {
    display: block !important;
  }
}

.visible__mobile {
  display: block !important;
}

@media (min-width: 769px) {
  .visible__mobile {
    display: none !important;
  }
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

/* -------------------------------------------------------------------------- header
---------------------------------------------------------------------------------- */
#header {
  background: url(../img/mobile/bg/bg__header.png) no-repeat center 0;
  background-size: 100% auto;
  z-index: 500;
  width: 100%;
  height: 18.22917vw;
  position: fixed;
  top: 0;
  left: 0;
}

@media (min-width: 769px) {
  #header {
    background: url(../img/bg/bg__header.png) no-repeat center 0;
    background-size: 100% auto;
    height: 7.29167vw;
  }
}

#header .container {
  padding: 3.90625vw 0 0;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 769px) {
  #header .container {
    padding: 1.5625vw 0 0;
  }
}

#header .logo__boomthai {
  background: url(../img/mobile/icon/logo__boomthai.png) no-repeat;
  background-size: 43.75vw auto;
  margin: 0 auto;
  text-indent: -9998px;
  width: 43.75vw;
  height: 9.76563vw;
}

@media (min-width: 769px) {
  #header .logo__boomthai {
    background: url(../img/icon/logo__boomthai.png) no-repeat;
    background-size: 15.05208vw auto;
    width: 15.05208vw;
    height: 3.33333vw;
  }
}

#header .logo__boomthai a {
  display: block;
  width: 100%;
  height: 100%;
}

#header #nav__main {
  z-index: 50;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

@media (min-width: 769px) {
  #header #nav__main {
    padding: 0 0 0 1.04167vw;
    width: 50%;
    top: 1.5625vw;
  }
}

#header #nav__main .toggle {
  background: url(../img/button/nav-toggle.png) no-repeat;
  background-size: 10.41667vw auto;
  display: block;
  text-indent: -9998px;
  z-index: 20;
  width: 10.41667vw;
  height: 10.41667vw;
  position: absolute;
  top: 3.90625vw;
  right: 3.90625vw;
}

@media (min-width: 769px) {
  #header #nav__main .toggle {
    display: none;
  }
}

#header #nav__main .detail {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  padding: 14.32292vw 3.90625vw 0;
  z-index: 10;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 769px) {
  #header #nav__main .detail {
    background: none;
    display: block;
    padding: 0;
    position: relative;
    width: auto;
    height: auto;
  }
}

#header #nav__main .list {
  background: url(../img/mobile/bg/bg__main.jpg) no-repeat center center;
  background-size: cover;
  padding: 13.02083vw 0;
}

@media (min-width: 769px) {
  #header #nav__main .list {
    background: none;
    padding: 0;
  }
}

#header #nav__main .list li {
  text-align: center;
}

@media (min-width: 769px) {
  #header #nav__main .list li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }
}

#header #nav__main .list a {
  color: #756c59;
  display: inline-block;
  font-family: 'LithosPro Regular';
  font-size: 3.90625vw;
  line-height: 5.20833vw;
  padding: 2.60417vw 6.51042vw 2.60417vw;
  vertical-align: top;
}

@media (min-width: 769px) {
  #header #nav__main .list a {
    display: block;
    font-size: 1.25vw;
    line-height: 1.5vw;
    padding: 1.25vw 1.25vw 0.9375vw;
  }
}

@media (min-width: 1680px) {
  #header #nav__main .list a {
    font-size: 1.04167vw;
    line-height: 1.25vw;
    padding: 1.04167vw 1.04167vw 0.78125vw;
  }
}

#header #nav__main .list .active a,
#header #nav__main .list a:hover {
  background: url(../img/mobile/icon/chilli.png) no-repeat right bottom, url(../img/icon/star__red-1.png) no-repeat 0 center, url(../img/icon/star__red-1.png) no-repeat right center;
  background-size: 11.19792vw auto, 3.25521vw auto, 3.25521vw auto;
  font-family: 'LithosPro Bold';
}

@media (min-width: 769px) {
  #header #nav__main .list .active a,
  #header #nav__main .list a:hover {
    background: url(../img/icon/chilli.png) no-repeat right bottom;
    background-size: 2.29167vw auto;
  }
}

#header #nav__main.active .toggle {
  background: url(../img/button/nav-toggle-active.png) no-repeat;
  background-size: 10.41667vw auto;
}

#header .box__order {
  display: none;
}

@media (min-width: 769px) {
  #header .box__order {
    display: block;
    z-index: 50;
    position: absolute;
    top: 2.23958vw;
    right: 2.08333vw;
  }
}

#header .box__order .tel {
  display: inline-block;
  vertical-align: top;
}

#header .box__order .tel span {
  background: url(../img/icon/tel-1.png) no-repeat 4.55729vw center #edece3;
  background-size: 3.25521vw auto;
  color: #302c22;
  display: block;
  font-size: 2.86458vw;
  font-weight: 700;
  line-height: 7.29167vw;
  padding: 0 2.60417vw 0 6.51042vw;
  height: 7.29167vw;
  border-radius: 7.29167vw;
}

@media (min-width: 769px) {
  #header .box__order .tel span {
    background: url(../img/icon/tel-1.png) no-repeat 0.78125vw center #edece3;
    background-size: 1.30208vw auto;
    font-size: 1.14583vw;
    line-height: 2.91667vw;
    padding: 0 1.04167vw 0 2.60417vw;
    height: 2.91667vw;
    border-radius: 2.91667vw;
  }
}

#header .box__order .order {
  display: inline-block;
  margin: 0 0 0 2.60417vw;
  vertical-align: top;
}

@media (min-width: 769px) {
  #header .box__order .order {
    margin: 0 0 0 1.04167vw;
  }
}

#header .box__order .order .link {
  background: #ed1c24;
  color: #fff;
  display: block;
  font-family: 'LithosPro Bold';
  font-size: 2.60417vw;
  line-height: 7.29167vw;
  padding: 0 5.20833vw;
  height: 7.29167vw;
  border-radius: 7.29167vw;
}

@media (min-width: 769px) {
  #header .box__order .order .link {
    font-size: 1.04167vw;
    line-height: 2.91667vw;
    padding: 0 2.08333vw;
    height: 2.91667vw;
    border-radius: 2.91667vw;
  }
}

.menu #header {
  background: url(../img/mobile/bg/bg__header-2.jpg) repeat center 0;
  background-size: 100% auto;
}

@media (min-width: 769px) {
  .menu #header {
    background: url(../img/bg/bg__header.png) no-repeat center 0;
    background-size: 100% auto;
  }
}

/* ----------------------------------------------------------------------- box__home
---------------------------------------------------------------------------------- */
#box__home > .container {
  overflow: hidden;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#box__home .keyvisual {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#box__home .keyvisual a {
  display: block;
}

#box__home .keyvisual img {
  display: block;
  width: 100%;
}

/* ---------------------------------------------------------------------- box__about
---------------------------------------------------------------------------------- */
#box__about > .container {
  background: url(../img/mobile/bg/bg__about.jpg) no-repeat center 0;
  background-size: 100% auto;
  overflow: hidden;
  padding: 20.83333vw 0 13.02083vw;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 769px) {
  #box__about > .container {
    background: url(../img/bg/bg__about.jpg) no-repeat center center;
    background-size: cover;
    padding: 0;
  }
}

#box__about .box__info {
  text-align: center;
}

@media (min-width: 769px) {
  #box__about .box__info {
    margin: -14.32292vw 0 0;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
  }
}

#box__about .box__info span {
  display: block;
}

#box__about .head__info {
  color: #554f43;
  font-family: 'LithosPro Bold';
  font-size: 7.8125vw;
  line-height: 8.33333vw;
  margin: 0 0 2.60417vw;
}

@media (min-width: 769px) {
  #box__about .head__info {
    font-size: 3.125vw;
    line-height: 4.16667vw;
    margin: 0 0 1.04167vw;
  }
}

#box__about .subhead {
  color: #756c59;
  font-size: 4.6875vw;
  letter-spacing: 0.65104vw;
  line-height: 5.98958vw;
  margin: 0 0 2.60417vw;
}

@media (min-width: 769px) {
  #box__about .subhead {
    font-size: 2.08333vw;
    letter-spacing: 0.26042vw;
    line-height: 2.29167vw;
    margin: 0 0 1.04167vw;
  }
}

#box__about .description {
  color: #b4ab97;
  font-size: 3.25521vw;
  line-height: 5.85938vw;
  margin: 0 auto;
  padding: 0 3.90625vw;
  text-align: justify;
  width: 115.88542vw;
  max-width: 100%;
}

@media (min-width: 769px) {
  #box__about .description {
    font-size: 1.04167vw;
    line-height: 2.08333vw;
    padding: 0;
    width: 46.35417vw;
  }
}

/* ----------------------------------------------------------------------- box__menu
---------------------------------------------------------------------------------- */
#box__menu {
  background: url(../img/bg/bg__main.png) repeat-y;
  background-size: 100% auto;
}

#box__menu > .container {
  padding: 31.25vw 0 13.02083vw;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 769px) {
  #box__menu > .container {
    padding: 8.33333vw 0 6.25vw;
  }
}

#box__menu [class^="col-"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 769px) {
  #box__menu [class^="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}

#box__menu .list__category {
  background: url(../img/mobile/bg/bg__header-2.jpg) repeat center 0;
  background-size: 100% auto;
  margin: 0 auto 5.20833vw;
  overflow: hidden;
  text-align: center;
  z-index: 300;
  width: 980px;
  max-width: 100%;
  position: fixed;
  top: 18.22917vw;
  left: 0;
}

@media (min-width: 769px) {
  #box__menu .list__category {
    background: none;
    margin: 0 auto 2.08333vw;
    z-index: 10;
    position: relative;
    top: 0;
  }
}

#box__menu .list__category li {
  display: inline-block;
  margin: 0 0 10px;
  vertical-align: top;
}

#box__menu .list__category a {
  color: #7b7260;
  display: block;
  font-size: 3.90625vw;
  line-height: 6.77083vw;
  padding: 0 3.90625vw;
  text-transform: uppercase;
  height: 6.51042vw;
}

@media (min-width: 769px) {
  #box__menu .list__category a {
    font-size: 20px;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    height: 30px;
    border-radius: 30px;
  }
}

#box__menu .list__category .active a,
#box__menu .list__category a:hover {
  background: #ed1c24;
  color: #fff;
}

#box__menu .list__category-thumb {
  display: none;
}

@media (min-width: 769px) {
  #box__menu .list__category-thumb {
    display: block;
    z-index: 200;
    position: fixed;
    top: 51%;
    right: 1.04167vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#box__menu .list__category-thumb a {
  display: block;
  position: relative;
  width: 7.29167vw;
  height: 7.29167vw;
  border-radius: 7.29167vw;
}

@media (min-width: 769px) {
  #box__menu .list__category-thumb a {
    width: 2.91667vw;
    height: 2.91667vw;
  }
}

@media (min-width: 769px) {
  #box__menu .list__category-thumb .tooltips {
    display: none;
    text-align: right;
    z-index: 10;
    width: 10.41667vw;
    position: absolute;
    top: 50%;
    right: 3.64583vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 769px) {
  #box__menu .list__category-thumb .tooltips .text {
    background: #ed1c24;
    color: #fff;
    display: inline-block;
    font-size: 0.72917vw;
    line-height: 1.04167vw;
    padding: 0.26042vw 0.78125vw 0.15625vw;
    text-transform: uppercase;
    vertical-align: top;
    border-radius: 0.15625vw;
    -webkit-transform: translateX(-2.08333vw);
    -ms-transform: translateX(-2.08333vw);
    transform: translateX(-2.08333vw);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
}

#box__menu .list__category-thumb .tooltips .text:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(237, 28, 36, 0);
  border-left-color: #ed1c24;
  border-width: 8px;
  margin-top: -8px;
}

#box__menu .list__category-thumb img {
  display: block;
  margin: -3.25521vw 0 0 -3.25521vw;
  width: 6.51042vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}

@media (min-width: 769px) {
  #box__menu .list__category-thumb img {
    margin: -1.30208vw 0 0 -1.30208vw;
    width: 2.60417vw;
  }
}

#box__menu .list__category-thumb .active a, #box__menu .list__category-thumb li:hover a {
  background: #ed1c24;
}

#box__menu .list__category-thumb .active img, #box__menu .list__category-thumb li:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

#box__menu .list__category-thumb .show .text {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#box__menu [id^="box__category-"] {
  padding: 0 0 7.8125vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] {
    padding: 0 0 3.125vw;
  }
}

#box__menu [id^="box__category-"] .head__info {
  margin: 0 0 2.60417vw 3.90625vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .head__info {
    margin: 0 0 1.04167vw 6.25vw;
  }
}

#box__menu [id^="box__category-"] .head__info .text {
  color: #554f43;
  display: inline-block;
  font-family: 'LithosPro Bold';
  font-size: 6.51042vw;
  letter-spacing: 0.26042vw;
  line-height: 7.8125vw;
  margin: 0 0 1.30208vw;
  text-transform: uppercase;
  vertical-align: top;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .head__info .text {
    font-size: 2.60417vw;
    letter-spacing: 0.15625vw;
    line-height: 3.125vw;
    margin: 0 0 0.52083vw;
  }
}

#box__menu [id^="box__category-"] .head__info .thumb {
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 0;
}

#box__menu [id^="box__category-"] .head__info .thumb img {
  display: block;
}

#box__menu [id^="box__category-"] .pic-menu {
  margin: 0 0 2.60417vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .pic-menu {
    margin: 0 0 1.04167vw;
  }
}

#box__menu [id^="box__category-"] .list__menu li {
  padding: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu li {
    padding: 0 0 0.78125vw;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name {
  background: url(../img/bg/dot__brown-1.png) repeat-x 0 2.60417vw;
  margin: 0;
  padding: 0 18.22917vw 0 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name {
    background: url(../img/bg/dot__brown-1.png) repeat-x 0 1.19792vw;
    margin: 0 0 0.52083vw;
    padding: 0 7.29167vw 0 0;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name .name {
  background: url(../img/bg/bg__main-2.png) repeat 0 bottom;
  background-size: 14.71354vw auto;
  color: #7b7260;
  display: inline-block;
  font-size: 3.125vw;
  font-weight: 700;
  line-height: 4.42708vw;
  padding: 0 1.30208vw 0 0;
  text-transform: uppercase;
  vertical-align: top;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name .name {
    background: url(../img/bg/bg__main-2.png) repeat 0 bottom;
    background-size: 5.88542vw auto;
    font-size: 1.14583vw;
    line-height: 1.66667vw;
    padding: 0 0.52083vw 0 0;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name .name span {
  display: inline-block;
  margin: 0 0.91146vw 0 0;
  vertical-align: top;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name .name span {
    margin: 0 0.36458vw 0 0;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name .name em {
  color: #e12c36;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

#box__menu [id^="box__category-"] .list__menu .menu-name .name .name-thai {
  background: url(../img/icon/circle__brown-1.png) no-repeat 0 center;
  background-size: 0.78125vw auto;
  color: #e12c36;
  font-style: italic;
  font-weight: 400;
  margin-left: 0.65104vw;
  padding: 0 0 0 2.08333vw;
  text-transform: none;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name .name .name-thai {
    background: url(../img/icon/circle__brown-1.png) no-repeat 0 center;
    background-size: 0.3125vw auto;
    margin-left: 0.26042vw;
    padding: 0 0 0 0.83333vw;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name .price {
  background: url(../img/bg/bg__main-3.png) repeat right bottom;
  background-size: 5.20833vw auto;
  padding-left: 1.30208vw;
  text-align: right;
  z-index: 10;
  position: absolute;
  top: -0.52083vw;
  right: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name .price {
    background: url(../img/bg/bg__main-3.png) repeat right bottom;
    background-size: 2.08333vw auto;
    padding-left: 0.52083vw;
    top: -0.3125vw;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name .price .text {
  background: url(../img/bg/bg__main-2.png) repeat 0 bottom;
  background-size: 14.71354vw auto;
  color: #ed1c24;
  display: inline-block;
  font-size: 3.125vw;
  font-weight: 700;
  line-height: 5.20833vw;
  text-align: right;
  vertical-align: top;
  height: 5.20833vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name .price .text {
    background: url(../img/bg/bg__main-2.png) repeat 0 bottom;
    background-size: 5.88542vw auto;
    font-size: 1.25vw;
    line-height: 2.08333vw;
    padding-left: 0.52083vw;
    height: 2.08333vw;
  }
}

#box__menu [id^="box__category-"] .list__menu .menu-name .price .choose {
  background: url(../img/icon/plus__brown-1.png) no-repeat center center #ebeadf;
  background-size: 1.5625vw auto;
  display: inline-block;
  margin: 0 0 0 1.30208vw;
  text-align: left;
  text-indent: -9998px;
  vertical-align: top;
  width: 5.20833vw;
  height: 5.20833vw;
  border-radius: 5.20833vw;
  -webkit-transform: translateY(-0.52083vw);
  -ms-transform: translateY(-0.52083vw);
  transform: translateY(-0.52083vw);
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .menu-name .price .choose {
    background: url(../img/icon/plus__brown-1.png) no-repeat center center #ebeadf;
    background-size: 0.625vw auto;
    margin: 0 0 0 0.26042vw;
    width: 2.08333vw;
    height: 2.08333vw;
    border-radius: 2.08333vw;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

#box__menu [id^="box__category-"] .list__menu .description {
  margin: -0.65104vw 0 2.60417vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .description {
    margin: 0;
  }
}

#box__menu [id^="box__category-"] .list__menu .description p {
  color: #b4ab97;
  font-size: 2.60417vw;
  line-height: 3.90625vw;
  margin: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .description p {
    font-size: 0.9375vw;
    line-height: 1.45833vw;
  }
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .description p span {
    display: block;
  }
}

#box__menu [id^="box__category-"] .list__menu .sub-menu .menu-name .name {
  text-transform: none;
}

#box__menu [id^="box__category-"] .list__menu .sub-menu .menu-title .menu-name {
  background: none;
}

#box__menu [id^="box__category-"] .list__menu .sub-menu .menu-title .menu-name .name {
  background: none;
  text-transform: uppercase;
}

#box__menu [id^="box__category-"] .list__menu .sub-menu.added {
  margin: -1.30208vw 0 1.30208vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .sub-menu.added {
    margin: 0;
    padding: 0.52083vw 0 0;
  }
}

#box__menu [id^="box__category-"] .list__menu .sub-menu.added li {
  margin: 0;
  padding: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .list__menu .sub-menu.added li {
    padding: 0 0 0.78125vw;
  }
}

#box__menu [id^="box__category-"] .note {
  color: #b4ab97;
  font-size: 2.34375vw;
  line-height: 3.64583vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .note {
    font-size: 0.9375vw;
    line-height: 1.45833vw;
  }
}

#box__menu [id^="box__category-"] [class^="col"]:first-child .list__menu {
  padding: 0 3.90625vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] [class^="col"]:first-child .list__menu {
    padding: 0 0 0 6.25vw;
  }
}

#box__menu [id^="box__category-"] [class^="col"]:nth-of-type(2) {
  padding: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] [class^="col"]:nth-of-type(2) {
    padding: 0 0 0 1.04167vw;
  }
}

#box__menu [id^="box__category-"] [class^="col"]:nth-of-type(2) .list__menu {
  padding: 0 5.20833vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] [class^="col"]:nth-of-type(2) .list__menu {
    padding: 0 6.25vw 0 2.08333vw;
  }
}

#box__menu [id^="box__category-"] .box__choice {
  display: block;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .box__choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#box__menu [id^="box__category-"] .box__choice .list__menu li {
  padding: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .box__choice .list__menu li {
    padding: 0 0 0.78125vw;
  }
}

#box__menu [id^="box__category-"] .box__choice .list__menu .sub-menu .menu-name {
  margin: 0 0 0.65104vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .box__choice .list__menu .sub-menu .menu-name {
    margin: 0 0 0.26042vw;
  }
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .box__choice [class^="col"]:nth-of-type(2) .list__menu {
    padding-top: 2.70833vw;
  }
}

#box__menu [id^="box__category-"] .box__choice [class^="col"]:nth-of-type(2) .list__menu .menu-name {
  margin: 0;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .box__choice [class^="col"]:nth-of-type(2) .list__menu .menu-name {
    margin: 0 0 0.26042vw;
  }
}

#box__menu [id^="box__category-"] .box__choice [class^="col"]:nth-of-type(2) .list__menu .sub-menu .menu-title {
  padding: 0;
  height: 6.51042vw;
}

@media (min-width: 769px) {
  #box__menu [id^="box__category-"] .box__choice [class^="col"]:nth-of-type(2) .list__menu .sub-menu .menu-title {
    padding: 0;
    height: 2.60417vw;
  }
}

#box__menu [id^="box__category-"] .box__choice [class^="col"]:nth-of-type(2) .list__menu .sub-menu .menu-title .menu-name {
  margin: 0;
}

#box__menu #box__category-1 .head__info .text {
  padding-right: 17.05729vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-1 .head__info .text {
    padding-right: 6.82292vw;
  }
}

#box__menu #box__category-1 .head__info .text .thumb {
  top: auto;
  bottom: -2.60417vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-1 .head__info .text .thumb {
    bottom: -1.04167vw;
  }
}

#box__menu #box__category-1 .head__info .text .thumb img {
  width: 14.45313vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-1 .head__info .text .thumb img {
    width: 5.78125vw;
  }
}

#box__menu #box__category-1 .pic-menu {
  margin-top: 0;
  padding: 0 5.20833vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-1 .pic-menu {
    margin-top: -2.34375vw;
    padding: 0;
  }
}

#box__menu #box__category-2 .head__info .text {
  padding-right: 22.13542vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-2 .head__info .text {
    padding-right: 8.85417vw;
  }
}

#box__menu #box__category-2 .head__info .text .thumb {
  top: auto;
  bottom: -1.30208vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-2 .head__info .text .thumb {
    bottom: -0.52083vw;
  }
}

#box__menu #box__category-2 .head__info .text .thumb img {
  width: 19.53125vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-2 .head__info .text .thumb img {
    width: 7.8125vw;
  }
}

@media (min-width: 769px) {
  #box__menu #box__category-3 {
    padding: 0 0 2.08333vw;
  }
}

@media (min-width: 769px) {
  #box__menu #box__category-3 .head__info {
    margin-left: 0;
  }
}

#box__menu #box__category-3 .head__info .text {
  padding-right: 22.13542vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-3 .head__info .text {
    padding-right: 8.85417vw;
  }
}

#box__menu #box__category-3 .head__info .text .thumb {
  top: auto;
  bottom: -2.60417vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-3 .head__info .text .thumb {
    right: auto;
    bottom: -2.34375vw;
    left: -8.07292vw;
  }
}

#box__menu #box__category-3 .head__info .text .thumb img {
  width: 17.57813vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-3 .head__info .text .thumb img {
    width: 7.03125vw;
  }
}

#box__menu #box__category-3 .list__menu .menu-name {
  background: none;
  padding: 0;
}

#box__menu #box__category-3 .list__menu .sub-menu .menu-name {
  background: url(../img/bg/dot__brown-1.png) repeat-x 0 2.73438vw;
  padding: 0 18.22917vw 0 0;
}

@media (min-width: 769px) {
  #box__menu #box__category-3 .list__menu .sub-menu .menu-name {
    background: url(../img/bg/dot__brown-1.png) repeat-x 0 1.09375vw;
    padding: 0 7.29167vw 0 0;
  }
}

#box__menu #box__category-3 > .row [class^="col-"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 769px) {
  #box__menu #box__category-3 > .row [class^="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}

#box__menu #box__category-3 > .row [class^="col-"]:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media (min-width: 769px) {
  #box__menu #box__category-3 > .row [class^="col-"]:first-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

#box__menu #box__category-4 {
  background: url(../img/mobile/bg/bg__curry.jpg) no-repeat center 0;
  background-size: 100% auto;
  padding-top: 5.20833vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 {
    background: url(../img/bg/bg__curry.jpg) no-repeat center 0;
    background-size: 100% auto;
    padding-top: 2.08333vw;
    padding-bottom: 4.16667vw;
  }
}

#box__menu #box__category-4 .head__info {
  margin-bottom: 6.51042vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 .head__info {
    margin-bottom: 2.08333vw;
  }
}

#box__menu #box__category-4 .head__info .text {
  padding-right: 28.64583vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 .head__info .text {
    padding-right: 11.45833vw;
  }
}

#box__menu #box__category-4 .head__info .text .thumb {
  top: auto;
  bottom: -2.60417vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 .head__info .text .thumb {
    bottom: -1.04167vw;
  }
}

#box__menu #box__category-4 .head__info .text .thumb img {
  width: 26.04167vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 .head__info .text .thumb img {
    width: 10.41667vw;
  }
}

#box__menu #box__category-4 .box__choice {
  margin-bottom: 5.20833vw;
  min-height: 65.10417vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 .box__choice {
    margin-bottom: 2.08333vw;
    min-height: auto;
  }
}

#box__menu #box__category-4 .box__choice .list__menu .menu-name .name, #box__menu #box__category-4 .box__choice .list__menu .menu-name .price, #box__menu #box__category-4 .box__choice .list__menu .menu-name .price .text {
  background: url(../img/bg/bg__main-4.png) repeat 0 bottom;
  background-size: 5.20833vw auto;
}

@media (min-width: 769px) {
  #box__menu #box__category-4 .box__choice .list__menu .menu-name .name, #box__menu #box__category-4 .box__choice .list__menu .menu-name .price, #box__menu #box__category-4 .box__choice .list__menu .menu-name .price .text {
    background: url(../img/bg/bg__main-4.png) repeat 0 bottom;
    background-size: 2.08333vw auto;
  }
}

#box__menu #box__category-5 {
  padding: 0 0 15.625vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-5 {
    padding: 0 0 3.125vw;
  }
}

#box__menu #box__category-5 .head__info .text {
  padding-right: 26.04167vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-5 .head__info .text {
    padding-right: 10.41667vw;
  }
}

#box__menu #box__category-5 .head__info .text .thumb {
  top: auto;
  bottom: -3.25521vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-5 .head__info .text .thumb {
    bottom: -1.30208vw;
  }
}

#box__menu #box__category-5 .head__info .text .thumb img {
  width: 23.4375vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-5 .head__info .text .thumb img {
    width: 9.375vw;
  }
}

@media (min-width: 769px) {
  #box__menu #box__category-6 .head__info {
    margin-left: 0;
  }
}

#box__menu #box__category-6 .head__info .text {
  padding-right: 24.73958vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-6 .head__info .text {
    padding-right: 9.89583vw;
  }
}

#box__menu #box__category-6 .head__info .text .thumb {
  top: auto;
  bottom: -5.20833vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-6 .head__info .text .thumb {
    right: auto;
    bottom: -4.6875vw;
    left: -9.89583vw;
  }
}

#box__menu #box__category-6 .head__info .text .thumb img {
  width: 22.13542vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-6 .head__info .text .thumb img {
    width: 8.85417vw;
  }
}

#box__menu #box__category-6 > .row [class^="col-"]:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media (min-width: 769px) {
  #box__menu #box__category-6 > .row [class^="col-"]:first-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

#box__menu #box__category-7 .head__info .text {
  padding-right: 39.84375vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-7 .head__info .text {
    padding-right: 15.9375vw;
  }
}

#box__menu #box__category-7 .head__info .text .thumb {
  top: -10.41667vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-7 .head__info .text .thumb {
    top: -4.16667vw;
  }
}

#box__menu #box__category-7 .head__info .text .thumb img {
  width: 37.23958vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-7 .head__info .text .thumb img {
    width: 14.89583vw;
  }
}

#box__menu #box__category-7 .list__menu > li {
  padding: 0 0 1.95313vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-7 .list__menu > li {
    padding: 0 0 0.78125vw;
  }
}

#box__menu #box__category-7 [class^="col"]:first-child .list__menu .sub-menu li:last-child {
  padding-bottom: 0;
}

@media (min-width: 769px) {
  #box__menu #box__category-8 {
    padding: 0;
  }
}

#box__menu #box__category-8 .head__info .text {
  padding-right: 23.30729vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-8 .head__info .text {
    padding-right: 9.32292vw;
  }
}

#box__menu #box__category-8 .head__info .text .thumb {
  top: auto;
  bottom: -3.25521vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-8 .head__info .text .thumb {
    bottom: -1.30208vw;
  }
}

#box__menu #box__category-8 .head__info .text .thumb img {
  width: 20.70313vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-8 .head__info .text .thumb img {
    width: 8.28125vw;
  }
}

#box__menu #box__category-9 {
  background: url(../img/mobile/bg/bg__lunch-special.png) no-repeat center 0;
  background-size: 100% auto;
  padding-top: 15.625vw;
  min-height: 247.39583vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-9 {
    background: url(../img/bg/bg__lunch-special.jpg) no-repeat center 0;
    background-size: 100% auto;
    padding-top: 7.8125vw;
    min-height: 65.10417vw;
  }
}

#box__menu #box__category-9 .pic-menu {
  margin-top: 0;
  padding: 0 7.8125vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-9 .pic-menu {
    margin-top: -4.6875vw;
    padding: 0;
  }
}

#box__menu #box__category-9 .list__menu .menu-name .name, #box__menu #box__category-9 .list__menu .menu-name .price, #box__menu #box__category-9 .list__menu .menu-name .price .text {
  background: url(../img/bg/bg__main-4.png) repeat 0 bottom;
  background-size: 5.20833vw auto;
}

@media (min-width: 769px) {
  #box__menu #box__category-9 .list__menu .menu-name .name, #box__menu #box__category-9 .list__menu .menu-name .price, #box__menu #box__category-9 .list__menu .menu-name .price .text {
    background: url(../img/bg/bg__main-4.png) repeat 0 bottom;
    background-size: 2.08333vw auto;
  }
}

#box__menu #box__category-10 .head__info .text {
  padding-right: 26.5625vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-10 .head__info .text {
    padding-right: 10.625vw;
  }
}

#box__menu #box__category-10 .head__info .text .thumb {
  top: auto;
  bottom: -4.55729vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-10 .head__info .text .thumb {
    bottom: -1.82292vw;
  }
}

#box__menu #box__category-10 .head__info .text .thumb img {
  width: 23.95833vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-10 .head__info .text .thumb img {
    width: 9.58333vw;
  }
}

#box__menu #box__category-10 .list__menu > li {
  padding: 0 0 1.95313vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-10 .list__menu > li {
    padding: 0 0 0.78125vw;
  }
}

@media (min-width: 769px) {
  #box__menu #box__category-11 {
    padding: 0;
  }
}

#box__menu #box__category-11 .head__info .text {
  padding-right: 23.56771vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-11 .head__info .text {
    padding-right: 9.42708vw;
  }
}

#box__menu #box__category-11 .head__info .text .thumb {
  top: auto;
  bottom: -4.55729vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-11 .head__info .text .thumb {
    bottom: -1.82292vw;
  }
}

#box__menu #box__category-11 .head__info .text .thumb img {
  width: 20.96354vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-11 .head__info .text .thumb img {
    width: 8.38542vw;
  }
}

@media (min-width: 769px) {
  #box__menu #box__category-12 {
    padding: 0;
  }
}

#box__menu #box__category-12 .head__info .text {
  padding-right: 17.44792vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-12 .head__info .text {
    padding-right: 6.97917vw;
  }
}

#box__menu #box__category-12 .head__info .text .thumb {
  top: auto;
  bottom: -3.25521vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-12 .head__info .text .thumb {
    bottom: -1.30208vw;
  }
}

#box__menu #box__category-12 .head__info .text .thumb img {
  width: 14.84375vw;
}

@media (min-width: 769px) {
  #box__menu #box__category-12 .head__info .text .thumb img {
    width: 5.9375vw;
  }
}

/* -------------------------------------------------------------------- box__contact
---------------------------------------------------------------------------------- */
#box__contact {
  background: url(../img/mobile/bg/bg__contact.jpg) no-repeat center 0;
  background-size: 100% auto;
}

@media (min-width: 769px) {
  #box__contact {
    background: url(../img/bg/bg__contact.jpg) no-repeat center center;
    background-size: cover;
  }
}

#box__contact > .container {
  padding: 20.83333vw 0 16.92708vw;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 769px) {
  #box__contact > .container {
    padding: 8.33333vw 0 0;
    width: 90%;
  }
}

#box__contact [class^="col-"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 0 6.51042vw;
}

@media (min-width: 769px) {
  #box__contact [class^="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding: 0;
  }
}

#box__contact .box__info .head__info {
  color: #554f43;
  font-family: 'LithosPro Bold';
  font-size: 7.8125vw;
  letter-spacing: 0.26042vw;
  line-height: 9.11458vw;
  margin: 0 0 1.30208vw;
  text-transform: uppercase;
}

@media (min-width: 769px) {
  #box__contact .box__info .head__info {
    font-size: 2.60417vw;
    letter-spacing: 0.15625vw;
    line-height: 3.125vw;
    margin: 0 0 0.52083vw;
  }
}

#box__contact .box__info .box {
  padding: 0 0 7.8125vw;
}

@media (min-width: 769px) {
  #box__contact .box__info .box {
    padding: 0 0 3.125vw;
  }
}

#box__contact .box__info .box p {
  margin: 0 0 2.60417vw;
}

@media (min-width: 769px) {
  #box__contact .box__info .box p {
    margin: 0 0 1.04167vw;
  }
}

#box__contact .box__info .box p, #box__contact .box__info .box li {
  color: #7c7462;
  font-size: 3.38542vw;
  line-height: 5.46875vw;
}

@media (min-width: 769px) {
  #box__contact .box__info .box p, #box__contact .box__info .box li {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
  }
}

#box__contact .box__info .box span {
  display: block;
}

#box__contact .box__info .box strong {
  font-weight: 700;
}

#box__contact .box__info .box .title {
  color: #000;
  font-size: 3.90625vw;
  font-weight: 700;
  line-height: 5.98958vw;
}

@media (min-width: 769px) {
  #box__contact .box__info .box .title {
    font-size: 1.25vw;
    line-height: 1.66667vw;
  }
}

#box__contact .box__info .box .list__day span {
  color: #7c7462;
  display: inline-block;
  vertical-align: top;
  min-width: 37.76042vw;
}

@media (min-width: 769px) {
  #box__contact .box__info .box .list__day span {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    min-width: 12.5vw;
  }
}

#box__contact .box__info .box .list__contact span {
  color: #7c7462;
  display: inline-block;
  vertical-align: top;
  min-width: 16.92708vw;
}

@media (min-width: 769px) {
  #box__contact .box__info .box .list__contact span {
    font-size: 1.04167vw;
    line-height: 1.5625vw;
    min-width: 5.72917vw;
  }
}

#box__contact .box__info .box .list__contact em {
  color: #ed1c24;
  font-style: normal;
  font-weight: 700;
}

#box__contact .map {
  background: #fff;
  padding: 1.30208vw;
}

@media (min-width: 769px) {
  #box__contact .map {
    padding: 0.52083vw;
  }
}

#box__contact .map iframe {
  display: block;
  width: 100%;
  height: 76.82292vw;
}

@media (min-width: 769px) {
  #box__contact .map iframe {
    height: 30.72917vw;
  }
}

/* -------------------------------------------------------------------------- footer
---------------------------------------------------------------------------------- */
#footer {
  background: #302c22;
  overflow: hidden;
  z-index: 50;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#footer .container {
  padding: 1.30208vw 1.30208vw 1.04167vw;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 769px) {
  #footer .container {
    padding: 0.78125vw 2.08333vw 0.41667vw;
  }
}

@media (min-width: 1680px) {
  #footer .container {
    padding: 0.52083vw 2.08333vw 0.41667vw;
  }
}

#footer [class^="col-"] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 769px) {
  #footer [class^="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}

#footer [class^="col-"]:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media (min-width: 769px) {
  #footer [class^="col-"]:first-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

#footer .copyright {
  color: #fff;
  font-size: 1.82292vw;
  font-weight: 300;
  line-height: 3.125vw;
  text-align: center;
}

@media (min-width: 769px) {
  #footer .copyright {
    font-size: 0.875vw;
    line-height: 1.45833vw;
    text-align: left;
    height: 1.45833vw;
  }
}

@media (min-width: 1680px) {
  #footer .copyright {
    font-size: 0.72917vw;
  }
}

#footer .tel {
  margin: 0 0 1.30208vw;
  text-align: center;
  height: 5.20833vw;
}

@media (min-width: 769px) {
  #footer .tel {
    margin: 0;
    text-align: right;
    height: auto;
  }
}

#footer .tel span {
  background: url(../img/mobile/icon/tel-2.png) no-repeat 0 1.04167vw;
  background-size: 4.16667vw auto;
  color: #fff;
  display: inline-block;
  font-size: 3.125vw;
  line-height: 5.20833vw;
  padding: 0 0 0 5.46875vw;
  vertical-align: top;
  height: 5.20833vw;
}

@media (min-width: 769px) {
  #footer .tel span {
    background: url(../img/icon/tel-2.png) no-repeat 0 center;
    background-size: 1.25vw auto;
    font-size: 1.125vw;
    line-height: 1.45833vw;
    padding: 0 0 0 1.77083vw;
    height: 1.45833vw;
  }
}

@media (min-width: 1680px) {
  #footer .tel span {
    font-size: 0.9375vw;
  }
}

#footer .tel strong {
  font-size: 4.16667vw;
}

@media (min-width: 769px) {
  #footer .tel strong {
    font-size: 1.5vw;
  }
}

@media (min-width: 1680px) {
  #footer .tel strong {
    font-size: 1.25vw;
  }
}

/*# sourceMappingURL=style.css.map */