/*Theme Name: taios*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&family=Zen+Kaku+Gothic+New&display=swap");
@media (min-width: 440px) {
  .smonly {
    display: none;
  }
}

@media (max-width: 439px) {
  .pconly {
    display: none;
  }
}

html {
  font-size: 100%;
}

body {
  font-family: "Noto Serif JP", serif;
  margin: 0 auto;
  max-width: 440px;
  width: 100%;
  color: #6f6f6f;
}

body img {
  display: block;
  height: auto;
}

body .btn {
  display: block;
  -webkit-animation: btn_animation 1.5s infinite;
          animation: btn_animation 1.5s infinite;
}

@-webkit-keyframes btn_animation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes btn_animation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

body .cta {
  background: url("images/bg_cta.webp") no-repeat;
  background-size: cover;
  padding: 20px;
}

body .cta img {
  margin: 0 auto;
}

header div {
  background: -webkit-gradient(linear, left top, left bottom, from(#584d4d), color-stop(90%, #908484));
  background: linear-gradient(180deg, #584d4d 0%, #908484 90%);
  color: #fff;
  padding: 15px 10px;
  text-align: center;
}

header div h2 {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 10px;
}

header div p {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

footer .sample {
  position: relative;
}

footer .sample h2 {
  position: absolute;
  top: 17%;
  -webkit-transform: translateY(-17%);
          transform: translateY(-17%);
  left: 0;
  right: 0;
  color: #745757;
  font-size: 1.5rem;
  text-align: center;
  text-shadow: #fff 3px 0px 3px, #fff -3px 0px 3px, #fff 0px -3px 3px, #fff -3px 0px 3px, #fff 3px 3px 3px, #fff -3px 3px 3px, #fff 3px -3px 3px, #fff -3px -3px 3px, #fff 1px 3px 3px, #fff -1px 3px 3px, #fff 1px -3px 3px, #fff -1px -3px 3px, #fff 3px 1px 3px, #fff -3px 1px 3px, #fff 3px -1px 3px, #fff -3px -1px 3px, #fff 1px 1px 3px, #fff -1px 1px 3px, #fff 1px -1px 3px, #fff -1px -1px 3px;
}
/*# sourceMappingURL=style.css.map */