@charset "UTF-8";
/* CSS Document */
html{
	font-size: 62.5%;/*16pxx62.5%=10px*/
}
body{
font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
	color: #3E2B23;
	font-weight: 500;
	font-feature-settings: "palt";
	font-size: 1.5rem;
	line-height: 1.8;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	letter-spacing: 0;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
a{
	text-decoration: none;
}

/*動き*/
.slidein1{
animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}










/* 簡易リセットCSS */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.logo1{
	width: 88px;
	margin-left: 20px;
}

@media screen and (max-width: 1000px) {
.logo1{
	width: 65px;
	margin-left: 14px;
}
}

/* hamburgerここから */

.header {
  position: fixed; /* headerを追従にする */
z-index:999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
	animation-name: textanime;/*keyname*/
 animation-duration:5s;/*最大再生時間*/
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
/* ハンバーガーボタンのデザイン */
.drawer__button {
  position: relative;
  width: 3rem;
  height: 5rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 999; /* メニューを開いている時もクリックできるよう設定 */
}
/* ハンバーガーボタン内の線 */
.drawer__button > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 1px;
  background-color: #463212;
  transform: translateX(-50%);
}
.drawer__button > span:first-child {
  transform: translate(-50%, calc(-50% - 0.8rem));
  transition: transform 0.3s ease;
}
.drawer__button > span:nth-child(2) {
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
.drawer__button > span:last-child {
  transform: translate(-50%, calc(-50% + 0.8rem));
  transition: transform 0.3s ease;
}
/* 展開時のデザイン */
.drawer__button.active2 > span:first-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.drawer__button.active2 > span:nth-child(2) {
  opacity: 0;
}
.drawer__button.active2 > span:last-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
/* メニューのデザイン */
.drawer__nav {
  position: fixed; /* 追従ヘッダーなどでも表示できるよう設定しておく */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.drawer__nav.active2 {
  opacity: 1;
  visibility: visible;
}
.drawer__nav__inner {
  position: relative;
  width: 80%;
  height: 100%;
  background-color: white;
  padding: 4rem 1.5rem 1rem;
  margin: 0 0 0 auto;
  overflow: scroll;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
.drawer__nav.active2 .drawer__nav__inner {
  transform: translateX(0);
}
.drawer__nav__menu {
  list-style: none;
  padding-left: 0;
}
.drawer__nav__link {
  display: block;
  color: black;
  text-decoration: none;
  padding: 1rem 1rem;
  border-bottom: solid 1px lightgray;
}

/* ハンバーガーメニュー展開時、背景を固定 */
body.active2 {
  height: 100%;

}







/* 1枚目top */
.page_top {
  background-color: #fff;
}
.sp{
	display: none;
}
.swiper_mv{
	display: none;
}
.mv_wrap{
	position: relative;
	width: 100%;
}
.mv_line{
	position: absolute;
	z-index: 10;
	bottom: 10px;
	animation-name: textanime;/*keyname*/
 animation-duration:5s;/*最大再生時間*/
}
.mv_line>p{
	font-weight: 700;
	font-size: 2.8rem;
	background-color: rgba(255,255,255,0.8);
	padding: 0.4em 1em;
	margin-bottom: 20px;
}
.p_second{
	display: inline-block;
}
.logo2{
	width: 230px;
	padding-top: 20px;
	margin-left: 1em;
}
.pano{
	max-height: 90vh;
	width: 100%;
	margin: 0 auto;
	display: block;
	object-fit: contain;
}
	.logo3{
		display: none;
	}


@keyframes textanime
{
 0%{
  opacity: 0;
 }

 100%{
  opacity: 1;
 }
}

.scrollsp{
	display: none;
}
@media screen and (max-width: 1020px) {
.panorama{
	display: none;
	
}
	.pano{
		 display: none;

	}	
.swiper_mv{
	display: block;
}
	
.scrollsp{
	display: block;
	
}
	.swiper_mv{
		height: 90vh;
	}
.scrollsp {
  position: absolute;
  left: 20%;
  bottom: 3%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	width: 300px;
	color: #9A9A9A;
	z-index: 3;
}
/* 線のアニメーション部分 */
.scrollsp::after {
  animation: expandLine 2s forwards;
	animation-iteration-count:infinite;
display: block;
  background-color: #9A9A9A;
  content: "";
  height: 1px;
  width: 0px;
	margin-left: 8px;
	margin-top: 6px;
}
	
	
	
	
	
/* 線のアニメーション */
@keyframes expandLine {
      from {
        width: 0%;
      }
      to {
        width: 160px;
      }
    }
}
	
	
@media screen and (max-width: 1020px) {
.panorama{
	overflow-x: scroll;
	white-space: nowrap;
}
.mv_line{
	bottom: 40px !important;
	padding-bottom: 60px;
}
.mv_line>p{
	font-size: 1.7rem;
	padding: 0.4em 0.8em;
	margin-bottom: 10px;
}
.logo2{
	width: 126px;
	padding-top: 10px;
	margin-left: 1em;
}
.logo1{
	opacity: 0;
}
	.logo2{
		display: none;
	}	
	.logo3{
		display: block;
		position: absolute;
		z-index: 6;
		width: 110px;
		left:16px;
		top:0px;
	}
	
}
@media screen and (max-width: 700px) {
	.pano{
  min-width: 700px;
		height: 600px;

	}	
	

}








/* 2枚目concept */
.page_concept {
  background-color: #F5C75D;
}
.box.h2_conceptsp{
	display: none;
}
.mbp1{
	margin-bottom: 0.7em;
}
.concept_wrap{
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
}
.concept_box{
	width: 20%;
	margin-right: 6%;
}
.concept_box>h3{
	font-size: 2.1rem;
	margin-bottom: 4px;
	line-height: 1.6;
}
.inner1{
	width: 88%;
	max-width: 9800px;
	margin: 0 auto;
	padding-left: 10%;
}
.concept_lead{
	font-weight: 700;
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.en{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.text_center{
	text-align: center;
}
#concept{
	position: relative;
}
#concept::before{
	background: url(../img/concept.png) no-repeat;
    background-size: contain;
    width: 114px;
    height: 531px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
	transform: translate(0, -50%);
    left: 5%;
}


@media screen and (max-width: 1100px) {
#concept::before{
	background: url(../img/concept.png) no-repeat;
    background-size: contain;
    width: 91px;
    height: 429px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
	transform: translate(0, -50%);
    left: 3%;
}
	
}
@media screen and (max-width: 1100px) {
.concept_box{
	width: 30%;
}
}

@media screen and (max-width: 1000px) {
	body{
		font-size: 1.37rem;
	}
	
	.sp{
		display: block;
	}
	
.box.h2_conceptsp{
	display: block;
    text-align: left;
    margin-bottom: 14px;
}
.h2_conceptsp>h2::after {
    content: "";
    height: 1px;
    background-color: #fff;
	width: 76px;
    margin-left: 20px;
	margin-top: 10px;
}
.h2_conceptsp>h2{
	font-size: 4rem;
	line-height: 1;
	color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 34px;
}
.concept_box>h3{
	font-size: 1.5rem;
	margin-bottom: 2px;
	
}
.inner1{
	padding-left: 0;
}
.concept_lead{
	font-size: 1.7rem;
	margin-bottom: 18px;
}
#concept::before{
	background: none;
}
	
}
@media screen and (max-width: 500px) {
.concept_wrap{
	justify-content:center;
	flex-wrap: wrap;
	margin-left: -4%;
	margin-bottom: -18px;
	padding-bottom: 30px;
}
.concept_box{
	width: 36%;
	margin-left: 4%;
	margin-bottom: 14px;
}
.h2_conceptsp>h2{
	font-size: 3.5rem;
	margin-bottom: 20px;
	padding-top: 10px;
}
.concept_lead{
	font-size: 1.63rem;
}
}


@media screen and (max-width: 380px) {
	body{
		line-height: 1.7;
	}
.box.h2_conceptsp{
    margin-bottom: 10px;
}
.h2_conceptsp>h2{
	font-size: 3.3rem;
	margin-bottom: 14px;
}
	.concept_lead{
		margin-bottom: 14px;
	}
	.concept_wrap{
		margin-top: 14px;
	}
	
	
}



/* 3枚目floor map */
.page_floormap {
  background-color: #FAFAFA;
}
.map_sp{
	display: none;
}
.inner2{
	width: 84%;
	max-width: 980px;
	margin: 0 auto;
}
#floormap{
	position: relative;
}
.h2_floormap{
	position: absolute;
	color: #F5C75D;
	font-size: 8.9rem;
	bottom: 0px;
	left: 5%;
	z-index: 10;
	line-height: 1;
}
.floormaparea{
	position: relative;
}
.floormaparea>a{
	position: absolute;
}
.floormaparea>a:hover{
	opacity: 0.7;
}
.workbtn{
	bottom:16%;
	left: 35%;
}
.afterbtn{
	top:10%;
	left: 10%;
}
.cafebtn{
	top: 10%;
	right: 10%;
}

.map_btn{
	position: relative;
    color: #fff;
    width: 194px;
    height: 194px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
	font-size: 2rem;line-height: 1.3;
	display: inline-block;
}
.workbtn>.map_btn{
	background-color: rgba(245,199,93,0.8);
}
.afterbtn>.map_btn{
	background-color: rgba(227,135,42,0.7);
}
.cafebtn>.map_btn{
	background-color: rgba(105,52,7,0.7);
}


.map_btn::after{
	position: absolute;
	background: url(../img/arrowmap.png) no-repeat;
    background-size: contain;
    width: 41px;
    height: 4px;
    display: inline-block;
    content: "";
    top: 60%;
    left: 50%;
	transform: translate(-50%,0 );
}
.afterbtn>.map_btn::after{
    top: 66%;
}
@media screen and (max-width: 1000px) {
	.map_pc{
		display: none;
	}
	.map_sp{
		display: block;
	}
.h2_floormap{
	font-size: 4.2rem;
	padding-left: 20px;
}
.workbtn{
	top:40%;
	left: 25%;
}
.afterbtn{
	top:10%;
	left: 56%;
}
.cafebtn{
	top: 70%;
	left: 56%;
}

.map_btn{
    width: 136px;
    height: 136px;
	font-size: 1.6rem;
}

.map_btn::after{
	position: absolute;
	background: url(../img/arrowmap.png) no-repeat;
    background-size: contain;
    width: 33px;
    height: 3px;
    display: inline-block;
    content: "";
    top: 60%;
    left: 50%;
	transform: translate(-50%,0 );
}
	.floormaparea>img{
		max-height: 97vh;
		margin: 0 auto;
	}
	
	
	
	
	
	
}




/* 4枚cafe space */
.page_cafe {
  background-color: rgba(105,52,7,0.8);
}
.white{
	color: #fff;
}
.space_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.space_img_wrap{
	width: 53%;
}
.space_cont_wrap{
	width: 43.5%;
}
.swiper_cafe {
  max-width: 517px;
}
.swiper_area{
	max-width: 520px;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
 content: "next";
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
 content: "prev";
}

.swiper-button-prev:after{
  content: ""; /*contentを空にする*/
}
.swiper-button-next:after{
  content: ""; /*contentを空にする*/
}

.swiper-button-prev,
.swiper-button-next {
	width: 24px; /* ボタンの幅 */
	height: 24px; /* ボタンの高さ */
	background-size: 24px 24px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
	margin-top: -24px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
.swiper-button-prev {
	background-image: url("../img/arrow_swiper.png");
}
.swiper-button-next {
	background-image: url(../img/arrow_swiper.png);
	transform: scale(-1, 1); /* 左右反転 */
}

.space_cont_wrap>h3{
	font-size: 3.2rem;
	margin-bottom: 10px;
	line-height: 1.4;
}
.logo_cafe{
	width: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.h2_cafe{
	font-size: 8rem;
	line-height: 1;
	color: #fff;
	text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	margin-bottom: 40px;
}
.box {
    text-align: center;
    margin-bottom: 30px;
	margin-top: 8px;
}
.h2_cafe::before {
    content: "";
    height: 1px;
    background-color: #fff;
	width: 230px;
}
.h2_cafe::before {
    margin-right: 20px;
}

.more_btn.btn_white{
	background-color: #fff;
	color: #3E2B23;
}
.more_btn{
	margin-top: 30px;
	text-decoration: none;
	width: 330px;
	text-align: center;
	display: block;
	padding: 0.5em;
	position: relative;
}
.more_btn:hover{
	opacity: 0.7;
}
.more_btn::after{
	content: "";
    display: inline-block;
    width: 41px;
    height: 4px;
    background: url(../img/arrow_brown.png) no-repeat;
    background-size: contain;
    margin-left: 16px;
    transform: translate(0, -100%);
}

@media screen and (max-width: 1000px) {
.space_wrap{
	display: block;
}
.space_img_wrap{
	width: 100%;
	margin-bottom: 24px;
}
.space_cont_wrap{
	width: 100%;
}
.space_cont_wrap>h3{
	font-size: 2.4rem;
	margin-bottom: 6px;
}
.swiper_area{
	margin: 0 auto;
}
	.box{
		margin-bottom: 22px;
	}
	
.h2_cafe{
	font-size: 5rem;
	text-align: left;
	margin-bottom: 14px;
	justify-content: flex-start;
}
.h2_cafe::after {
    content: "";
    height: 1px;
    background-color: #fff;
	width: 120px;
}
.h2_cafe::after {
    margin-left: 20px;
}
	.h2_cafe::before{
    content: "";
    height: 0px;
	width: 0px;
}
.more_btn{
	margin-top: 24px;
	text-decoration: none;
	width: 100%;
	padding: 0.5em;
	margin-bottom: 10px;
}
.more_btn::after{
	content: "";
    display: inline-block;
    width: 38px;
    height: 3px;
    background: url(../img/arrow_brown.png) no-repeat;
    background-size: contain;
    margin-left: 16px;
    transform: translate(0, -100%);
}
	
.swiper_work>.swiper-wrapper>.swiper-slide > img {
   object-fit: contain; /* IE: not support */
   width: 100% !important;
   height: 100%;
}	
.swiper_work>.swiper-wrapper>.swiper-slide {
   width: 100% !important;
	max-width: 700px;
	margin: 0 auto;
}
.swiper_cafe>.swiper-wrapper>.swiper-slide > img {
   object-fit: contain; /* IE: not support */
   width: 100% !important;
   height: 100%;
}	
.swiper_cafe>.swiper-wrapper>.swiper-slide {
   width: 100% !important;
	max-width: 700px;
	margin: 0 auto;
}	
.swiper_afterschool>.swiper-wrapper>.swiper-slide > img {
   object-fit: contain; /* IE: not support */
   width: 100% !important;
   height: 100%;
}	
.swiper_afterschool>.swiper-wrapper>.swiper-slide {
   width: 100% !important;
	max-width: 700px;
	margin: 0 auto;
}	
	
	
	
}
@media screen and (max-width: 700px) {
.swiper_work>.swiper-wrapper>.swiper-slide {
	max-width: 500px;
}	
.swiper_cafe>.swiper-wrapper>.swiper-slide {
	max-width: 500px;
}	
.swiper_afterschool>.swiper-wrapper>.swiper-slide {
	max-width: 500px;
}
.h2_cafe::after {
	width: 60px;
}
.logo_cafe{
	padding-top: 8px;
	margin-bottom: 8px;
}

	
	
}
@media screen and (max-width: 500px) {
.swiper_work>.swiper-wrapper>.swiper-slide {
	max-width: 330px;
}	
.swiper_cafe>.swiper-wrapper>.swiper-slide {
	max-width: 330px;
}	
.swiper_afterschool>.swiper-wrapper>.swiper-slide {
	max-width: 330px;
}	
.h2_cafe{
	font-size: 3.6rem;
	margin-bottom: 0px;
}
	.space_img_wrap{
		margin-bottom: 10px;
	}
	.box{
		margin-bottom: 4px;
	}
	
}
@media screen and (max-width: 500px) {
.swiper_work>.swiper-wrapper>.swiper-slide {
	max-height: 200px;
}	
.swiper_cafe>.swiper-wrapper>.swiper-slide {
	max-height: 200px;
}	
.swiper_afterschool>.swiper-wrapper>.swiper-slide {
	max-height: 200px;
}	

}

@media screen and (max-width: 380px) {
.more_btn{
	margin-top: 18px;
	
}
	.space_img_wrap{
		margin-bottom: 8px;
	}
.swiper_work>.swiper-wrapper>.swiper-slide {
	max-height: 190px;
}	
.swiper_cafe>.swiper-wrapper>.swiper-slide {
	max-height: 190px;
}	
.swiper_afterschool>.swiper-wrapper>.swiper-slide {
	max-height: 190px;
}	
	
}

/* 5枚目workspace */
.page_work {
  background-color: rgba(245,199,93,0.2);
}
.reverse{
	flex-direction: row-reverse;
}
.more_btn.btn_yellow{
	background-color: #F5C75D;
	color: #3E2B23;
}
.h2_work{
	font-size: 8rem;
	line-height: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 40px;
	text-align: left;
}
.h2_work::after {
    content: "";
    height: 1px;
    background-color: #3E2B23;
	width: 230px;
}
.h2_work::after {
    margin-left: 20px;
}
@media screen and (max-width: 1000px) {
.h2_work{
	font-size: 5rem;
	text-align: right;
	margin-bottom: 14px;
	justify-content: flex-end;
}
.h2_work::after {
    height: 0px;
	width: 0px;
}
.h2_work::before {
    content: "";
    height: 1px;
    background-color: #3E2B23;
	width: 126px;
}
.h2_work::before {
    margin-right: 20px;
}
	
}

@media screen and (max-width: 500px) {
.h2_work{
	font-size: 3.6rem;
	margin-bottom: 0px;
}
	.h2_work::before{
		width: 60px;
	}	
	
}





/* 6枚目afterschool */
.page_afterschool {
  background-color: rgba(227,135,42,0.9);
}
.h2_afterschool{
	font-size: 7.1rem;
	line-height: 1;
	color: #fff;
	text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	margin-bottom: 40px;
}
.h2_afterschool::before {
    content: "";
    height: 1px;
    background-color: #fff;
	width: 160px;
}
.h2_afterschool::before {
    margin-right: 16px;
}
.space_cont_wrap>h3.h3_kids{
	font-size: 3rem;
}



@media screen and (max-width: 1000px) {
.h2_afterschool{
	font-size: 4.4rem;
	line-height: 1.08;
	margin-bottom: 34px;
}
.h2_afterschool::before {
    content: "";
    height: 1px;
	width: 26px;
}
.h2_afterschool::before {
    margin-right: 8px;
}
	
}
@media screen and (max-width: 500px) {
.h2_afterschool{
	font-size: 3.1rem;
	margin-bottom: 0px;
}
.h2_afterschool::before {
	width: 10px;
}
.space_cont_wrap>h3.h3_kids{
	font-size: 2.2rem;
}

}

@media screen and (max-width: 380px) {
.h2_afterschool{
	line-height: 1.07;
}
	
	
}

/* 7枚目access */
.page_access {
  background-image: url("../img/bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.inner3{
	width: 84%;
	max-width: 700px;
	margin: 0 auto;
}
#access{
	position: relative;
	padding-bottom: 60px;
}
#access::before{
	background: url(../img/access.png) no-repeat;
    background-size: contain;
    width: 114px;
    height: 474px;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
	transform: translate(0, -50%);
    left: 7%;
}
.gmap{
	width: 700px;
	height: 360px;
}
.mbp{
	margin-top: 20px;
	margin-bottom: 10px;
}
.footer{
	position: absolute;
	background-color: #F5C75D;
	width: 100%;
	bottom: 0;
	display: block;
}
.page_access{
	position: relative;
}
.foot_wrap_all{
	padding-left: 100px;
	padding-right: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.foot_wrapcontact{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.small>small{
	font-size: 1.3rem;
	color: #fff;
}
.foot_wrapcontact>a{
	text-decoration: none;
	color: #3E2B23;
	padding: 1.5em 2em;
}
.foot_wrapcontact>a:hover{
	opacity: 0.7;
}
.box.h2_accesssp{
	display: none;
}

@media screen and (max-width: 1000px) {
.box.h2_accesssp{
	display: block;
}
.box.h2_accesssp{
	display: block;
    text-align: left;
    margin-bottom: 20px;
}
.h2_accesssp>h2::after {
    content: "";
    height: 1px;
    background-color: #fff;
	width: 76px;
    margin-left: 20px;
	margin-top: 10px;
}
.h2_accesssp>h2{
	font-size: 4.4rem;
	line-height: 1;
	color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 24px;
}
	
#access::before{
	background: none;
}
.gmap{
	width: 700px;
	height: 286px;
	display: block;
}
.gmap>iframe{
	display: block;
}
	
.mbp{
	margin-top: 16px;
	margin-bottom: 8px;
}
.foot_wrap_all{
	padding-left: 30px;
	padding-right: 30px;
	display: block;
}
.foot_wrapcontact{
	justify-content: space-between;
	margin-bottom: 12px;
}
.small>small{
	font-size: 1.1rem;
	text-align: center;
	display: block;
}
.foot_wrapcontact>a{
	padding: 1em 1.5em 0em;
}
	
	
}

@media screen and (max-width: 800px) {
.gmap{
	width: 600px;
}
.foot_wrapcontact{
	justify-content: center;
}
	
	
}
@media screen and (max-width: 700px) {
.gmap{
	width: 330px;
}
	
}
@media screen and (max-width: 360px) {
.gmap{
	width: 100%;
}
	
}

@media screen and (max-width: 380px) {
	.foot_inner{
		padding-bottom: 24px;
		margin-bottom: 20px;
	}
.gmap{
	height: 340px;
}
}

	#fullpage{
		touch-action:auto !important;
	}