@charset "utf-8";
/* @group Reset */
* {
  margin: 0;
  padding: 0
}
a {
  color: #5a8e35;
  text-decoration: none;
}
a:hover {
  transition: 0.5s;
}
ul, ol {
  list-style: none;
}
img {
  vertical-align: middle;
  transition: 0.5s;
}
a img:hover {
  opacity: 0.6;
  transition: 0.5s;
}
/* @end */
/* @group Fluid-img */
img {
  max-width: 100%;
}
/* @end */
/* @group HTML */
html {
  font-family: "Sawarabi Gothic", 'Cabin', sans-serif;
  font-size: 80%;
  line-height: 1.5;
  color: #333;
  background: #efefef;
}
h1 {
  font-size: 1.75em; /* 24px */
  line-height: 1;
  font-family: "Gamja Flower", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h2 {
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  margin-bottom: 2em;
  font-weight: normal;
}
p {}
small {
  font-size: 0.5em;
}
p.btn {
  max-width: 20em;
  margin: 1em auto;
  clear: both;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
p.btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background: #5a8e35;
  border: 1px solid #5a8e35;
  box-sizing: border-box;
  padding: 0.5em;
  color: #fff;
  font-size: 1em;
  letter-spacing: 0.1em;
  transition-duration: 0.3s;
}
p.btn a:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -6px;
}
p.btn a:hover {
  background: #fff;
  color: #5a8e35;
}
p.btn a:hover:before {
  border-top: 2px solid #5a8e35;
  border-right: 2px solid #5a8e35;
}
/* @end */
/* @header */
header {
  background: rgb(255 255 255 / 100%);
  text-align: center;
}
header h1 {
  margin: 0 auto;
  padding: 1em 0 0.5em;
  width: 20%;
}
nav ul li {
  font-family: "Gamja Flower", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  overflow: hidden;
}
nav ul li a {
  padding: 0.5em 1em;
  display: inline-block;
  border-radius: 2em;
  font-size: 1.5em;
}
nav ul li a:hover {
  background: #5a8e35;
  color: #fff;
}
nav ul li.now a {
  background: #5a8e35;
  color: #fff;
}
/* @end */
/* @intro */
article#intro {
  height: auto;
  text-align: center;
}
article#intro h1 {
  font-size: 2em;
  margin: 0 0 1em 0;
  letter-spacing: 0.1em;
}
article#intro h2 {
  font-size: 1em;
}
/* @end */
article h1 {
  font-size: 3.5em;
  text-align: center;
  margin-bottom: 0.1em;
}
article h2 {
  font-size: 0.8em;
  text-align: center;
}
article p {
  margin-bottom: 0.5em;
}
/* @caution */
article#caution {
  padding: 3em;
  background: rgba(255, 0, 4, 0.80);
  margin: 2em 1em 5em;
  color: #fff;
}
article#caution div#caution-ttl {
  font-size: 1.2em;
  margin-bottom: 1em;
}
/* @end */
/* @about */
article#about {
  padding: 6em 3em 3em;
  background: rgb(222 216 197 / 50%);
  margin: -3em 1em 0;
  position: relative;
  z-index: 1000;
}
/* @end */
/* @menu */
article#menu {
  padding-top: 6em;
  position: relative;
}
article#menu section {
  width: 90%;
  margin: 0 auto;
}
article#menu section div {
  padding: 1.5em 1.5em 0.5em;
  background: rgba(255, 255, 255, 0.90)
}
article#menu section div p {
  margin-bottom: 0.5em;
}
article#menu section div dl {
  padding: 1em;
  margin: 1em auto;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
article#menu section div dl dt {
  color: #552F3D;
  font-weight: bold;
}
article#menu section div dl dt i {
  margin-right: 0.2em;
}
article#menu section div dl dd {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
article#menu section div dl dd:last-child {
  margin-bottom: 0;
}
article#menu figure {
  position: absolute;
  bottom: -4em;
  right: 0;
  z-index: -1;
}
article#menu figure img {
  width: 250px;
  height: 250px;
  object-fit: cover;
}
/* @end */
/* @access */
article#access {
  padding-top: 9em;
  position: relative;
}
article#access section {
  width: 90%;
  margin: 0 auto;
}
article#access section div {
  padding: 1.5em 1.5em 0.5em;
  background: rgba(255, 255, 255, 0.90)
}
article#access section div p {
  margin-bottom: 0.5em;
}
article#access figure {
  position: absolute;
  bottom: -4em;
  left: 0;
  z-index: -1;
}
article#access figure img {
  width: 250px;
  height: 250px;
  object-fit: cover;
}
/* @end */
/* @inside */
article#inside {
  padding-top: 9em;
  position: relative;
}
article#inside section {
  width: 90%;
  margin: 0 auto;
}
article#inside section iframe{
  width: 100%;
	height: 340px;
  margin: 0 auto;
}
/* @end */
/* @bar */
article#bar {
  margin-top: 7em;
  padding: 5em 2em 3em;
  background: #e8d5db;
}
article#bar p {
  margin: 0 auto 1em;
}
/* @end */
/* @news */
article#news {
  padding-top: 6em;
  margin-bottom: 5em;
}
article#news dl {
  margin: 0 1em;
}
article#news dl dt {
  font-size: 0.8em;
  font-style: italic;
  color: #918a8a;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
article#news dl dd {
  border-bottom: solid 1px #ccc;
  margin-bottom: 0.5em;
}
/* @end */
/* @news */
article#bnr {
  padding: 1em 1em 5em;
  margin-bottom: 5em;
	text-align: center;
}
/* @end */
/* @footer */
footer {
  padding: 4em 0 0.5em;
  background: #452607;
  color: #fff;
  text-align: center;
}
footer a {
  color: #fff;
}
footer h1 {
  width: 20%;
  margin: 0 auto 1em;
  text-align: center;
}
footer ul#sns {
  text-align: center;
  margin: 0 auto 3em;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
footer ul#sns li {
  text-align: center;
  width: 20%;
  display: inline-block;
}
footer ul#sns li i {
  font-size: 3em;
}
footer nav {
  text-align: center;
  margin-bottom: 2em;
}
/* @end */
/*768px*/
@media screen and (min-width : 768px) {
  html {
    font-size: 90%;
  }
/* @inside */
article#inside section iframe{
  width: 100%;
	height: 600px;
  margin: 0 auto;
}
/* @end */
}
/*1024px*/
@media screen and (min-width : 1024px) {
  html {
    font-size: 100%;
  }
  /* @header */
  header h1 {
    padding: 0.5em 0;
    width: 6em;
  }
  nav ul li {
    letter-spacing: 0.1em;
  }
  /* @end */
  article#about {
    width: 900px;
    margin: -3em auto 0;
    text-align: center;
    padding: 6em 50px 5em;
  }
  article h1 {
    font-size: 4em;
    margin-bottom: 0.2em;
  }
  article h2 {
    font-size: 1.2em;
  }
  /* @caution */
  article#caution {
    text-align: center;
  }
  /* @end */
  /* @about */
  article#about section p:last-child {
    margin-bottom: 3em;
  }
  /* @end */
  /* @menu */
  article#menu section {
    max-width: 1000px;
    margin: 0 auto;
    clear: both;
  }
  article#menu section div {
    padding: 3em;
    width: 500px;
    float: left;
    margin-bottom: 3em;
  }
  article#menu section div dl dd {
    margin-bottom: 1em;
  }
  article#menu section div dl dd:last-child {
    margin-bottom: 0;
  }
  article#menu figure {
    position: absolute;
    top: 15em;
    right: 10em;
  }
  article#menu figure img {
    width: 600px;
    height: 360px;
  }
  /* @end */
  /* @access */
  article#access {
    padding-top: 6em;
  }
  article#access section {
    max-width: 1000px;
    margin: 0 auto;
    clear: both;
  }
  article#access section div {
    padding: 3em;
    width: 500px;
    float: right;
    margin-bottom: 3em;
  }
  article#access figure {
    position: absolute;
    top: 15em;
    left: 10em;
  }
  article#access figure img {
    width: 600px;
    height: 360px;
  }
  /* @end */
  /* @bar */
  article#bar section p {
    text-align: center;
    margin-bottom: 0.5em;
  }
  article#bar section p:last-child {
    margin-bottom: 3em;
  }
  /* @end */
  /* @news */
  article#news section {
    width: 1000px;
    margin: 0 auto 9em;
  }
  article#news section dl dt {
    font-size: 1em;
    width: 120px;
    float: left;
    padding: 0 0.5em;
  }
  article#news section dl dd {
    margin-bottom: 1em;
  }
  /* @end */
  /* @footer */
  footer h1 {
    width: 6em;
    margin: 0 auto 1em;
  }
  footer ul#sns {
    text-align: center;
    margin: 0 auto 3em;
  }
  footer ul#sns li {
    width: 6%;
    font-size: 1em;
  }
  /* @end */
}