@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(./notosansjapanese.css);

/* line 11, ../scss/_mix.scss */
.spinner {
  margin: -2.5em 0 0 -2.5em;
  font-size: 10px;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  background-image: url(../images/loading.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 32, ../scss/_mix.scss */
.spinner,
.spinner:after {
  width: 5em;
  height: 5em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 10, ../scss/main.scss */
.shop_name_container {
  color: #fff;
  font-size: 2.4em;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
  text-align: center;
  padding-top: .7em;
}
/* line 21, ../scss/main.scss */
.shop_name_container li {
  display: inline-block;
  margin: 0 .5em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
/* line 25, ../scss/main.scss */
.shop_name_container li:after {
  content: "";
  display: block;
  width: 80%;
  margin: .5em auto 0;
  border-bottom: 1px none #fff;
}
/* line 33, ../scss/main.scss */
.shop_name_container li.active:after {
  border-bottom-style: solid;
}

/* line 40, ../scss/main.scss */
#content {
  margin-top: 0;
}

/* line 45, ../scss/main.scss */
#main .main_inner {
  background: #fff;
  position: relative;
  z-index: 2;
}
/* line 51, ../scss/main.scss */
#main .middle_container {
  position: relative;
}
/* line 54, ../scss/main.scss */
#main .middle_container:after {
  content: "";
  clear: both;
  display: block;
}
/* line 60, ../scss/main.scss */
#main .shop_container {
  width: 75%;
  float: right;
  position: relative;
}
/* line 66, ../scss/main.scss */
#main .shop_container .shop_content {
  position: absolute;
  top: 0;
  display: none;
}
/* line 70, ../scss/main.scss */
#main .shop_container .shop_content:after {
  content: "";
  clear: both;
  display: block;
}
/* line 75, ../scss/main.scss */
#main .shop_container .shop_content.active {
  position: relative;
  display: block;
}
/* line 89, ../scss/main.scss */
#main .shop_container .shop_inner .side {
  width: 33%;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
/* line 100, ../scss/main.scss */
#main .shop_container .shop_inner .side .side_bottom {
  display: none;
}
/* line 104, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl_container {
  border-bottom: 1px solid #000;
  padding: 3em 0 2.6em;
  position: relative;
}
/* line 108, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl_container .btn {
  position: absolute;
  width: 50px;
  height: 100%;
  background: #0c1922;
  top: 0;
  right: 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
/* line 119, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl_container .btn:after {
  content: "+";
  color: #fff;
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 132, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl_container.on .btn:after {
  content: "-";
}
/* line 138, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl {
  font-size: 2.8em;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
  padding: 0 .3rem .5rem 0;
}
/* line 143, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl .en {
  display: block;
  font-size: 63%;
  margin-bottom: .5em;
}
/* line 149, ../scss/main.scss */
#main .shop_container .shop_inner .side .ttl .sm {
  font-size: .5em;
  display: inline-blodk;
  padding: 0 .3em;
}
/* line 156, ../scss/main.scss */
#main .shop_container .shop_inner .side .reserve {
  display: inline-block;
  background: rgba(180, 4, 69, 0.8);
  padding: 1.5em;
  vertical-align: top;
  font-size: .8em;
}
/* line 164, ../scss/main.scss */
#main .shop_container .shop_inner .side .reserve a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1.4em;
}
/* line 173, ../scss/main.scss */
#main .shop_container .shop_inner .side .info_container {
  font-size: 1.4em;
  line-height: 1.9;
  padding: .7em 0;
  border-bottom: 1px solid #000;
  max-height: 40%;
  overflow: auto;
}
/* line 180, ../scss/main.scss */
#main .shop_container .shop_inner .side .info_container .open {
  font-size: 90%;
}
/* line 184, ../scss/main.scss */
#main .shop_container .shop_inner .side .info_container .tel {
  line-height: normal;
  padding-bottom: .4em;
}
/* line 187, ../scss/main.scss */
#main .shop_container .shop_inner .side .info_container .tel .num {
  font-size: 1.5em;
}
/* line 193, ../scss/main.scss */
#main .shop_container .shop_inner .side .news_container {
  font-size: 1.4em;
  line-height: 1.8;
  padding: 1em 0;
  max-height: 28%;
  overflow: auto;
}
/* line 199, ../scss/main.scss */
#main .shop_container .shop_inner .side .news_container .news_ttl {
  font-weight: bold;
}
/* line 202, ../scss/main.scss */
#main .shop_container .shop_inner .side .news_container .news_lists {
  width: 100%;
}
/* line 205, ../scss/main.scss */
#main .shop_container .shop_inner .side .news_container .news_list {
  padding: .7em 0;
  line-height: 1.4;
}
/* line 211, ../scss/main.scss */
#main .shop_container .shop_inner .side .detail {
  display: block;
  font-size: 1.8em;
  background: #383838;
  padding: 1em 0;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -10px;
}
/* line 222, ../scss/main.scss */
#main .shop_container .shop_inner .side .detail a, #main .shop_container .shop_inner .side .detail a:visited {
  color: #fff;
}
/* line 229, ../scss/main.scss */
#main .shop_container .shop_inner .shop_image {
  float: left;
  width: 67%;
  height: auto;
}
/* line 235, ../scss/main.scss */
#main .shop_container .shop_inner.sp {
  display: none;
}
/* line 243, ../scss/main.scss */
.lang-en #main .shop_container .blog_6 .shop_inner .side .ttl {
  font-size: 2em;
  line-height: 1.2em;
}
/* line 246, ../scss/main.scss */
.lang-en #main .shop_container .blog_6 .shop_inner .side .ttl .en {
  line-height: normal;
}
/* line 250, ../scss/main.scss */
.lang-en #main .shop_container .blog_6 .shop_inner .side .detail {
  font-size: 1.4em;
  line-height: 1.8em;
}
/* line 259, ../scss/main.scss */
#main .shop_lists {
  float: left;
  width: 25%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
/* line 266, ../scss/main.scss */
#main .shop_lists li {
  background-size: cover;
  color: #fff;
  height: 20%;
  position: relative;
  cursor: pointer;
}
/* line 277, ../scss/main.scss */
#main .shop_lists li.active {
  background: #fff !important;
  color: #000;
}
/* line 281, ../scss/main.scss */
#main .shop_lists li.active:after {
  content: "";
  display: block;
  border-top: 10px solid transparent;
  border-left: 17px solid #fff;
  border-right: 17px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 50%;
  right: -34px;
  margin-top: -5px;
}
/* line 294, ../scss/main.scss */
#main .shop_lists li .list_inner {
  position: absolute;
  width: 100%;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 2.8em;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
  margin: 0;
  text-decoration: none;
  text-align: center;
}
/* line 307, ../scss/main.scss */
.lang-en #main .shop_lists li .list_inner {
  font-size: 2.8em;
}
/* line 309, ../scss/main.scss */
.lang-en #main .shop_lists li .list_inner .inner {
  text-align: center;
}
/* line 313, ../scss/main.scss */
#main .shop_lists li .list_inner .inner {
  display: inline-block;
  text-align: left;
}
/* line 318, ../scss/main.scss */
#main .shop_lists li .list_inner .en {
  display: block;
  font-size: 60%;
  margin-bottom: .5em;
}
/* line 323, ../scss/main.scss */
#main .shop_lists li .list_inner .sm {
  font-size: .5em;
  display: inline-blodk;
  padding: 0 .3em;
}
/* line 331, ../scss/main.scss */
#main .bottom_container {
  background: #fff;
}
/* line 333, ../scss/main.scss */
#main .bottom_container .sec {
  overflow: hidden;
}
/* line 338, ../scss/main.scss */
#main .bottom_container .sec .box {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  line-height: 2;
  color: #0a0a0a;
}
/* line 344, ../scss/main.scss */
#main .bottom_container .sec .box .ttl {
  font-size: 2.2em;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
}
/* line 349, ../scss/main.scss */
#main .bottom_container .sec .left {
  float: left;
}
/* line 352, ../scss/main.scss */
#main .bottom_container .sec .right {
  float: right;
}
/* line 356, ../scss/main.scss */
#main .bottom_container .sec .box_img img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
/* line 362, ../scss/main.scss */
#main .bottom_container .sec .box_txt {
  padding: 5em;
}

/* line 369, ../scss/main.scss */
.news_lists {
  width: 200px;
}
/* line 372, ../scss/main.scss */
.news_lists li {
  border-bottom: 1px solid #ccc;
}
/* line 375, ../scss/main.scss */
.news_lists li:last-child {
  border: none;
}

/* line 381, ../scss/main.scss */
.shop_lists {
  width: 200px;
}
/* line 384, ../scss/main.scss */
.shop_lists li a {
  display: block;
  border: 1px solid #ccc;
  margin: 1em 1em 1em 0;
  padding: 1em;
}

@media only screen and (max-width: 1100px) and (min-width: 1051px) {
  /* line 397, ../scss/main.scss */
  #main .bottom_container .sec .box_txt {
    padding: 4em;
  }
}
@media only screen and (max-width: 1050px) and (min-width: 769px) {
  /* line 409, ../scss/main.scss */
  #main .shop_lists li .list_inner {
    font-size: 2.2em;
  }
  /* line 414, ../scss/main.scss */
  #main .shop_container {
    width: 75%;
  }
  /* line 417, ../scss/main.scss */
  #main .shop_container .shop_inner .shop_image {
    width: 48%;
  }
  /* line 420, ../scss/main.scss */
  #main .shop_container .shop_inner .side {
    width: 52%;
  }
  /* line 422, ../scss/main.scss */
  #main .shop_container .shop_inner .side .ttl_container {
    padding: 1.5em 0 .5em;
  }
  /* line 424, ../scss/main.scss */
  #main .shop_container .shop_inner .side .ttl_container:after {
    content: "";
    clear: both;
    display: block;
  }
  /* line 430, ../scss/main.scss */
  #main .shop_container .shop_inner .side .ttl {
    font-size: 1.8em;
    width: 65%;
    float: left;
  }
  /* line 435, ../scss/main.scss */
  #main .shop_container .shop_inner .side .reserve {
    padding: 1em;
    margin: 0;
    float: left;
  }
  /* line 440, ../scss/main.scss */
  #main .shop_container .shop_inner .side .detail {
    font-size: 1em;
  }
  /* line 443, ../scss/main.scss */
  #main .shop_container .shop_inner .side .info_container {
    line-height: 1.7;
  }
  /* line 445, ../scss/main.scss */
  #main .shop_container .shop_inner .side .info_container .tel {
    font-size: 10px;
  }
  /* line 447, ../scss/main.scss */
  #main .shop_container .shop_inner .side .info_container .tel .num {
    font-size: 1.3em;
  }
  /* line 451, ../scss/main.scss */
  #main .shop_container .shop_inner .side .info_container .open {
    font-size: 10px;
  }
  /* line 455, ../scss/main.scss */
  #main .shop_container .shop_inner .side .news_container {
    padding: 0.5em 0;
  }
  /* line 457, ../scss/main.scss */
  #main .shop_container .shop_inner .side .news_container .news_ttl {
    font-size: 10px;
  }
  /* line 460, ../scss/main.scss */
  #main .shop_container .shop_inner .side .news_container .news_list {
    font-size: 10px;
  }
  /* line 469, ../scss/main.scss */
  #main .bottom_container .sec .box {
    font-size: 1.3em;
  }
  /* line 471, ../scss/main.scss */
  #main .bottom_container .sec .box .ttl {
    font-size: 2em;
  }
  /* line 475, ../scss/main.scss */
  #main .bottom_container .sec .box_txt {
    padding: 3em;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 490, ../scss/main.scss */
  .footer #inner-footer .footer_container.nav_container .box.shop {
    margin: 0 auto;
    float: none;
  }

  /* line 510, ../scss/main.scss */
  .footer #inner-footer .footer_container.list_container .ul_list li {
    margin: 1.2em;
  }
  /* line 512, ../scss/main.scss */
  .footer #inner-footer .footer_container.list_container .ul_list li a {
    font-size: 1.1em;
  }
  /* line 519, ../scss/main.scss */
  .footer #inner-footer .footer_container.nav_container .box {
    font-size: 1em;
  }
}
@media only screen and (max-width: 900px) and (min-width: 801px) {
  /* line 538, ../scss/main.scss */
  #main .shop_container {
    width: 80%;
  }
  /* line 543, ../scss/main.scss */
  #main .bottom_container .sec .box {
    font-size: 1.2em;
  }
  /* line 545, ../scss/main.scss */
  #main .bottom_container .sec .box .ttl {
    font-size: 2em;
  }
  /* line 549, ../scss/main.scss */
  #main .bottom_container .sec .box_txt {
    padding: 1em 2.5em;
  }
}
@media only screen and (max-width: 800px) and (min-width: 769px) {
  /* line 561, ../scss/main.scss */
  #main .shop_lists li .list_inner {
    font-size: 2em;
  }
  /* line 566, ../scss/main.scss */
  #main .shop_container {
    width: 90%;
  }
  /* line 571, ../scss/main.scss */
  #main .bottom_container .sec .box {
    font-size: 1.2em;
    line-height: 1.9;
  }
  /* line 574, ../scss/main.scss */
  #main .bottom_container .sec .box .ttl {
    font-size: 2em;
  }
  /* line 578, ../scss/main.scss */
  #main .bottom_container .sec .box_txt {
    padding: 1em 2.5em;
  }
}
@media only screen and (max-width: 768px) and (min-width: 640px) {
  /* line 592, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom:after {
    clear: both;
    content: "";
    display: block;
  }
  /* line 597, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom > a {
    display: block;
    width: 50%;
    float: left;
  }
  /* line 602, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .side_bottom_inner {
    float: left;
    width: 50%;
  }
  /* line 607, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .side_bottom_inner .info_container .reserve a {
    padding: 0.5em;
  }
  /* line 611, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .side_bottom_inner .info_container .open {
    font-size: 12px;
    line-height: 1.7;
  }
  /* line 617, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .detail {
    clear: both;
    width: 100%;
    float: none;
  }
  /* line 622, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .news_container {
    padding: 0.5em 0;
  }
  /* line 624, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .news_container .news_lists {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 637, ../scss/main.scss */
  #main .shop_container {
    width: 100%;
    float: none;
  }
  /* line 640, ../scss/main.scss */
  #main .shop_container .shop_content {
    position: relative;
    display: block;
    border-top: 1px solid #000;
  }
  /* line 644, ../scss/main.scss */
  #main .shop_container .shop_content:last-child {
    border-bottom: 1px solid #000;
  }
  /* line 650, ../scss/main.scss */
  #main .shop_container .shop_inner .shop_image {
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
  }
  /* line 656, ../scss/main.scss */
  #main .shop_container .shop_inner .side {
    width: auto;
    position: static;
    padding: 0;
  }
  /* line 660, ../scss/main.scss */
  #main .shop_container .shop_inner .side .ttl_container {
    border: none;
  }
  /* line 662, ../scss/main.scss */
  #main .shop_container .shop_inner .side .ttl_container .ttl {
    padding: 0 0 0 5%;
  }
  /* line 666, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom {
    margin: 0 0 10% 0;
  }
  /* line 668, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container {
    padding: 0 0 .7em;
    max-height: none;
  }
  /* line 672, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container .reserve {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 0 2% 0;
  }
  /* line 677, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container .reserve a {
    padding: 1.3em;
  }
  /* line 681, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container .tel {
    width: 90%;
    margin: 0 auto;
  }
  /* line 684, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container .tel .num {
    text-decoration: underline;
  }
  /* line 688, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container .address {
    width: 90%;
    margin: 0 auto;
  }
  /* line 692, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .info_container .open {
    width: 90%;
    margin: 0 auto;
  }
  /* line 697, ../scss/main.scss */
  #main .shop_container .shop_inner .side .side_bottom .news_container {
    width: 90%;
    margin: 0 auto;
  }
  /* line 702, ../scss/main.scss */
  #main .shop_container .shop_inner .side .detail {
    margin: 0;
    position: static;
  }
  /* line 708, ../scss/main.scss */
  #main .shop_container .shop_inner.pc {
    display: none;
  }
  /* line 711, ../scss/main.scss */
  #main .shop_container .shop_inner.sp {
    display: block;
  }
  /* line 716, ../scss/main.scss */
  #main .shop_lists {
    display: none;
  }
  /* line 719, ../scss/main.scss */
  #main .bottom_container {
    margin: 8% 0 0 0;
  }
  /* line 722, ../scss/main.scss */
  #main .bottom_container .sec .box {
    width: auto;
  }
  /* line 724, ../scss/main.scss */
  #main .bottom_container .sec .box .ttl {
    text-align: center;
  }
  /* line 728, ../scss/main.scss */
  #main .bottom_container .sec .left {
    float: none;
  }
  /* line 731, ../scss/main.scss */
  #main .bottom_container .sec .right {
    float: none;
  }
  /* line 734, ../scss/main.scss */
  #main .bottom_container .sec .box_txt {
    padding: 5%;
  }
  /* line 737, ../scss/main.scss */
  #main .bottom_container .sec.section_b1 {
    background: #f4f4f4;
  }
}
@media only screen and (max-width: 640px) {
  /* line 747, ../scss/main.scss */
  .slider .logo {
    width: 70%;
  }
  /* line 749, ../scss/main.scss */
  .slider .logo .logo_img {
    width: 100%;
    height: auto;
  }
  /* line 754, ../scss/main.scss */
  .slider .logo .shop_name_container li {
    margin: 0px 0em;
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 400px) {
  /* line 764, ../scss/main.scss */
  .slider .logo {
    width: 75%;
  }
  /* line 767, ../scss/main.scss */
  .slider .logo .shop_name_container li {
    font-size: 0.6em;
  }
}

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