@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */
a[href^="tel:"] {
  pointer-events: none; }

a[href^="tel:"]:link, a[href^="tel:"]:visited {
  color: #fff;
  text-decoration: none; }

a[href^="tel:"]:hover, a[href^="tel:"]:active {
  color: #fff;
  text-decoration: none; }

html, body {
  font-size: 16px; }
  @media (max-width: 756px) {
    html, body {
      font-size: 16px; } }

body {
  color: #fff;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
  background: #fff;
  -webkit-text-size-adjust: none; }

input, textarea, select {
  font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

b, strong, fontBold {
  font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700; }

/* reset ------------------------------ */
body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, figure,
p, blockquote, pre, cite, code, caption,
header, footer, section,
tr, th, td,
form, fieldset, legend, input, textarea, select, option, label {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

img, table {
  border: none; }

img {
  vertical-align: bottom; }

table {
  border-collapse: collapse; }

ul, ol {
  list-style: none; }

li img,
dt img {
  vertical-align: bottom; }

/* textlink ------------------------------ */
a,
a img {
  transition: all .3s; }

a {
  color: #fff;
  text-decoration: underline; }

a:hover,
a:hover img,
input[type="submit"]:hover,
input[type="image"]:hover {
  text-decoration: none;
  opacity: 0.9; }

.forpc {
  display: block; }

.forsp {
  display: none; }

.forpcinline {
  display: inline; }

.forspinline {
  display: none; }

@media screen and (max-width: 756px) {
  .forpc {
    display: none; }

  .forsp {
    display: block; }

  .forpcinline {
    display: none; }

  .forspinline {
    display: inline; }

  img {
    width: 100%; } }
/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*align
-----------------------------------------------*/
.alright {
  text-align: right !important; }

.alcenter {
  text-align: center !important; }

.alleft {
  text-align: left !important; }

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 756px) {
  html, body {
    width: 100%; }

  a[href^="tel:"] {
    pointer-events: auto; }

  a:hover,
  a:hover img,
  input[type="submit"]:hover,
  input[type="image"]:hover {
    opacity: 1;
    filter: alpha(opacity=100); } }
/* -------------- フォームをリセット ---------- */
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

img {
  width: 100%; }

.midashi {
  color: #c8a000;
  font-size: 1.125rem;
  font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 0 20px; }

.subContents {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
  position: relative; }

#mainv {
  min-width: 1000px;
  aspect-ratio: 1920 / 1163;
  min-height: 605px;
  background: url(../images/img_mainv.jpg) #46281e no-repeat center top/100% auto;
  position: relative; }
  #mainv .logo {
    width: 280px;
    position: absolute;
    top: 25px;
    left: 25px; }
  #mainv .btn {
    width: 214px;
    position: absolute;
    top: 25px;
    right: 25px; }

#main {
  min-width: 1000px;
  background: #46281e;
  padding: 40px 0 80px; }
  #main .con {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #main .con figure {
      width: 500px; }
    #main .con .text {
      width: 450px; }
    #main .con.con1 .text h2 {
      width: 330px;
      margin-bottom: 30px; }
    #main .con.con1 .text p {
      color: #c8a000;
      font-size: 1.875rem;
      line-height: 1.8; }
    #main .con.con2 .link {
      margin-top: 15px; }
    #main .con.con3 {
      flex-direction: row-reverse; }
  #main .mv {
    width: 800px;
    aspect-ratio: 16 / 9;
    margin: 25px auto 0; }
    #main .mv iframe {
      width: 100%;
      height: 100%; }

#store {
  min-width: 1000px;
  min-height: 540px;
  background: url(../images/img_store-back.jpg) #46281e no-repeat center center/100% auto;
  position: relative; }
  #store .btn {
    width: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    #store .btn img {
      width: 100%; }

#furusato {
  min-width: 1000px;
  background: #c8a000;
  padding: 40px 0; }
  #furusato .subContents {
    display: flex;
    justify-content: space-between; }
    #furusato .subContents h3 {
      width: 212px; }
    #furusato .subContents .text {
      width: 750px; }
      #furusato .subContents .text h4 {
        color: #46281e;
        font-size: 1.25rem;
        font-family: YuGothic, "Yu Gothic", Meiryo, sans-serif;
        font-weight: 700; }
      #furusato .subContents .text .btns {
        display: flex;
        justify-content: space-between; }
        #furusato .subContents .text .btns li {
          width: 180px; }

footer {
  min-width: 1000px;
  background: #46281e;
  padding: 70px 0 30px; }
  footer .subContents {
    text-align: center; }
    footer .subContents .logo {
      width: 120px;
      margin: 0 auto 40px; }
    footer .subContents .name {
      font-size: .8125rem;
      margin-bottom: 20px; }
    footer .subContents .btn {
      width: 288px;
      margin: 0 auto; }
    footer .subContents .copyright {
      margin-top: 30px; }
      footer .subContents .copyright small {
        font-size: .8125rem; }

#totop {
  width: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer; }

#floating {
  display: none; }

@media screen and (max-width: 756px) {
  .midashi {
    font-size: 1.0725rem;
    margin: 0 0 4vw; }

  .subContents {
    width: 100vw;
    padding: 0 4vw; }

  #mainv {
    min-width: initial;
    aspect-ratio: 750 / 738;
    min-height: initial;
    background-image: url(../images/img_mainv-sp.jpg);
    position: relative; }
    #mainv .logo {
      display: none; }
    #mainv .btn {
      display: none; }

  #main {
    min-width: initial;
    padding: 10vw 0 15vw; }
    #main .con {
      margin-top: 10vw;
      display: block; }
      #main .con figure {
        width: 100%;
        margin-bottom: 5vw; }
      #main .con .text {
        width: 100%; }
      #main .con.con1 .text {
        margin-bottom: 10vw; }
        #main .con.con1 .text h2 {
          width: 100%;
          margin-bottom: 10vw; }
        #main .con.con1 .text p {
          font-size: 1.25rem;
          text-align: center; }
      #main .con.con2 .link {
        margin-top: 5vw; }
    #main .mv {
      width: 100%;
      margin: 5vw 0 0; }

  #store {
    min-width: initial;
    min-height: initial;
    height: calc(calc(800 / 750) * 100vw);
    background-image: url(../images/img_store-back-sp.jpg);
    position: relative; }
    #store .btn {
      width: 60vw; }

  #furusato {
    min-width: initial;
    padding: 10vw 0 6vw; }
    #furusato .subContents {
      display: block; }
      #furusato .subContents h3 {
        width: 56vw;
        text-align: center;
        margin: 0 auto 6vw; }
      #furusato .subContents .text {
        width: 65vw;
        margin: 0 auto; }
        #furusato .subContents .text h4 {
          font-size: 1.125rem;
          text-align: center;
          line-height: 1.8;
          margin-bottom: 6vw; }
        #furusato .subContents .text .btns {
          display: block; }
          #furusato .subContents .text .btns li {
            width: 100%;
            margin-bottom: 4vw; }

  footer {
    min-width: initial;
    background: #46281e;
    padding: 10vw 0 20vw; }
    footer .subContents .logo {
      width: 32vw;
      margin: 0 auto 6vw; }
    footer .subContents .name {
      margin-bottom: 4vw; }
    footer .subContents .btn {
      width: 77vw; }
    footer .subContents .copyright {
      margin-top: 6vw; }
      footer .subContents .copyright small {
        font-size: .75rem; }

  #totop {
    width: 11vw;
    bottom: 4vw;
    right: 4vw;
    z-index: 2; }

  #floating {
    width: 100vw;
    text-align: left;
    background: #46281e;
    padding: 4vw;
    position: fixed;
    left: 0;
    bottom: 0;
    display: block; }
    #floating #footer-btn img {
      width: auto;
      height: 11vw; } }

/*# sourceMappingURL=style.css.map */