*{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}
body{
  font-family: "Hiragino Kaku Gothic ProN", "Yu Mincho", YuMincho, serif;
}
a{
 color: #fff;
 text-decoration: none;
}
a:hover{
color: red;
}
header{
  border-top: #e9b7a4 solid 20px;
  position: relative;
}
.wrapper{
  width: 1000px;
  margin: 0 auto;
  background-color: #fcf6f3;
}
.wrapper1{
  background-image: url(img/home/homeback-flower.png);
  background-repeat: no-repeat;
  background-position: center bottom 16%;
}
header h1{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
}
.navWap,nav ul{
  height: 40px;
  font-size: 17px;
}
.navWap{
  background: #d98160;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
nav ul{
  display: flex;
  margin-left: 100px;
  align-items: center;
  position: relative;
}
nav ul li{
  margin-right: 40px;
}
nav ul::after{
  content: "";
  position: absolute;
  left: -100px;
  bottom: 8px;
  display: block;
  width: 400px;
  border-bottom: 1px solid #fff;
}
nav a{
  color: #fff;
}
nav a:hover{
  color: #6e4f45;
}
.address {
  display: flex;
  margin-right: 100px;
  align-items: center;
  position: relative;
  font-size: 17px;
}
.address::after{
  content: "";
  position: absolute;
  right: -100px;
  bottom: 8px;
  display: block;
  width: 400px;
  border-bottom: 1px solid #fff;
}
.address li{
  margin-left: 40px;
  color: #fff;
}
.mainvisual img{
  width: 1000px;
  hight: 455px;
}
.submain{
  display: flex;
  justify-content: space-between;
  margin: 30px 40px;
}
.submain img{
  width: 440px;
  hight: 199px;
}
h2{
  color: #6e4f45;
  font-size: 18px;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}
h2 span{
  font-size: 26px;
}
h2::before{
  content: url(img/home/h2-title.png);
  display: block;
  margin-bottom: -10px;
}
h2::after{
  content: url(img/home/h2-title-1.png);
  display: block;
  margin-top: -10px;
}
.shopimg{
  background-color: #eeedbf;
  padding-bottom: 50px;
}
.shopimg h3{
  text-align: center;
  color: #6e4f45;
  font-size: 18px;
  letter-spacing: 3px;
  margin-right: 128px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 25px;
  background-image: url(img/home/h3-shopimg-title.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
h3 span{
  font-size: 22px;
  letter-spacing: 1px;
}
.shopimg1{
  width: 847px;
  height: 795px;
  border: 1px solid #fff;
  border-radius: 70px;
  background-color: #fff;
  box-shadow: 2px 2px 2px #846961;
  text-align: center;
  color: #6e4f45;
  font-size: 16px;
  margin-left: 15px;
  padding-top: 20px;
  letter-spacing: 1px;
  background-image:
  url(img/home/shopimgback-flower1.png),
  url(img/home/shopimgback-flower2.png),
  url(img/home/shopimgback.png);
  background-repeat: no-repeat;
  background-position: left 150px,
                         right 100px bottom 120px,center;
}
.shopimg1 img{
  padding-top: 20px;
}
.lunch{
  background-color: #e3a48d;
  padding-bottom: 50px;
}
.lunch h3{
  text-align: center;
  color: #6e4f45;
  font-size: 18px;
  letter-spacing: 3px;
  margin-left: 128px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 30px;
  background-image: url(img/home/h3-lunch-title.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.lunch1{
  width: 857px;
  height: 1078px;
  border: 1px solid #fff;
  border-radius: 70px;
  background-color: #fff;
  box-shadow: 2px 2px 2px #846961;
  text-align: center;
  color: #6e4f45;
  font-size: 16px;
  margin-right: 15px;
  margin-left: 128px;
  padding-top: 20px;
  letter-spacing: 1px;
  background-image:
  url(img/home/lunch-flower1.png),
  url(img/home/lunch-flower2.png);
  background-repeat: no-repeat;
  background-position: right 30px top 180px,left bottom;
  position: relative;
}
.lunch1 img{
  padding-top: 20px;
}
.lunch1 .rice{
  position: absolute;
  left: 90px;
}
.lunch1 .bread{
  position: absolute;
  right: 90px;
  bottom: 180px;
}
.lookmenu{
  position: absolute;
  right: 220px;
  bottom: 90px;
  color: #fff;
  border: 10px solid #846961;
  background-color: #846961;
}
.access{
  background-color: #c5b9b5;
  padding-bottom: 50px;
}
.access h3{
  text-align: center;
  color: #6e4f45;
  font-size: 18px;
  letter-spacing: 3px;
  margin-right: 128px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 25px;
  background-image: url(img/home/h3-access-title.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.access1{
  width: 857px;
  height: 622px;
  border: 1px solid #fff;
  border-radius: 70px;
  background-color: #fff;
  box-shadow: 2px 2px 2px #846961;
  text-align: center;
  color: #6e4f45;
  font-size: 16px;
  margin-left: 15px;
  padding-top: 20px;
  letter-spacing: 1px;
  background-image:
  url(img/home/access-flower1.png),
  url(img/home/access-flower2.png);
  background-repeat: no-repeat;
  background-position: right 170px,left bottom;
  position: relative;
}
.access1 img{
  padding-top: 20px;
  padding-bottom: 10px;
}
.train ul{
  display: inline-block;
}
.train ul li{
  text-align: left;
  list-style: disc;
}
.googlemap{
  position: absolute;
  right: 330px;
  bottom: 60px;
  color: #fff;
  border: 10px solid #846961;
  background-color: #846961;
}
.about{
  height: 340px;
  background-image:
  url(img/home/about2.png),
  url(img/home/about3.png),
  url(img/home/about1-100.jpg);
  background-repeat: no-repeat;
  background-position:left, right top;
  margin-top: 160px;
}
.about h2{
  padding-top: 15px;
}
.about1{
  text-align: center;
  font-size: 15px;
  color: #6e4f45;
  letter-spacing: 2px;
}
.about span{
 font-size: 19px;
 color: #c84a1b;
}
.logoaccess{
  text-align: center;
  font-size: 13px;
  color: #6e4f45;
  letter-spacing: 1px;
  position: relative;
}
.logo{
  position: absolute;
  top: 110px;
  left: 350px;
}
.logo span{
  font-size: 18px;
}
footer{
  text-align: center;
  font-size: 1px;
  color: #fff;
  letter-spacing: 1px;
  border: 18px solid #d98160;
  background-color: #d98160;
  margin-top: 340px;
}


/*                       */
/*        MENU PAGE      */
/*                       */


.menutitle{
  font-size: 24px;
  margin-top: 15px;
  margin-left: 30px;
}
.menunav li a{
  color: #6e4f45;
  font-size: 20px;
}
.menunav a:hover{
  color: red;
}
.menunav ul{
  display: flex;
  margin-left: 60px;
}
.menunav li{
  border: 3px #e5dfdd solid;
  background-color: #e5dfdd;
  border-radius: 40px;
  box-shadow: 1px 1px 1px #6e4f45;
  margin-right: 15px;
  padding-left: 20px;
  padding-right: 25px;
  letter-spacing: 1px;
}
.menutop{
  display: flex;
}
.lunchtime{
  text-align: center;
  color: #6e4f45;
  font-size: 16px;
  margin: 30px 0 0 210px;
  padding: 50px 120px 40px 40px;
  background-image:
  url(img/menu/menu-lunchtime1.png),
  url(img/menu/menu-lunchtime2.png);
  background-repeat: no-repeat;
  background-position: right,left top 20px;
}
.lunchtime span{
  font-size: 20px;
}
.lunchtime p{
  font-size: 14px;
  letter-spacing: 1px;
}


/*      food          */



.foodgroup{
  background-color: #e3a48d;
  padding-top: 25px;
  padding-bottom: 50px;
}
h3{
  color: #6e4f45;
  font-size: 26px;
  letter-spacing: 2px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  background-image: url(img/menu/menu-foodtitle.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#food{
  width: 800px;
  color: #6e4f45;
  letter-spacing: 1px;
  font-size: 16px;
  margin-left: 100px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border: solid 1px #fff;
  border-radius: 70px;
  box-shadow: 2px 2px 2px #846961;
  background-color: #fff;
  background-image: 
  url(img/menu/menu-foodback2-100.jpg),
  url(img/menu/menu-foodback3-100.jpg);
  background-repeat: no-repeat;
  background-position: top, bottom;
}
.fade img{
  margin: 20px 0 20px 130px;
}
.fade {
  $(document).on('ready', function() {
    $(".regular").slick({
      autoplay: true, // 自動再生を設定
      autoplaySpeed: 3000, // 自動再生のスピード（ミリ秒単位）
      dots: true // ドットインジケーターの表示
    });
  });
}
.foodmenu ul li{
  line-height: 23px;
  text-align: left;
  margin: 0 100px 10px 100px;
  padding: 15px 0 15px 50px;
  display: flex;
  align-items: center;
  background-image: url(img/menu/menu-flower.png);
  background-repeat: no-repeat;
}
.foodmenu ul li::after{
  height: 15px;
  content: "";
  background: radial-gradient(#000 10%, transparent 0) center/ 10px 10px;
  flex: 1 1 auto;
  order: 1;
}
.price{
  order: 2;
}
h4{
  font-size: 24px;
  padding-top: 60px;
  padding-bottom: 35px;
  background-image: url(img/menu/menu-foodback-pasta.png);
  background-repeat: no-repeat;
  background-position: right 20px bottom -15px;
}
h4 span{
  font-size: 15px;
}
h5{
  font-size: 15px;
  width: 150px;
  border: 1px solid #6e4f45;
  box-shadow: 1px 1px 2px #5e2305;
  margin-left: 50px;
  margin-bottom: 5px;
  padding: 2px 0 2px 0;
  transform: rotate(-10deg);
}
.oneplate{
  padding-bottom: 30px;
}
.foodmenu .pasta{
  padding-bottom: 80px;
  background-image:
  url(img/menu/menu-foodback-soup.png),
  url(img/menu/menu-flower.png);
  background-repeat: no-repeat;
  background-position: right 130px bottom -25px, left top;
}
.lunchset{
  font-size: 15px;
  margin-bottom: 10px;
  padding: 50px 50px 50px 50px;
  display: inline-block;
  text-align: left;
  background-image: url(img/menu/menu-foodback-set.png);
  background-repeat: no-repeat;
  background-position: center;
}



/*      sweets        */



.sweetsgroup{
  background-color: #eeedbf;
  padding-top: 25px;
  padding-bottom: 50px;
}
#sweets{
  width: 800px;
  color: #6e4f45;
  letter-spacing: 1px;
  font-size: 16px;
  margin-left: 100px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border: solid 1px #fff;
  border-radius: 70px;
  box-shadow: 2px 2px 2px #846961;
  background-color: #fff;
  background-image:
  url(img/menu/menu-sweetsback-cake.png),
  url(img/menu/menu-sweetsback2-100.jpg);
  background-repeat: no-repeat;
  background-position:right 0 top 30px,bottom;
}
.fade2 img{
  margin: 20px 0 20px 130px;
}
#sweets ul li{
  line-height: 23px;
  text-align: left;
  margin: 0 105px 10px 105px;
  padding: 15px 0 15px 50px;
  display: flex;
  align-items: center;
  background-image: url(img/menu/menu-flower.png);
  background-repeat: no-repeat;
}
#sweets ul li::after{
  height: 15px;
  content: '';
  background: radial-gradient(#000 10%, transparent 0) center/ 10px 10px;
  flex: 1 1 auto;
  order: 1;
}
.price{
  order: 2;
}
.sweetsset{
  font-size: 15px;
  display: inline-block;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 60px;
  margin-left: 80px;
  padding: 50px 90px 50px 180px;
  background-image:
  url(img/menu/menu-sweetsback-set.png),
  url(img/menu/menu-sweetsback-chair.png);
  background-repeat: no-repeat;
  background-position: right 65px bottom 10px,left 10px bottom 0;
}





/*      drink        */



.drinkgroup{
  background-color: #c5b9b5;
  padding-top: 25px;
  padding-bottom: 50px;
}
#drink{
  width: 800px;
  color: #6e4f45;
  letter-spacing: 1px;
  font-size: 16px;
  margin-left: 100px;
  margin-top: 10px;
  padding-top: 70px;
  padding-bottom: 120px;
  text-align: center;
  border: solid 1px #fff;
  border-radius: 70px;
  box-shadow: 2px 2px 2px #846961;
  background-color: #fff;
  background-image:
  url(img/menu/menu-drinkback3.png),
  url(img/menu/menu-drinkback4-100.jpg);
  background-repeat: no-repeat;
  background-position: left 260px bottom 50px, center top;
}
.fade3 img{
  margin: 20px 0 20px 130px;
}
#drink ul li{
  line-height: 23px;
  text-align: left;
  margin: 0 105px 10px 105px;
  padding: 15px 0 15px 50px;
  display: flex;
  align-items: center;
  background-image: url(img/menu/menu-flower.png);
  background-repeat: no-repeat;
}
#drink ul li::after{
  height: 15px;
  content: "";
  background: radial-gradient(#000 10%, transparent 0) center/ 10px 10px;
  flex: 1 1 auto;
  order: 1;
}
.price{
  order: 2;
}
#drink ul{
  padding-bottom: 50px;
  background-image:
  url(img/menu/menu-drinkback2.png),
  url(img/menu/menu-drinkback1.png);
  background-repeat: no-repeat;
  background-position: right 160px bottom -40px,right 200px top 70px;
}




/*                       */
/*      ACCESS PAGE      */
/*                       */


.shopmap{
  background-color: #c5b9b5;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 25px 0 25px 0;
}
.accesstitle{
  font-size: 24px;
  margin-top: 15px;
  margin-right: 555px;
}
.shopaddress{
  width: 800px;
  color: #6e4f45;
  text-align: center;
  letter-spacing: 1px;
  line-height: 28px;
  border: 1px #fff solid;
  border-radius: 70px;
  box-shadow: 2px 2px 2px #846961;
  background-color: #fff;
  margin-left: 100px;
  margin-top: 10px;
  padding: 20px 0 20px 0;
  background-image:
  url(img/access/access-back-flower1.png),
  url(img/access/access-back1.png);
  background-repeat: no-repeat;
  background-position: left 20px top 20px,center;
}
.shopaddress dl{
  display: inline-block;
}
.shopaddress dl dt{
  float: left;
}
.shopaddress dl dd{
  text-align: left;
  margin-left: 110px;
}
.shopaddress2{
  width: 800px;
  color: #6e4f45;
  text-align: center;
  letter-spacing: 1px;
  line-height: 30px;
  border: 1px #fff solid;
  border-radius: 70px;
  box-shadow: 2px 2px 2px #846961;
  background-color: #fff;
  margin-left: 100px;
  padding: 30px 0 10px 0;
  background-image:
  url(img/access/access-back-flower2.png),
  url(img/access/access-back2.png);
  background-repeat: no-repeat;
  background-position: right 50px bottom 30px,center;
}
.shopaddress2 ul{
  display: inline-block;
}
.shopaddress2 ul li{
  text-align: left;
  list-style: disc;
}
.information{
  border-top: #6e4f45 1px double;
  margin: 0 120px 0 120px;
  padding: 20px 0 20px 0;
}


/*      page top      */


#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 30px;
  bottom: 60px;
  background: #846961;
  opacity: 0.6;
  border-radius: 15px;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}