@charset "UTF-8";


@media (max-width: 767px) {
   
  /*--------------------------------
        + glass
    --------------------------------*/
  .glass {
    padding-top: 131px;
    padding-bottom: 84px;
  }

  .glass.inner {
    width: 100%;
  }

  .glassTop {
    display: block;
    margin-bottom: 68.1px;
  }

  .glassTop__titleWrapper {
    top: -104px;
  }

  .glassTop__title {
    position: relative;
    z-index: 2;
    font-size: 32px;
  }

  .glassTop__txtBox {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
  }

  .glassTop__txtWrapper {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 41.1px;
  }

  .glassTop__txt {
    font-size: 14px;
  }

  .glassSwiper {
    height: 445px;
    width: 100%;
  }

  .glassSwiper__wrapper {
    max-width: 100%;
    display: block;
  }

  .glassSwiper .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .glassSwiper .swiper-slide {
    width: auto !important;
  }

  .glassSwiper .swiper-slide img {
    width: auto;
    height: 100%;
  }

  .glassTop__list {
    justify-content: center;
  }

  .glassBtm {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 17px 17px 30px 17px;
    display: block;
  }

  .glassBtm__imgWrapper {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }

  .glassBtm__imgWrapper,
  .glassBtm__date,
  .glassBtm__list {
    display: block;
  }

  .glassBtm__title {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 15px;
  }

  .glassBtm__imgWrapper,
  .glassBtm__date,
  .glassBtm__list {
    display: flex;
    flex-wrap: wrap;
  }

  .glassSwiper__logo {
    width: 73px;
    right: 6%;
    bottom: 25.2px;
  }
	#js-auto-slider1,
	#js-auto-slider2,
	.js-auto-slider-wrap--1{
		display: none;
	}
	.l-gnav-logo{
		width: 35%;
	}
	.journal-pick__box{
		flex-direction: column-reverse;
	}
	.journal-pick__top{
		width: 100%;
		padding-top: 50px;
	}
	.journal-slider{
		width: 80%;
	}
	.p-plan-bottom__list-item{
		width: 100%;
		margin-bottom: 0;
	}
	.items_price{
		flex-direction: column;
	}
	.free_drink .items_price {
        margin-bottom: 3.2rem;
    }
	.items_price .items {
    font-size: 2rem;
    width: 100%;
    line-height: 1.25;
}
	.items_price .items .num {
    font-size: 3rem;
}
	.items_price .price {
    font-size: 2rem;
    width: 100%;
    line-height: 1.25;
}
	.items_price .price .num {
    font-size: 3rem;
}
	.plan_list{
		flex-direction: column;
	}
	.plan_list li{
		width: 100%;
	}
	.l-footer-sns__list-item a {
    width: 20px;
}
.p-top-well-being__bottom img {
    width: 40%;
    display: block;
    margin: 0 auto;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
	.p-top-well-being__bottom {
    position: absolute;
    top: -29%;
    z-index: 1;
    left: 50%;
    width: 100%;
    pointer-events: none;
    transform: translateX(-50%);
}
	.p-top-news__bg {
    bottom: 20px;
   
}
	.pc{
		display: none;
	}
	.sp{
		display: block !important;
	}
	.shabu_shabu .l-content-header[data-border] {
    background-repeat: no-repeat;
    background-position-x: 60%;
}
	.p-restaurant-floor__body-inner{
		padding-right: 0px;
	}
	.news_wrapper{
		padding-top: 4rem;
	}
	.plan_list li a .img img {
    aspect-ratio: 11 / 11;
    object-fit: cover;
}
	 #example .estimate{display: flex;flex-direction: column-reverse;}

	 #example .estimate .table{

		width:auto;

	}

	 #example .estimate .table table, #example .estimate .table tbody{

		display:block;

	}

	 #example .estimate .table table tr{display:flex;flex-wrap:wrap;border-bottom: 1px solid #ffffff59;}
	#example .estimate .table table tr.total p{
		text-align: right;
	}
	#example .estimate .table table tr.total p.total_price{
		font-size: 5vw;
		font-weight: bold;
	}

	 #example .estimate .table table th, #example .estimate .table table td{display:block;text-align: center;}

	.free_drink_plan #example .estimate .table table td{
		width: 50%;
	}
	 #example .estimate .table th{width: calc(100%/3) !important;font-size:14px;}
.free_drink_plan #example .estimate .table th{
	width: 50% !important;!i;!;
}
	 #example .estimate .table td{width: calc(100%/3);font-size:14px;}

	 #example .estimate .table th:nth-child(4n-3){width: calc(100%) !important;border-bottom: 1px solid #ffffff59;}
.free_drink_plan #example .estimate .table td:nth-child(4n-3){
	width: 50%;
}
	 #example .estimate .table td:nth-child(4n-3){width: calc(100%);text-align:left;}
.free_drink_plan #example .estimate .table th:nth-child(4n-3){width: 50% !important;!i;!;}
	 #example .estimate .img{

		width:auto;

		margin-top:20px;

	}

	 #example .estimate .img>div{

		width:50%;

	}

	 #example .estimate .img>img{

		width:100%;

		max-height: 250px;

	}
	.example_list li{
		padding-left: 0px !important;
		margin-bottom: 100px;
	}
	.example_list li.last{
		margin-bottom: 0;
	}

	 #example .estimate .table .total td:last-child{width: calc(100%);}
	.case_list li {
    width: 100%;
}
	
	#example .estimate .table th p{
		margin-top: 0;
	}
	#example .estimate .table th .jpn{
		
	}
	.kaso_article .l-content-body {
    top: 100px;
    /* padding-bottom: 100px; */
    margin-bottom: 100px;
}

}