@charset "UTF-8";
/******* setting.scss *******/
/******* mixin.scss *******/
@media screen and (max-width: 960px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, div {
    font-size: 2.8vw;
    line-height: 180%;
  }

  .menuOpen {
    height: 100%;
    overflow: hidden;
  }

  br.sp {
    display: inline-block;
  }

  img.sp {
    display: inline-block;
  }
  img.sp + img {
    display: none;
  }

  .wrapper {
    min-width: 100vw;
  }

  /****** header ******/
  header {
    height: 20vw;
    padding: 0;
  }
  header p {
    margin: 4vw;
  }
  header p.logo {
    margin: auto 8vw;
    margin-right: 2vw;
    left: 0;
    right: 0;
    top: 6vw;
    width: 32vw;
    height: 12.5vw;
    padding: 0;
  }
  header p.logo a {
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  header .license {
    display: none;
  }
  header .spMenu {
    display: block;
    height: 6vw;
    width: 6vw;
    position: absolute;
    right: 8vw;
    top: 7vw;
  }
  header .spMenu span {
    background-color: #BA3E26;
    height: 2px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: all 0.6s;
  }
  header .spMenu span:nth-child(2) {
    top: 50%;
    margin-top: -0.5px;
  }
  header .spMenu span:nth-child(3) {
    top: auto;
    bottom: 0;
  }
  header .headNav {
    display: block;
    position: absolute;
    max-height: 0;
    overflow: scroll;
    transition: all 0.6s;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
  }
  header .headNav nav {
    display: block;
  }
  header .headNav nav ul {
    border-right: none;
    display: block;
    padding: 8vw 0;
  }
  header .headNav nav ul li {
    display: block;
    border-left: none;
    margin: 0;
    padding: 0;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
  }
  header .headNav nav ul li:nth-child(3), header .headNav nav ul li:nth-child(4) {
    padding: 0;
  }
  header .headNav nav ul li.tell a {
    padding: 40px;
  }
  header .headNav nav ul li:last-child a {
    padding: 40px;
    margin: 0;
  }
  header .headNav nav ul li a {
    border: none;
    display: block;
    padding: 3vh 4vw;
    height: auto;
    text-align: center;
    font-size: 4vw;
  }
  header .headNav nav ul li a:after {
    display: none !important;
  }
  header.scroll .spMenu span {
    background-color: #BA3E26;
  }

  .menuOpen header .spMenu span {
    background-color: #BA3E26;
  }
  .menuOpen header .spMenu span:nth-child(1) {
    top: 50%;
    transform: rotate(135deg);
  }
  .menuOpen header .spMenu span:nth-child(2) {
    left: 50%;
    width: 0;
  }
  .menuOpen header .spMenu span:nth-child(3) {
    top: 50%;
    bottom: auto;
    transform: rotate(-135deg);
  }
  .menuOpen header .headNav {
    max-height: 100vh;
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 20vw;
    padding: 0 0 80px;
  }
  .menuOpen header nav ul li {
    display: block;
    margin-bottom: 0;
  }
  .menuOpen header nav ul li a:hover {
    border-bottom: none;
  }
  .menuOpen header nav ul li:last-child {
    width: 84vw;
    margin: 0 auto 32vw;
  }

  /****** footer ******/
  .pageTop {
    bottom: 4vw;
    right: 4vw;
  }
  .pageTop img {
    width: 12vw;
    height: 12vw;
    background-size: 100%;
  }

  footer {
    border-top: 2px solid #BA3E26;
  }
  footer .secCont {
    padding: 0 8vw;
  }
  footer .secCont ul {
    display: flex;
    border-bottom: 1px dotted #ccc;
    flex-wrap: wrap;
  }
  footer .secCont ul li {
    padding: 4vw;
  }
  footer .secCont ul li a {
    text-decoration: none;
    text-align: left;
  }
  footer .secCont ul.footSns {
    justify-content: center;
  }
  footer .secCont ul.footSns li a {
    font-size: 161%;
    color: #BA3E26;
  }
  footer .secCont ul.link {
    border: none;
    margin-bottom: 8vw;
  }
  footer .secCont ul.link li {
    width: 100vw;
    box-sizing: border-box;
    border-bottom: 1px dotted #ccc;
    padding: 0;
  }
  footer .secCont ul.link li a {
    display: block;
    padding: 4vw;
  }
  footer .secCont p {
    text-align: center;
    margin-bottom: 8vw;
  }
  footer .secCont section {
    text-align: left;
  }
  footer .secCont section p {
    margin: 0 0 8vw;
  }
  footer .secCont section p.logo {
    margin: 0 auto 8vw;
  }
  footer .secCont section p.logo a {
    background-size: contain;
    width: 62vw;
  }
  footer .footCopy {
    padding: 10px 0;
    background-color: #BA3E26;
    color: #fff;
    margin: 0;
  }

  /******main******/
  table {
    width: 100vw;
  }

  .tab {
    padding: 0 4vw;
  }
  .tab li {
    width: 92vw;
    margin-bottom: 4vw;
  }

  .btn {
    width: 100%;
  }

  /******** index ********/
  #index .vaArea {
    height: auto;
    padding: 0;
    width: 100vw;
    box-sizing: border-box;
    height: 89vh;
    margin-bottom: 8vw;
    padding-top: 21vw;
  }
  #index .vaArea .flexslider {
    height: 71vh;
    width: 100vw;
  }
  #index .vaArea .flexslider .slides {
    height: 71vh;
  }
  #index .vaArea .flexslider .slides li {
    height: 71vh;
  }
  #index .vaArea .flexslider .slides li img {
    height: 71vh;
  }
  #index .vaArea .news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: auto;
    min-width: auto;
    width: 100%;
  }
  #index .vaArea .news .leftArea {
    width: 100%;
    box-sizing: border-box;
    padding: 4vw;
    border: none;
    display: none;
  }
  #index .vaArea .news .leftArea h2 {
    margin: 0;
    border: none;
  }
  #index .vaArea .news .leftArea .btnw {
    margin: 0 auto;
  }
  #index .vaArea .news .rightArea {
    width: 100%;
    padding: 4vw 8vw;
    box-sizing: border-box;
  }
  #index .vaArea .news .rightArea dl {
    flex-wrap: wrap;
  }
  #index .vaArea .news .rightArea dl dt {
    margin: 0;
    width: 100%;
  }
  #index .vaArea .news .rightArea dl dd {
    width: 100%;
  }
  #index .aboutArea {
    padding: 0 0 16vw;
    background-size: 85vw;
  }
  #index .aboutArea .secCont figure {
    max-width: 84vw;
    max-height: auto;
    margin: 0 auto 16vw;
    height: 84vw;
  }
  #index .aboutArea .secCont .detail {
    max-width: 84vw;
    margin: 0 auto;
    padding: 0;
  }
  #index .aboutArea .secCont .detail h2 {
    margin-left: 8vw;
    font-size: 196%;
  }
  #index .aboutArea .secCont .detail p {
    line-height: 200%;
  }
  #index .menuArea {
    padding: 16vw 0;
    background: url("../img/index/menuBgChara.png") right bottom #F5E2DF no-repeat;
    background-size: 69vw;
  }
  #index .menuArea .secCont .detail {
    max-width: 84vw;
    margin: 0 auto 8vw;
    padding: 0;
  }
  #index .menuArea .secCont .detail h2 {
    text-align: left;
    margin-bottom: 4vw;
    font-size: 196%;
  }
  #index .menuArea .secCont .detail p {
    margin-bottom: 8vw;
  }
  #index .menuArea .secCont .detail .menuLink {
    justify-content: space-between;
    margin-bottom: 5vw;
  }
  #index .menuArea .secCont .detail .menuLink p.btn {
    width: 100%;
    margin-bottom: 3vw;
  }
  #index .menuArea .secCont .detail .menuLink p.btn a {
    padding: 4vw 0;
  }
  #index .menuArea .secCont .imgList {
    max-width: 100%;
    width: 100%;
    justify-content: flex-start;
  }
  #index .menuArea .secCont .imgList li {
    max-width: 26vw;
    max-height: 26vw;
    margin-bottom: 3vw;
    margin-right: 3vw;
  }
  #index .menuArea .secCont .imgList li:nth-child(3n) {
    margin-right: 0;
  }
  #index .menuArea .secCont .imgList li:nth-child(4n) {
    margin-right: 3vw;
  }
  #index .menuArea .secCont figure {
    max-width: 100%;
    width: 100%;
    height: 57vw;
  }
  #index .menuArea .secCont figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #index .courseArea {
    padding: 16vw 8vw;
    background: url("../img/index/couceBgChara.png") right bottom no-repeat;
    background-size: 100vw;
  }
  #index .courseArea .secCont {
    flex-wrap: wrap;
    flex-flow: column-reverse;
  }
  #index .courseArea .secCont .detail {
    max-width: 100%;
    padding: 0;
    margin-bottom: 8vw;
  }
  #index .courseArea .secCont .detail h2 {
    font-size: 196%;
    margin-bottom: 4vw;
  }
  #index .courseArea .secCont .detail p {
    margin-bottom: 8vw;
  }
  #index .courseArea .secCont .detail p.btn {
    margin-bottom: 0;
  }
  #index .courseArea .secCont figure {
    width: 100%;
  }
  #index .shopArea {
    background: url("../img/index/mapBgChara.png") right bottom #F5E2DF no-repeat;
    background-size: 53vw;
    padding: 16vw 8vw;
  }
  #index .shopArea .secCont .detail {
    max-width: 100%;
    padding: 0;
    margin-bottom: 8vw;
  }
  #index .shopArea .secCont .detail h2 {
    text-align: left;
    font-size: 196%;
    margin-bottom: 4vw;
  }
  #index .shopArea .secCont .detail p {
    margin-bottom: 2vw;
  }
  #index .shopArea .secCont .detail dl {
    margin-bottom: 2vw;
  }
  #index .shopArea .secCont .detail dl dt {
    width: 24vw;
  }
  #index .shopArea .secCont .detail dl dd {
    width: 60vw;
  }
  #index .shopArea .secCont .detail dl:last-child {
    margin-bottom: 8vw;
  }
  #index .shopArea .secCont .mapArea {
    width: 100%;
  }
  #index .shopArea .secCont .mapArea .map {
    height: 84vw;
    margin-bottom: 8vw;
  }
  #index .newsArea {
    padding: 16vw 8vw 24vw;
    background: url("../img/index/newsBgChara.png") right bottom no-repeat;
    background-size: 69vw;
  }
  #index .newsArea .secCont .detail {
    max-width: 100%;
    padding: 0;
    margin-bottom: 8vw;
  }
  #index .newsArea .secCont .detail h2 {
    text-align: left;
    font-size: 196%;
    margin-bottom: 4vw;
  }
  #index .newsArea .secCont .detail p {
    margin-bottom: 4vw;
  }
  #index .newsArea .secCont .listArea {
    width: 100%;
  }
  #index .newsArea .secCont .listArea dl {
    flex-wrap: wrap;
    padding: 4vw;
    background-position: right 0 top 50%;
  }
  #index .newsArea .secCont .listArea dl dt {
    margin-bottom: 2vw;
  }
  #index .newsArea .secCont .listArea dl dd.cat {
    margin-bottom: 2vw;
    padding: 1vw;
  }
  #index .newsArea .secCont .listArea dl dd.head {
    padding: 0;
    width: 67vw;
  }

  /******** お任せコース ********/
  #course .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #course .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #course .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #course .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #course .coursePoint {
    padding: 16vw 0 64vw;
    background-size: 254vw;
    margin-bottom: 16vw;
  }
  #course .coursePoint item {
    display: block;
    padding: 0;
    background: url(../img/course/coursePointImgBg.jpg) right 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
    margin-bottom: 8vw;
  }
  #course .coursePoint item figure {
    width: 92vw;
    height: 52vw;
    margin-bottom: 12vw;
  }
  #course .coursePoint item dl {
    padding: 0;
    width: 100%;
    padding: 0 8vw;
  }
  #course .coursePoint item dl dt {
    margin-bottom: 4vw;
  }
  #course .coursePoint item dl dt span {
    margin-bottom: 2vw;
  }
  #course .coursePoint item dl dt strong {
    font-size: 196%;
  }
  #course .coursePoint item:nth-child(even) {
    background: url(../img/course/coursePointImgBg.jpg) left 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
  }
  #course .courseDetail {
    margin-bottom: 16vw;
  }
  #course .courseDetail h2 {
    margin-bottom: 16vw;
  }
  #course .courseDetail h2 span {
    font-size: 100%;
  }
  #course .courseDetail h2 strong {
    font-size: 140%;
  }
  #course .courseDetail p {
    margin-bottom: 16vw;
  }
  #course .courseDetail .secCont {
    flex-flow: column-reverse;
  }
  #course .courseDetail .secCont .courseFlow {
    padding: 0 4vw;
    width: 100vw;
    margin-bottom: 16vw;
  }
  #course .courseDetail .secCont .courseFlow dl {
    padding: 0 0 8vw 12vw;
  }
  #course .courseDetail .secCont .courseFlow dl dt {
    font-size: 140%;
    padding-bottom: 2vw;
    margin-bottom: 2vw;
  }
  #course .courseDetail .secCont .imgArea {
    width: 100%;
    height: 150vw;
    padding: 0;
    background-size: 84vw 84%;
  }
  #course .courseDetail .secCont .imgArea img {
    width: 81vw;
    height: 53.5vw;
    object-fit: cover;
  }
  #course .courseDetail .secCont .imgArea img.firstImg {
    top: 47vw;
    left: 0;
  }
  #course .courseDetail .secCont .imgArea img.secondImg {
    right: 0;
  }
  #course .courseDetail .secCont .imgArea img.lastImg {
    right: 0;
  }
  #course .courseDetail .secCont .omakaseMenu {
    padding: 0 8vw;
    margin-bottom: 16vw;
  }
  #course .courseDetail .secCont .omakaseMenu item {
    padding: 8vw;
    margin-bottom: 8vw;
  }
  #course .courseDetail .secCont .omakaseMenu item h3 {
    font-size: 140%;
    margin-bottom: 4vw;
  }
  #course .courseDetail .secCont .omakaseMenu item dl dt {
    margin-bottom: 4vw;
  }
  #course .courseDetail .secCont .omakaseMenu item dl dd {
    font-size: 140%;
  }
  #course .feeArea {
    width: 84vw;
    margin: 0 auto 16vw;
    padding: 8vw;
    display: block;
  }
  #course .feeArea dt {
    padding: 0;
    margin: 0 0 4vw;
    text-align: center;
    background: none;
  }
  #course .feeArea dt:after {
    content: none;
  }
  #course .feeArea dd {
    text-align: center;
  }
  #course .reserveBtn {
    width: 100%;
    height: 36vw;
    margin-bottom: 16vw;
  }
  #course .reserveBtn p.btn {
    width: 84vw;
    margin: 0 auto;
    left: 8vw;
  }
  #course .reserveBtn p.btn span {
    font-size: 140%;
  }
  #course .reserveBtn p.reed {
    font-size: 350%;
  }

  /******** アラカルト ********/
  #alacarte .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #alacarte .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #alacarte .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #alacarte .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #alacarte .alacartePoint {
    padding: 16vw 0 64vw;
    background-size: 254vw;
    margin-bottom: 16vw;
  }
  #alacarte .alacartePoint item {
    display: block;
    padding: 0;
    background: url(../img/course/coursePointImgBg.jpg) right 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
    margin-bottom: 8vw;
  }
  #alacarte .alacartePoint item figure {
    width: 92vw;
    height: 52vw;
    margin-bottom: 12vw;
  }
  #alacarte .alacartePoint item dl {
    padding: 0;
    width: 100%;
    padding: 0 8vw;
  }
  #alacarte .alacartePoint item dl dt {
    margin-bottom: 4vw;
  }
  #alacarte .alacartePoint item dl dt span {
    margin-bottom: 2vw;
  }
  #alacarte .alacartePoint item dl dt strong {
    font-size: 196%;
  }
  #alacarte .alacartePoint item:nth-child(odd) {
    background: url(../img/course/coursePointImgBg.jpg) left 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
  }
  #alacarte .menuDetail h2 {
    margin-bottom: 16vw;
  }
  #alacarte .menuDetail h2 span {
    font-size: 100%;
  }
  #alacarte .menuDetail h2 strong {
    font-size: 140%;
  }
  #alacarte .menuDetail .itemList {
    padding: 0;
  }
  #alacarte .menuDetail .itemList item {
    padding: 0 8vw;
    margin-bottom: 8vw;
  }
  #alacarte .menuDetail .itemList item dl {
    padding: 0 0 0 6vw;
    margin: 0 0 4vw;
    max-width: 100%;
    background-size: 4vw;
  }
  #alacarte .menuDetail .itemList item dl::after {
    content: none;
  }
  #alacarte .menuDetail .itemList item p.price {
    text-align: right;
    width: 100%;
    max-width: 100%;
    font-size: 140%;
  }
  #alacarte .menuDetail .imgArea {
    width: 92vw;
    height: 64vw;
    background: url("../img/alacarte/menuImgBg.jpg") 50% 50% no-repeat;
    background-size: 84vw 84%;
  }

  /******** ドリンク ********/
  #drink .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #drink .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #drink .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #drink .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #drink .drinkPoint {
    padding: 16vw 0 64vw;
    background-size: 254vw;
    margin-bottom: 16vw;
  }
  #drink .drinkPoint item {
    display: block;
    padding: 0;
    background: url(../img/course/coursePointImgBg.jpg) right 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
    margin-bottom: 8vw;
  }
  #drink .drinkPoint item figure {
    width: 92vw;
    height: 52vw;
    margin-bottom: 12vw;
  }
  #drink .drinkPoint item dl {
    padding: 0;
    width: 100%;
    padding: 0 8vw;
  }
  #drink .drinkPoint item dl dt {
    margin-bottom: 4vw;
  }
  #drink .drinkPoint item dl dt span {
    margin-bottom: 2vw;
  }
  #drink .drinkPoint item dl dt strong {
    font-size: 196%;
  }
  #drink .drinkPoint item:nth-child(odd) {
    background: url(../img/course/coursePointImgBg.jpg) left 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
  }
  #drink .menuDetail h2 {
    margin-bottom: 16vw;
  }
  #drink .menuDetail h2 span {
    font-size: 100%;
  }
  #drink .menuDetail h2 strong {
    font-size: 140%;
  }
  #drink .menuDetail .dassaiArea .secCont {
    padding: 16vw 8vw;
  }
  #drink .menuDetail .dassaiArea .secCont figure {
    margin-bottom: 16vw;
    text-align: center;
    width: 100%;
  }
  #drink .menuDetail .dassaiArea .secCont figure img {
    max-width: 70%;
    margin: 0 auto;
  }
  #drink .menuDetail .dassaiArea .secCont .dassaiDetail {
    width: 100%;
  }
  #drink .menuDetail .dassaiArea .secCont .dassaiDetail h3 {
    font-size: 196%;
    margin-bottom: 8vw;
  }
  #drink .menuDetail .dassaiArea .secCont .dassaiDetail h4 {
    font-size: 140%;
    margin-bottom: 8vw;
  }
  #drink .menuDetail .dassaiArea .secCont .dassaiDetail p {
    margin-bottom: 8vw;
  }
  #drink .menuDetail .itemList {
    padding: 0;
  }
  #drink .menuDetail .itemList item {
    padding: 0 8vw;
    margin-bottom: 8vw;
  }
  #drink .menuDetail .itemList item dl {
    padding: 0 0 0 6vw;
    margin: 0 0 4vw;
    max-width: 100%;
    background-size: 4vw;
  }
  #drink .menuDetail .itemList item dl::after {
    content: none;
  }
  #drink .menuDetail .itemList item .price {
    text-align: right;
    width: 100%;
    max-width: 100%;
    font-size: 140%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  /******** テイクアウト ********/
  #takeout .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #takeout .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #takeout .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #takeout .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #takeout .takeoutPoint {
    padding: 16vw 8vw 56vw;
    background-size: 100vw;
    margin-bottom: 16vw;
  }
  #takeout .takeoutPoint dl dt span {
    font-size: 100%;
  }
  #takeout .takeoutPoint dl dt strong {
    font-size: 196%;
  }
  #takeout .takeoutPoint dl dd {
    width: 100%;
  }
  #takeout .takeoutItemList {
    padding: 0 8vw;
  }
  #takeout .takeoutItemList h2 {
    font-size: 100%;
  }
  #takeout .takeoutItemList h2 span {
    font-size: 140%;
  }
  #takeout .takeoutItemList h2 strong {
    font-size: 196%;
  }
  #takeout .takeoutItemList .itemList item {
    width: 84vw;
    margin: 0 0 8vw;
  }
  #takeout .takeoutItemList .itemList item figure {
    width: 100%;
    height: 52vw;
    margin-bottom: 4vw;
  }
  #takeout .takeoutItemList .itemList item dl dt {
    margin-bottom: 4vw;
  }
  #takeout .takeoutItemList .itemList item dl dd {
    margin-bottom: 4vw;
  }
  #takeout .takeoutItemList .itemList item dl dd:last-child {
    margin: 0;
  }

  /******** お席 ********/
  #seat .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #seat .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #seat .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #seat .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #seat .seatDetail {
    padding: 16vw 8vw 108vw;
    margin-bottom: 16vw;
  }
  #seat .seatDetail h2 {
    font-size: 140%;
    margin-bottom: 8vw;
  }
  #seat .seatDetail h2 strong {
    font-size: 140%;
  }
  #seat .seatDetail p {
    text-align: left;
  }
  #seat .seatPoint {
    padding: 16vw 0;
    background-size: 254vw;
    margin-bottom: 16vw;
  }
  #seat .seatPoint item {
    display: block;
    padding: 0;
    background: url(../img/course/coursePointImgBg.jpg) right 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
    margin-bottom: 16vw;
  }
  #seat .seatPoint item figure {
    width: 92vw;
    height: 52vw;
    margin-bottom: 12vw;
  }
  #seat .seatPoint item .itemDetail {
    padding: 0 8vw;
    width: 100vw;
  }
  #seat .seatPoint item .itemDetail h3 {
    margin-bottom: 8vw;
  }
  #seat .seatPoint item .itemDetail h3 span {
    font-size: 140%;
    margin-bottom: 2vw;
  }
  #seat .seatPoint item .itemDetail h3 strong {
    font-size: 196%;
  }
  #seat .seatPoint item .itemDetail p {
    margin-bottom: 8vw;
  }
  #seat .seatPoint item .itemDetail dl {
    padding: 4vw 0;
  }
  #seat .seatPoint item:nth-child(even) {
    background: url(../img/course/coursePointImgBg.jpg) left 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
  }
  #seat .reserveBtn {
    width: 100%;
    height: 36vw;
    margin-bottom: 16vw;
  }
  #seat .reserveBtn p.btn {
    width: 84vw;
    margin: 0 auto;
    left: 8vw;
  }
  #seat .reserveBtn p.btn span {
    font-size: 140%;
  }
  #seat .reserveBtn p.reed {
    font-size: 350%;
  }

  /******** お知らせ ********/
  #news .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #news .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #news .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #news .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #news .newsArea {
    padding: 16vw 8vw;
  }
  #news .newsArea .listArea {
    width: 84vw;
  }
  #news .newsArea .listArea item {
    padding: 8vw;
  }
  #news .newsArea .listArea item dl {
    margin-bottom: 8vw;
    padding-bottom: 8vw;
  }
  #news .newsArea .listArea item dl dt {
    margin-bottom: 4vw;
  }
  #news .newsArea .listArea item dl dd {
    font-size: 140%;
  }
  #news .newsArea .listArea item figure {
    margin-bottom: 8vw;
  }
  #news .newsArea .listArea item p {
    margin-bottom: 8vw;
  }
  #news .pageList {
    margin-bottom: 16vw;
  }
  #news .pageList .secCont {
    padding: 0 8vw;
    flex-wrap: wrap;
  }
  #news .pageList .secCont span, #news .pageList .secCont a {
    margin-bottom: 4vw;
  }
  #news .newsDetail {
    padding: 0 8vw;
    margin-bottom: 16vw;
  }
  #news .newsDetail .secCont {
    padding-top: 8vw;
    width: 100%;
  }
  #news .newsDetail .secCont dl {
    margin-bottom: 2vw;
  }
  #news .newsDetail .secCont h2 {
    font-size: 140%;
    padding-bottom: 8vw;
    margin-bottom: 8vw;
  }
  #news .newsDetail .secCont .contArea {
    padding-bottom: 8vw;
    margin-bottom: 8vw;
  }
  #news .newsDetail .secCont .contArea figure {
    margin-bottom: 8vw;
  }
  #news .newsDetail .secCont .contArea p {
    margin-bottom: 8vw;
  }
  #news .newsDetail .secCont .pageLink a {
    height: 16vw;
    width: 16vw;
    margin: 0 4vw;
  }

  /******** 店舗情報 ********/
  #outline .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #outline .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #outline .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #outline .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #outline .philosophyPoint {
    padding: 16vw 0;
    background-size: 254vw;
    margin-bottom: 16vw;
  }
  #outline .philosophyPoint item {
    display: block;
    padding: 0;
    background: url(../img/course/coursePointImgBg.jpg) right 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
    margin-bottom: 8vw;
  }
  #outline .philosophyPoint item figure {
    width: 92vw;
    height: 52vw;
    margin-bottom: 12vw;
  }
  #outline .philosophyPoint item dl {
    padding: 0;
    width: 100%;
    padding: 0 8vw;
  }
  #outline .philosophyPoint item dl dt {
    margin-bottom: 4vw;
  }
  #outline .philosophyPoint item dl dt span {
    margin-bottom: 2vw;
  }
  #outline .philosophyPoint item dl dt strong {
    font-size: 196%;
  }
  #outline .philosophyPoint item:nth-child(even) {
    background: url(../img/course/coursePointImgBg.jpg) left 4vw top 4vw no-repeat;
    background-size: 92vw 52vw;
  }
  #outline .shopDetail {
    padding: 16vw 8vw;
  }
  #outline .shopDetail .secCont {
    width: 100%;
  }
  #outline .shopDetail .secCont h2 {
    font-size: 140%;
    margin-bottom: 16vw;
  }
  #outline .shopDetail .secCont h2 strong {
    font-size: 140%;
  }
  #outline .shopDetail .secCont .detail dl {
    padding: 8vw 0;
  }
  #outline .accessArea .secCont .detail {
    width: 100%;
    padding: 0 8vw;
    margin-bottom: 8vw;
  }
  #outline .accessArea .secCont .detail h2 {
    font-size: #BA3E26;
    margin-bottom: 8vw;
  }
  #outline .accessArea .secCont .detail p {
    margin-bottom: 4vw;
  }
  #outline .accessArea .secCont .detail dl {
    margin-bottom: 4vw;
  }
  #outline .accessArea .secCont .detail dl dt {
    width: 30%;
  }
  #outline .accessArea .secCont .detail dl dd {
    width: 70%;
  }
  #outline .accessArea .secCont .mapArea {
    width: 100%;
    height: 100vw;
  }
  #outline .comDetail {
    padding: 16vw 8vw;
  }
  #outline .comDetail .secCont {
    width: 100%;
  }
  #outline .comDetail .secCont h2 {
    font-size: 140%;
    margin-bottom: 16vw;
  }
  #outline .comDetail .secCont h2 strong {
    font-size: 140%;
  }
  #outline .comDetail .secCont .detail dl {
    padding: 8vw 0;
  }

  /******** お問合せ ********/
  #contact .vaArea {
    width: 100vw;
    margin: 20vw 0 0;
    padding: 32vw 0 32vw;
  }
  #contact .vaArea h1 {
    font-size: 196%;
    padding: 4vw 8vw;
    font-weight: normal;
  }
  #contact .vaArea p.reed {
    font-size: 400%;
    bottom: -7vw;
  }
  #contact .pankuzu {
    width: 100vw;
    padding: 4vw 8vw;
  }
  #contact .mailArea .secCont {
    width: 84vw;
    margin: 0 auto;
  }
  #contact .mailArea .secCont form .formArea dl {
    padding: 8vw 0;
  }
  #contact .mailArea .secCont form .formArea dl dt {
    width: 100%;
    margin-bottom: 4vw;
  }
  #contact .mailArea .secCont form .formArea dl dd {
    width: 100%;
  }
}
@media screen and (max-width: 470px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 3.4vw;
  }

  #index .h205 {
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.9) 12%, rgba(255, 255, 255, 0.9) 100%), url(../img/index/bg04.jpg) no-repeat 50% 0;
    background-size: 150%;
  }
}