@charset "UTF-8";
main {
  max-width: 980px;
  margin: 0 auto;
  line-height: 1.8em;
  display: block; }
  @media (max-width: 40em) {
    main {
      margin: 0 2%; } }

body {
  margin: 0;
  font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif; }

header {
  width: 100%;
  border-top: solid 10px #D8051A; }
  header div {
    max-width: 980px;
    margin: 2% auto 3% auto;
    position: relative;
    }
    header div .showa_tenpurako_logo {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 20px;
      width: 30%; }

@media (max-width: 40em) {
  .showa_logo {
    width: 30%; } }

.searcharea {
  text-align: center;
  margin: 100px 0;
  vertical-align: top; }

form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

.searcharea input {
  width: 400px;
  height: 40px;
  position: relative; }

.searchTabContInput, .searchTabContbtn {
  font-size: 16px; }

.searcharea button {
  padding: 9px;
  min-width: 100px;
  color: #fff;
  background: #f5a100;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 20px;
  overflow: visible;
  height: 40px;
  position: relative; }

.searchTabContInput, .searchTabContbtn {
  font-size: 16px; }

.searcharea p {
  line-height: 3.0;
  text-align: center; }

.searcharea p a {
  margin: 0 10px;
  white-space: nowrap; }

.bnr-recipeAndPoint-special {
  display: inline-block;
  vertical-align: middle; }

.snsList-special {
  margin-bottom: 20px;
  padding-left: 0; }

.snsList-special__item {
  display: inline-block;
  margin: 0 10px; }

.pointList-special {
  margin: 18px 0;
  padding-left: 0; }

.pointList-special__item {
  display: inline-block;
  margin: 0 1px; }

.center {
  text-align: center; }

footer {
  background: #f00;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  margin-top: 0px; }

a:visited {
  color: #314da5;
  text-decoration: none; }

a {
  color: #314da5;
  text-decoration: none; }

a:hover {
  opacity: 0.7; }

@media only screen and (max-width: 736px) {
  .searcharea input {
    width: 90%;
    margin-bottom: 10px; } }
.tenpurako_footer {
  margin-top: 120px; }

.tenpurako_to {
  margin: 100px auto 0 auto; }
  @media (min-width: 40.063em) {
    .tenpurako_to {
      display: flex;
      max-width: 760px; } }
  .tenpurako_to--two-btn {
    max-width: 520px; }
  .tenpurako_to__top {
    display: block;
    color: white !important;
    background-color: #E60012;
    width: 200px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #E60012; }
    @media (max-width: 40em) {
      .tenpurako_to__top {
        margin-top: 20px; } }
  .tenpurako_to__history {
    display: block;
    color: #E60012 !important;
    background-color: white;
    width: 200px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #E60012; }
    @media (max-width: 40em) {
      .tenpurako_to__history {
        margin-top: 20px; } }
  .tenpurako_to__howto {
    display: block;
    color: #E60012 !important;
    background-color: white;
    width: 200px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    border: 1px solid #E60012; }
    @media (max-width: 40em) {
      .tenpurako_to__howto {
        margin-top: 20px; } }

.tenpurako_hyakka {
  margin-top: 100px;
  text-align: center; }
  .tenpurako_hyakka img {
    width: 100%; }
  .tenpurako_hyakka .sp-only {
    width: 90%; }

.top-scroll {
  text-align: right;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 40px; }

.top-scroll__link {
  display: inline-block;
  max-width: 40px;
  width: 100%;
  background-color: #000000;
  padding: 14px 0;
  opacity: 0.6;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s; }

.top-scroll__link img {
  width: 16px;
  margin-left: auto;
  margin-right: auto; }

.top-scroll__link.fixed {
  position: fixed; }

@media (min-width: 40.063em) {
  .sp-only {
    display: none !important; } }
@media (max-width: 40em) {
  .pc-only {
    display: none !important; } }

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