@charset "utf-8";
/* CSS Document */
/*サイト全体*/
body {
  background: #20340e;
  color: #ffffff;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
}
.container{
	width: 100%;
	overflow: hidden;
}
header {
  background: #533418;
  height: 8vh;
}
.globalMenuSp .drawer-menu img{
	margin-top: 20px;
	margin-bottom: 10px;
}
h1 img{
	max-width: 100%;
	height: auto;
}
.contents{
	margin: 0 auto;
}
footer {
	padding-top: 5px;
	padding-bottom: 5px;
  background: #533418;
  text-align: center;
	background-image: url("../images/renga.png"), url("../images/renga2.png");
	background-size: 85px auto, 85px auto;
	background-repeat: repeat-y, repeat-y;
	background-position: left center, right center;
}
footer p{
	padding-top: 10px;
	padding-bottom: 10px;
}
footer small {
  font-size: 10px;
}
.foot p img{
	width: 200px;
	height: 153px;
}
.foot_shop{
	text-align: left;
	font-size: 14px;
}
.foot_name{
	font-size: 20px;
	font-weight: bold;
}
.foot_name span{
	font-size: 14px;
	font-weight: normal;
}
.foot_sns li{
	font-size: 2em;
	padding: 8px 5px;
}

.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 2;
}
.clear {
  clear: both;
}
.pc_nav_ul{
	display: flex;
	justify-content: space-between;
	margin-left: 1%;
	margin-right: 2%;
	line-height: 3em;
	align-items: center;
	font-family: fot-klee-pro, sans-serif;
font-weight: 600;
font-style: normal;
}
.pc_nav_ul li a{
	text-decoration: none;
	color: #ffffff;
}
.pc_nav_ul img{
	margin: 5px 0;
}
/*トップページ*/
#home .firstview {
  background-image: url("../images/home_img1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 560px;
  width: 100vw;
}
#home h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
	width: 325px;
	height: 250px;
	z-index: 2;
}
#home .contents{
	margin-bottom: 100px;
}
#home #main {
	text-align: center;
}
#main h2 {
	width: 7em;
	height: auto;
	line-height: 3em;
  font-size: 30px;
	margin: 0 auto;
  margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 1%;
	padding-bottom: 1%;
  font-family: fredericka-the-greatest, serif;
  font-style: normal;
  font-weight: 400;
	text-align: center;
	background-image: url("../images/h2.png"), url("../images/h2_bottom.png");
	background-size: 200px auto, 200px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: top center, bottom center;
}
#welcome p {
  margin: 0 auto;
  line-height: 2em;
  font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.info dl {
  overflow: auto;
  line-height: 1.8em;
	border-bottom: 1px dashed #fff;
	padding-top: 10px;
}
.info dt, dd {
  text-align: left;
font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.info dt {
  float: left;
  margin-right: 0.8em;
	margin-left: 0.5em;
}
.info dd{
font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
	overflow: hidden;
}
.info #new{
	font-size: 25px;
	border-bottom: 2px solid #fff;
}
.info dd a{
	text-decoration: none;
	color: #FDEC00;
}
#facebook{
	text-align: center;
	margin-top: 40px;
}
#pickup {
  margin: 0 auto;
	font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
#pickup li {
  position: relative;
	width: 90%;
	margin: 0 auto;
	 margin-bottom: 40px;
}
#pickup li img {
	width: 100%;
	height: auto;
}
#pickup li .more {
  width: 60%;
  background-image: url("../images/pattern.jpg");
  border-radius: 10px;
  color: #533418;
  font-size: 24px;
	  font-family: charcuterie-serif, sans-serif;
  font-style: normal;
  font-weight: 700;
	text-align: center;
margin: 0 auto;
	margin-top: 10px;
}
#pickup li .pu_text {
  margin: 0 auto;
}
#pickup li .p_price{
	line-height: 1.4em;
}
#home #pum{
	margin: 0 auto;
	margin-bottom: 80px;
}
#pum h3 {
  font-size: 24px;
  line-height: 1.6em;
  font-family: charcuterie-serif, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.p_menu {
  font-size: 20px;
  line-height: 1.6em;
}
.p_menu .p_set {
  line-height: 1.6em;
}
.p_price {
  text-align: right;
  line-height: 1.2em;
}
#pum .pu_text a{
	text-decoration: none;
}

/*メニュー*/
#menu{
	background: #830A0A;
}
#menu .firstview{
	display: block;
	background-image: url("../images/menu_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	max-width: 100%;
	height: 70vh;
}
#menu #main{
	margin: 0 auto;
	overflow: hidden;
}

#menu h3, #drink h3, #take h3, #shop h3{
	width: 280px;
	height: 65px;
	padding: 15px;
	text-align: center;
	font-size: 24px;
  line-height: 1.6em;
  font-family: charcuterie-serif, sans-serif;
  font-style: normal;
  font-weight: 400;
	margin: 0 auto;
	margin-bottom: 20px;
	background-image: url("../images/menu3_flame.png");
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
#menu #main .contents{
	position: relative;
	width: 85%;
}
#menu .zeikomi, #drink .zeikomi, #take .zeikomi{
	font-size: 14px;
	position: absolute;
	top: -20px;
	right: 20px;
}
#menu #main p{
	font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.outline{
    margin:2em auto;
    position: relative;
    padding: 1.5em 1.5em;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
}
.outline:before, .outline:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #fff;
}
.outline:before {left: 10px;}
.outline:after {right: 10px;}
.outline p {
    margin: 0; 
    padding: 0;
}
#menu .menu_top img{
	width: 40%;
	height: 40%;
}
#menu .contents{
	margin-bottom: 80px;
}
#menu .menu_top{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#menu .menutop_name{
	text-align: left;
	font-size: 24px;
	line-height: 2em;
}
#grand .menu_top{
	margin-bottom: 0;
}
#menu .menu_text{
	width: 200px;
	line-height: 1.5em;
}
#menu .menu_name, #take .menu_name, #drink .menu_name{
	text-align: left;
	font-size: 17px;
	width: 55vw;
	height: 2em;
	vertical-align: bottom;
}
#menu .menu_price, #take .menu_price, #drink .menu_price{
	text-align: right;
	width: 30vw;
	vertical-align: bottom;
}
#menu caption, #drink caption{
	width: 280px;
	height: 75px;
	font-size: 20px;
	margin: 0 auto;
	margin-top: 40px;
	padding-top: 20px;
	background-image: url("../images/ribbon.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
}
#menu td, #take td, #drink td{
	line-height: 1.8em;
	font-size: 15px;
	height: 64px;
}
#menu table, #drink table, #take table{
	margin: 0 auto;
	font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
	margin-bottom: 120px;
}
#menu .mgb table{
	margin-bottom: 10px;
}
#menu tr, #take tr, #drink tr{
		border-bottom: 1px dashed #fff;
}
.setdrink{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: center;
	line-height: 2em;
}
.setdrink a{
	color: #FDEC00;
	text-decoration: none;
	border-bottom: 1px dashed #FDEC00;
}
#setdrink p{
	margin-bottom: 1em;
	text-align: center;
}
#setdrink_menu{
	margin-top: 2em;
}
#quiche caption{
	margin-top: 100px;
}
#menu .quiche{
	width: 20vw;
	padding-left: 0;
	vertical-align: bottom;
}
#menu .quiche img{
	padding-right: 0.2em;
	width: 12vw;
	height: auto;
}
#menu .quiche_name{
	width: 70vw;
	padding-left: 0;
}

#menu .pasta{
	width: 375px;
	margin: 0 auto;
}
#pasta{
	position: relative;
}
#pasta caption, #maindish caption{
	margin-bottom: 30px;
}
#pasta .capallini{
	position: absolute;
	z-index: -1;
	top: -30px;
	left: -330px;
	overflow: hidden;
}

#sweets{
	position: relative;
}
#sweets .cheesecake{
	position: absolute;
	z-index: -1;
	top: 30%;
	left: -230px;
	overflow: hidden;
}
#maindish{
	position: relative;
}
#maindish .hohoniku{
	position: absolute;
	z-index: -1;
	top: 35%;
	right: -330px;
	overflow: hidden;
}
/*ドリンク*/
#drink{
	background: #020C32;
}
#drink .firstview{
	display: block;
	background-image: url("../images/drink_first.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	max-width: 100%;
	height: 70vh;
}
#drink #main .contents{
	width: 85%;
}
#drink table{
	margin: 0 auto;
}
#drink td:first-child{
	text-align: left;
}
#drink td:last-child{
	text-align: right;
}
.drinkmenu{
	width: 90%;
	margin: 0 auto;
}
#drink .kome, #coupon .kome{
	font-size: 14px;
	line-height: 1.8em;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}
/*テイクアウト*/
#take{
	background: #964C00;
}
#take .firstview{
	display: block;
	background-image: url("../images/takeout_top.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	max-width: 100%;
	height: 70vh;
}
#take #main{
	margin: 0 auto;
}
#take #main .contents{
	width: 85%;
}
#take .menu_top #potage{
	text-align: center;
} 
#take .menutop_text{
	text-align: left;
}
#take .takemenu_name{
	text-align: center;
}
#take .menu_text{
	font-family: fot-klee-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
	width: 80%;
	margin: 0 auto;
}
#take .menutop_price{
	text-align: right;
}
#take .takemenu_name{
	font-size: 24px;
	line-height: 1.6em;
}
#take table{
	margin-bottom: 40px;
}

/*店舗情報*/
.sh_item{
	width: 6em;
}
#shop table{
	margin-bottom: 16px;
}
#shop tr{
	border-bottom: 1px dashed #fff;
}
#shop td{
	line-height: 1.6em;
	padding: 8px 1em;
}
#map{
	margin-bottom: 80px;
	text-align: center;
}
#shop
/*クーポン*/

#coupon h1{
	 font-size: 36px;
  margin-top: 40px;
  font-family: fredericka-the-greatest, serif;
  font-style: normal;
  font-weight: 400;
}
#coupon .chalk{
	margin-bottom: 10px;
}

.btn_c,
a.btn_c,
button.btn_c {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #533418;
  border-radius: 0.5rem;
}



/*ボタン周りの余白用*/
.btn_c-wrap {
  margin: 20px;
	margin-bottom: 40px;
}
.coupon_text{
	text-align: center;
	font-size: 20px;
	line-height: 1.6em;
}

a.btn-coupon {
  line-height: 1.1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 250px;
  height: 120px;
  margin: 0 auto;
  padding: 0;
}

a.btn-coupon .left {
  width: 80%;
  padding-top: 7px;
	
	
  -webkit-transition: all 0.6s;

  transition: all 0.6s;
  -webkit-transform-origin: top left;
  transform-origin: top left;

  border: 2px solid #DA0000;
  border-right: 0;
  background: #fff;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;
}

a.btn-coupon .left span {
  font-size: 1rem;
	
}

a.btn-coupon .left span.txt1 {
  font-size: 1rem;
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 600;
font-style: normal;
font-feature-settings: "palt";
  color: #DA0000;
}

a.btn-coupon .left span.txt2{
	font-size: 0.8rem;
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 600;
font-style: normal;
	font-feature-settings: "palt";
	color: #533418;
}

a.btn-coupon .left em {
	margin-top: 5px;
  font-size: 2.3rem;
  font-style: normal;

  display: block;

  color: #DA0000;
}

a.btn-coupon .left .ice{
	font-size: 0.9em;
}

a.btn-coupon .right {
  position: relative;

  width: 20%;
  height: 100%;

  -webkit-transition: all 0.6s;

  transition: all 0.6s;
  -webkit-transform-origin: top left;
  transform-origin: top left;

  color: #fff;
  border-left: 2px dotted #fff;
  background: #DA0000;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;
}

a.btn-coupon .right span {
  font-size: 1.4rem;
  line-height: 1;

  position: absolute;
  top: -0.8rem;
  left: calc(50% - 0.8rem);

  display: inline-block;

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

a.btn-coupon:hover .left {
  -webkit-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
}

a.btn-coupon:hover .right {
  -webkit-transform: rotateX(-20deg) rotateY(75deg);
  transform: rotateX(-20deg) rotateY(75deg);
}

@media print{
	#coupon {
		background: #fff;
	}
	a.btn-coupon .right{
		border: 2px solid #DA0000;
	}
	.reserve{
		display: none;
	}
	#coupon footer{
		display: none;
	}
}


/*予約ボタン*/
.reserve{
	position:fixed;
	left: 1%;
	bottom: 30.6px;
	z-index: 2;
}
.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding: 1rem 1.2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 3.5rem;
}
.btn--reserve,
a.btn--reserve {
  color: #533418;
  background-image: url("../images/pattern.jpg");
	
}
.btn--reserve:active,
a.btn--reserve:active {
  color: #533418;
  background-image: url("../images/pattern2.jpg");
}
.reserve span {
	font-size: 2em;
	line-height: 1em;
}
.reserve p{
	text-align: center;
}

/*　ハンバーガーボタン　*/
.hamburger {
  display: block;
  position: fixed;
  z-index: 4;
  right: 13px;
  top: 8px;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  left: 6px;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}
/* ナビ開いてる時のボタン */
.hamburger.active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  width: 0px;
}
.hamburger.active span:nth-child(1), .hamburger.active span:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1) {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
}
.hamburger.active span:nth-child(3) {
  -webkit-transform: translateY(-16px) rotate(90deg);
  -ms-transform: translateY(-16px) rotate(90deg);
  -o-transform: translateY(-16px) rotate(90deg);
  transform: translateY(-16px) rotate(90deg);
}
nav.globalMenuSp {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  /* color: #fff;*/
  /* background: #fff;*/
  text-align: center;
  transform: translateX(100%);
  transition: all .9s;
  width: 100%;
}
nav.globalMenuSp ul {
  background: #533418;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  line-height: 2em;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover {
  background-image: url("../images/pattern.jpg");
  color: #533418;
	text-shadow: 0.5px 0.5px 0 #533418,
		 -0.5px 0.5px 0 #533418,
		 0.5px -0.5px 0 #533418,
		-0.5px -0.5px 0 #533418;
}
nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration: none;
}
nav.globalMenuSp ul li a:hover {
  color: #533418;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}

nav .drawer-menu li{
	font-family: fot-klee-pro, sans-serif;
font-weight: 600;
font-style: normal;

}

/*アイコン*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?jivf90');
  src:  url('fonts/icomoon.eot?jivf90#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?jivf90') format('truetype'),
    url('fonts/icomoon.woff?jivf90') format('woff'),
    url('fonts/icomoon.svg?jivf90#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e942";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}

/*slider*/
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-img {
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 600px; /* 600pxの高さで表示させる */
}




@media (max-width: 480px){
	.swiper-container{
		display: none;
	}
}

@media (max-width: 767px){
	#menu .firstview, #drink .firstview, #take .firstview, #shop .firstview{
		height: 40vh;
	}
	.pagetop img{
		display: none;
	}
		.capallini, .hohoniku, .cheesecake{
		display: none;
	}
	.pc_nav{
		display: none;
	}
	.width85{
		width: 85%;
		margin: 0 auto;
	}
	#menu .menu_top img{
		width: 120px;
		height: 120px;
	}
	#menu .pig_pasta, .pig_beef, .pig_cake{
		display: none;
	}
	#take .menu_top img{
		width: 80%;
		height: 80%;
	}
	#take .pc_img{
		display: none;
	}
	#shop iframe{
		max-width: 100vw;
	}
	footer .foot{
		width: 14em;
		margin: 0 auto;
		line-height: 1.6em;
	}
	footer .foot .foot_shop{
		margin: 0 auto;
		margin-left: 1em;
	}
	.foot p img{
		display: none;
	}
	.foot_sns{
		display: flex;
		justify-content: center;
	}

}
@media (min-width: 768px){

	.hamburger{
		display: none;
	}
	.globalMenuSp{
		display:inline-block;
	}
	#home h1 img{
		transform:scale(1.5, 1.5);
	}
	#welcome{
		margin-top: 10vw;
	}
#welcome p {
	width: 600px;
}
#pickup {
	display: flex;
	justify-content: center;
}
	#pickup li{
		width: 300px;
	}
	.info_flex{
		display: flex;
		justify-content: center;
	}

	#facebook{
		margin-top: 20px;
		margin-left: 40px;
	}
	#menu .menu_top img{
	width: 25%;
	height: 25%;
	}
	#quiche caption{
		margin-bottom: 35px;
	}
	#maindish caption{
		margin-bottom: 20px;
	}
	.menu_top{
		align-items: center;
		justify-content: space-around;
	}
	.menu_name{
		padding-left: 2em;
	}
	#menu .menu_price{
		padding-right: 2em;
		text-align: center;
	}
	#menu .relative{
		position: relative;
	}
	#menu .pig_pasta{
		position: absolute;
		left: -80px;
		top: 310px;
		z-index: -1;
	}
	#menu .pig_beef{
		position: absolute;
		right: -80px;
		top: 230px;
		z-index: -1;
		transform: rotate(15deg);
	}
	#menu .pig_cake{
		position: absolute;
		left: -50px;
		top: 150px;
		z-index: -1;
		transform: rotate(-15deg);
	}
	#menu #main .contents, #drink #main .contents, #take #main .contents{
	width: 70%;
}
	#quiche tr td{
		height: 100px;
	}
	#drink .firstview{
	height: 80vh;
}
	#take .relative{
	position: relative;
}
#take #dressing{
	transform: scale(0.35, 0.35) rotate(-10deg);
	position: absolute;
	left: -310px;
	top: -130px;
	z-index: -2;
}
	#take .pigL{
		position: absolute;
		left: -50px;
		top: 60px;
		z-index: -1;
		transform: rotate(-15deg);
	}
	.shop_flex{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#shop .shop_info{
		width: 50vw;
	}
	#map{
		margin-top: 40px;
	}
	#coupon .container{
	background-image: url("../images/coupon_bg1.png"), url("../images/coupon_bg2.png");
	background-repeat: repeat-y, repeat-y;
	background-position: left, right;
}
	#coupon .pagetop img{
		display: none;
	}
	footer{
		background-size: 170px auto, 170px auto;
	}
	.foot{
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.2em;
		padding-top: 15px;
	}
	.foot_shop{
		margin-right: 5vw;
	}
	footer small {
  font-size: 14px;
}
	.foot_sns{
		display: flex;
		margin-left: 40px;
	}
	.reserve{
		display: none;
	}

}