html {
  font-size: 62.5%;
  font-family: sans-serif;
  font-weight: lighter;
}

.bg-slider {
  width: 100vw;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s;
}

.global-header {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  /* border-top: 8px #AED32D solid; */
  position: relative;
  height: 100vh;
  /* background: url(../images/main_visual01.jpg) center / cover; */
}

.global-header__sitelogo {
  /* margin: 28px 0 0 36px; */
  width: 350px;
}

.global-header__sitelogo-img {
  width: 100%;
}

.global-navigation {
  width: 550px;
  margin: 28px 0 0 50px;
  /* background-color: aqua; */
  /* margin: 28px 36px 0 0; */
}

.global-navigation__menu {
  display: flex;
  justify-content: space-between;
}

.global-navigation__link {
  font-size: 1.8em;
  color: #fff;
  font-weight: bold;
}

.global-navigation__link:hover {
  color: rgb(254, 255, 191);
  transition: all 0.3s;
  text-shadow: rgb(255, 234, 138) 1px 0 15px;
}

/* MAIN */
.main-home {
  /* background-color: aquamarine; */
  /* height: 500px; */
  width: 100%;
  max-width: 1366px;
  display: flex;
  margin: 0 auto;
  /* margin-bottom: 150px; */
}

.main-home__main-visual {
  width: 50%;
  /* height: 500px; */
}

.main-home__main-visual-image {
  width: 100%;
  /* height: 100%; */
}

.main-home__main-text {
  height: 250px;
  width: 416px;
  /* background-color: cadetblue; */
  margin: auto;
}
.main-home__heading-lead {
  font-size: 2.4em;
  font-family: "メイリオ";
  margin: 15px 0 30px 0;
}
.main-home__main-introduction {
  font-size: 1.6em;
  font-family: "メイリオ";
  margin: 15px 0 15px 0;
  line-height: 24px;
}

/* NEWS */

.home__news {
  height: 470px;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.home__news-heading {
  height: 300px;
  width: 100%;
  /* background-color: #3e3e3e; */
  /* display: flex; */
  background-image: url(../images/bg01.jpg);
}

.home__news-heading-news {
  font-size: 3.6em;
  color: #000;
  /* margin: 0 auto; */
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 140px;
  /* justify-content: center;
    align-items: center; */
}

.home__news-content-wrapper {
  /* height: 270px; */
  width: 100%;
  /* background-color: #f1f1f1; */
  background-image: url(../images/bg01.jpg);
  /* margin-bottom: 150px; */
}

.home__news-mian-content {
  /* background-color: darkmagenta; */
  display: flex;
  height: 90px;
  width: 100%;
  border-bottom: 1px solid #b8b8b8;
}

.home__news-mian-content__time {
  font-size: 1.6em;
  font-weight: bold;
  margin-left: 50px;
  padding-top: 40px;
}

.news-mian-content__content {
  font-size: 1.6em;
  margin-left: 50px;
  padding-top: 40px;
}

/* LUNCH */

.home__lunch {
  /* height: 1120px; */
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  /* margin-bottom: 150px; */
  /* background-color: aqua; */
}

.home__lunch-heading {
  height: 300px;
  width: 100%;
}

.home__lunch-heading-lunch {
  font-size: 3.6em;
  color: #707070;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 140px;
}

.home__lunch-mianWrapper {
  display: flex;
  margin-bottom: 50px;
}

.home__lunch-mianWrapper-img {
  /* height: 450px; */
  margin-left: 50px;
  width: 50%;
}

.home__lunch-mianWrapper-imgMain {
  width: 100%;
  /* height: 100%; */
}

.home__lunch-mianWrapper-text {
  /* height: 450px; */
  width: 50%;
  margin-right: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home__lunch-mianWrapper-textWrapper {
  width: 400px;
  /* height: 200px; */
  /* background-color: hotpink; */
  /* margin: auto; */
  /* margin-top: 120px; */
}

.home__lunch-mianWrapper-textHeading {
  font-size: 2.4em;
  font-weight: bold;
  margin-bottom: 40px;
}

.home__lunch-mianWrapper-textContent {
  font-size: 1.6em;
  line-height: 25px;
}

.home__lunch-menuWrapper {
  display: flex;
  justify-content: space-around;
  /* height: 520px; */
  background-image: url(../images/bg02.jpg);
  /* background-color: #923a3a; */
  margin: 0 50px 0 50px;
}

.home__lunch-menuWrapper-menu {
  /* background-color:khaki; */
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home__lunch-menuWrapper-menuWrapper {
  width: 70%;
  margin: 50px 0 50px 0;
  /* background-color: chartreuse; */
}

.home__lunch-menuWrapper-menu-img {
  /* height: 300px; */
  margin: auto;
  width: 100%;
  text-align: center;
  /* background-color: blueviolet; */
}

.home__lunch-menuWrapper-menu-imgSub {
  /* height: 100%; */
  width: 80%;
  /* margin-left: 50px; */
  /* padding-top: 50px; */
  /* background-color: lawngreen; */
}

.home__lunch-menuWrapper-menu-text {
  /* background-color: lavender; */
  /* width: 300px; */
  margin: auto;
}

.home__lunch-menuWrapper-menu-texth4 {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  margin: 30px 0 20px 0;
  line-height: 22px;
}

.home__lunch-menuWrapper-menu-textp {
  font-size: 1.6em;
  line-height: 22px;
}

/* CAFE */

.home__cafe {
  /* height: 1120px; */
  width: 100%;
  max-width: 1366px;
  /* margin-bottom: 50px; */
  /* background-color: rgb(238, 238, 238); */
  background-image: url(../images/bg01.jpg);
  margin: 0 auto;
  /* margin-bottom: 150px; */
}

.home__cafe-heading {
  height: 300px;
  width: 100%;
}

.home__cafe-heading-cafe {
  font-size: 3.6em;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 140px;
}

.home__cafe-main {
  display: flex;

  /* margin-bottom: 50px; */
  /* background-color: bisque; */
}

.home__cafe-main-wrapperimg {
  margin-left: 50px;
  /* height: 500px; */
  width: 50%;
}

.home__cafe-main-image {
  width: 100%;
  /* height: 100%; */
}

.home__cafe-main-wrapperText {
  margin-right: 50px;
  margin-left: 20px;
  width: 50%;
  /* background-color: coral; */
  display: flex;
  justify-content: center;
  align-items: center;
  border: dotted black 3px;
}

.home__cafe-main-heading {
  font-size: 2.4em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

.home__cafe-main-text {
  font-size: 1.6em;
  text-align: center;
  line-height: 350%;
}

.home__cafe-main-text-span1 {
  font-size: 2em;
  font-weight: bold;
}

.home__cafe-main-text-span2 {
  font-family: "Informal Roman";
  font-size: 2em;
}

.home__cafe-bottom {
  height: 200px;
  /* background-color: cornflowerblue; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.home__cafe-bottom-wrapper {
  height: 100px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #b8b8b8;
}

.home__cafe-bottom-text {
  margin: 0 20px 0 20px;
  font-weight: bold;
}

/* DESSERT */

.home__dessert {
  width: 100%;
  max-width: 1366px;
  /* background-color: rgb(245, 245, 245); */
  background-image: url(../images/bg03.gif);
  margin: 0 auto;
  /* margin-bottom: 150px; */
}

.home__dessert-heading {
  height: 300px;
  width: 100%;
}

.home__dessert-heading-dessert {
  font-size: 3.6em;
  color: #575656;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 140px;
}

.home__dessert-main {
  display: flex;
  margin-bottom: 50px;
}

.home__dessert-main-wrapperImg {
  margin-left: 50px;
  /* height: 500px; */
  width: 50%;
}

.home__dessert-main-img {
  width: 100%;
  /* height: 100%; */
}

.home__dessert-main-wrapperText {
  margin-right: 50px;
  width: 50%;
  /* background-color: coral; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.home__dessert-main-wrapper-content {
  width: 65%;
}

.home__dessert-main-heading {
  font-size: 2.4em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

.home__dessert-main-text {
  font-size: 1.6em;
  /* text-align: center; */
  line-height: 150%;
}

.home__dessert-detail {
  display: flex;
  /* background: palegoldenrod; */
  margin: 0 50px 0 50px;
  padding-bottom: 50px;
  justify-content: space-between;
}

.home__dessert-detail-wrapper {
  width: 30%;
  /* background-color: palegreen; */
}

.home__dessert-deatil-imgwrap {
  width: 80%;
  margin: auto;
  margin-bottom: 30px;
}

.home__dessert-deatil-img {
  width: 100%;
}

.home__dessert-deatil-textwrap {
  width: 80%;
  margin: auto;
}

.home__dessert-deatil-text-heading {
  font-size: 2.4em;
  text-align: center;
  margin-bottom: 20px;
}

.home__dessert-deatil-text-content {
  font-size: 1.6em;
  line-height: 150%;
}

/* ACCESS */

.home__access {
  width: 100%;
  max-width: 1366px;
  /* background-color: palevioletred;  */
  background-image: url(../images/bg01.jpg);
  margin: 0 auto;
}

.home__access-heading {
  height: 300px;
  width: 100%;
  /* background-color: #3e3e3e; */
}

.home__access-heading-access {
  font-size: 3.6em;
  color: #000;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 140px;
}

.home__access-main {
  display: flex;
}

.home__access-main-wrapperMap {
  width: 50%;
}

.home__access-main-Map {
  width: 100%;
}

.home__access-main-wrapperText {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home__access-main-address {
  border-left: black solid 3px;
  /* background-color: peru; */
  width: 300px;
  padding-left: 25px;
  font-size: 1.4em;
  font-weight: bold;
}

.home__access-main-address-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home__access-main-address-h4 {
  font-size: 2em;
  line-height: 90%;
  margin-bottom: 30px;
}

.home__access-main-address-span {
  font-weight: normal;
  font-size: 16px;
}

.home__access-main-address-p {
  margin-bottom: 30px;
}

/* フッター */
.global-footer {
  height: 260px;
  width: 100%;
  background-color: #3e3e3e;
}

.global-footer-wrapper {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.global-footer-wrapper-logo {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: aqua; */
}

.global-footer-logo {
  width: 100%;
  /* text-align: center; */
  margin: 0 auto;
}

.global-footer__copyright {
  color: #fff;
  text-align: center;
}