@media screen and (max-width: 1090px){
.td-access-left {
  padding: 100px 10px 50px;
}
}

@media screen and (max-width: 1000px){
table.table-menu {
  border-collapse: collapse;
  max-width: 1100px;
  margin: 0 auto;
}
}

@media screen and (min-width: 951px){
.mobile-min {
  display: none;
}
.pc-min {
  display: block;
}
}

@media screen and (max-width: 950px){
.pc-min {
  display: none;
}
.mobile-min {
  display: inline-block;
}
}

@media screen and (max-width: 930px){
#indexnews {
  margin:0 auto 50px;
  float:none;
}
.fb_iframe_widget {
  float: none;
  margin:0 auto;
}
.top-main {
  max-height: 1200px !important;
}
}



@media screen and (max-width: 920px){
#menu01 li, #menu02 li, #menu03 li, #menu04 li {
  width: 30%;
}
#menu01 li figure, #menu02 li figure, #menu03 li figure, #menu04 li figure {
  width: 90%;
  height: 90%;
}

/*アクセス*/
table.table-access td.td-access-left,
table.table-access td.td-access-right{
  display: list-item;
  list-style:none;
  width:100%;
}
.td-access-left {
  padding: 100px 50px 50px;
}
}


@media screen and (max-width: 880px){
.menu-content {
  padding: 10px 15px;
}
.price-menu{
  padding:0 15px;
}
}


/*-------------------------------------------------Break Poin*/
@media screen and (min-width: 866px){
.mobile {
  display: none;
}
}
/*-------------------------------------------------Break Poin*/
@media screen and (max-width: 865px){
.device-pc{
  display: none;
}

.mobile {
  display: block;
}

.drawer-hamburger {
  z-index: 99999999;
}

.drawer-nav {
  z-index: 999999;
}

ul.drawer-menu {
    position: relative;
    z-index: 99999;
}

.drawer-overlay {
    background-color: rgba(6, 6, 6, 0.1);
    z-index:9999;
}

.drawer--left .drawer-hamburger{
    left: 15px;
    top: 15px;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
    top: 15px;
}

.drawer-nav {
    color: #fff;
    background-color: #666;
}

ul.drawer-menu > li > a {
    color: #fff;
}

ul.drawer-menu > li > a:hover {
    background-color: #e9e9e9;
    color:#000;
}

.link-bnr{
  display: none;
}

/*サブページ*/
.sub-page {
  padding-top: 0;
}

table.table-concept td.td-concept-detail {
  width: 50%;
}
table.table-concept td.td-concept-pht {
  width: 50%;
}

/*アクセス*/
.td-access-left {
   padding-top: 20px;
}

.module,
.module-small {
  padding-top: 20px;
}
  
/*お問合わせ*/
.contact-above {
  padding: 20px 0 50px 0;
}
  
form > .field.third {
  width: 100%;
  float: none;
}
form > .field.half, .field.half {
  width: 100%;
  float: none;
}
form > .field, .field {
  width: 100%;
  padding: 1rem 0 0 0;
}
.form-wrap {
  padding: 0 50px 50px;
}
}
/*-------------------------------------------------Break Poin*/



@media screen and (min-width: 701px){
.table-mobile{
  display: none;
}
.table-pc{
  display: table-cell;
}
}

@media screen and (max-width: 700px){
table.table-concept td.td-concept-detail {
  padding-left:15px;
  padding-right:15px;
}
table.table-concept td.td-concept-detail p{
  text-align:left;
}

table.table-concept td.td-concept-detail,
table.table-concept td.td-concept-pht{
  display: list-item;
  list-style: none;
  width:100%;
  padding-top:50px;
  padding-bottom:50px;
}
table.table-concept td.td-concept-detail{
  height: auto;
}
table.table-concept td.td-concept-pht{
  height: 700px;
}
.bnr-wrap {
  width: 50%;
  margin: 0 auto;
}
.mobile-bnrs {
  width: 100%;
  height: auto;
  float: none;
  margin: 0 auto 15px;
}
#bnr-taisyo-mobile img,
#bnr-romantei-mobile img{
  width:100%;
  height: auto;
}
#indexcontact-mobile img{
  width:60%;
  height: auto;
}
#indexcontact-mobile a {
  height: 70px;
}

/*お品書き*/
td.td-menu{
  display: list-item;
  list-style: none;
  width:100%;
}
.vertical_writing {
  -webkit-writing-mode:horizontal-tb;
  -ms-writing-mode:lr-tb;
  writing-mode:horizontal-tb;
}
.table-mobile{
  display: block;
  height: 500px;
}
.table-pc{
  display: none!important;
}
td.td-menu-right {
  padding: 50px 10px;
}
.menu-wrap {
  margin-bottom: 50px;
  overflow: hidden;
}
.drink-wall {
    padding: 50px 30px;
}

table.table-course td.course-pht,
table.table-course td.course-price{
  display: list-item;
  list-style: none;
  width:100%;
}
.course {
  width: 90%;
}
.cuisine {
  width: 100%;
}

/*飲み放題*/
td.drink-price{
  display: list-item;
  list-style:none;
  width:100%;
}

td.drink-pht{
  display: none;
}
}


@media screen and (max-width: 666px){
#menu01 li figure, #menu02 li figure, #menu03 li figure, #menu04 li figure {
  width: 80%;
  height: 80%;
}
.table-mobile {
  height: 300px;
}
}


@media screen and (max-width: 600px){
table.table-panel td {
  display: list-item;
  list-style: none;
  text-align:center!important;
}
table.table-panel img {
  width:100%;
}
.imgNav [class^="col-"] a::before {
  width:100%;
}
.in-img{
  width:80%!important;
  height: auto;
}

br{
  display: none;
}
.heading {
  text-align: left;
}
.detail {
  text-align: left;
}

/*お品書き*/
.don-wrap{
  text-align: left;
}
.menu-title h2 {
  font-size:2.4em;
}
td.td-menu p {
  text-align:left;
}
.td-panel-right .item {
    left: 0;
}

.td-panel-left .item {
    left: 0;
}
}


@media screen and (max-width: 570px){
.info-left {
  width: 100%;
  float: none;
  display: list-item;
  list-style:none;
}
.info-right {
  width: 100%;
  float: none;
  display: list-item;
  list-style:none;
}
}


@media screen and (max-width: 520px){
.form-wrap {
  padding: 0 20px 50px;
}
.contact-above p {
  padding: 0 20px;
}
.contact-middle p {
  padding: 0 20px;
}
.contact-below p {
  padding: 0 20px;
}
}


@media screen and (max-width: 480px){
.cuisine ul li {
    width: 23%;
}
.cuisine img {
  max-width: 100% !important;
}

#menu01 li, #menu02 li, #menu03 li, #menu04 li {
  width: 100%;
  padding:8px;
}
#menu01 li figure, #menu02 li figure, #menu03 li figure, #menu04 li figure {
  width: 60%;
  height: 60%;
}
.price-menu-right,
.price-menu-left {
    float: none;
    width: 100%;
}
.bnr-wrap {
  width: 80%;
}
}

@media screen and (min-width: 481px){
.res-br{
  display: none;
}
}

@media screen and (max-width: 480px){
.res-br{
  display: block;
  line-height: 0.05em;
}
}

@media screen and (max-width: 465px){
.td-access-left {
  padding-left: 10px;
  padding-right:10px;
}
}

@media screen and (max-width: 446px){
.top-main{
	max-height: 1300px!important;
}
}


@media screen and (max-width: 400px){
#indexnews {
   width:100%;
}
table.table-address td,
table.table-address th{
  display: list-item;
  list-style: none;
  width:100%;
}

table.table-address th{
  border-bottom:none;
  padding-bottom:0;
}
table.table-address td{
  padding-top:3px;
}
.intro {
  padding-left: 0;
}
}

@media screen and (max-width: 395px){
#indexnews {
   width:100%;
   text-align:left;
}
.topNewsList__category {
    display: block;
}
}


@media screen and (max-width: 360px){
.menu-title h2 {
  font-size: 2em;
}
table.table-price td {
    padding: 23px 10px;
}
.price-menu {
    padding: 0 0px;
}
td.menu-price {
    width: 35%;
}
}

@media screen and (min-width: 351px){
.res-br-min{
  display: none;
}
}

@media screen and (max-width: 350px){
.res-br-min{
  display: block;
  line-height: 0.05em;
}
}