@charset "UTF-8";
/*-------------------------------------------------
common
-------------------------------------------------*/
.btn-category {
  cursor: pointer;
  text-align: center;
  margin: 0 auto 3em;
  position: relative; }

.btn-category a {
  border: 1px solid;
  text-decoration: none;
  font-family: "fot-tsukumin-pr6n", sans-serif;
  letter-spacing: 0.2em; }

@media screen and (min-width: 769px) {
  /* 768px以下*/
  .btn-category a {
    display: inline-block;
    padding: 1em 6em 0.8em; } }
@media screen and (max-width: 768px) {
  /* 768px以下*/
  .btn-category a {
    display: inline-block;
    padding: 1em 1em 0.8em;
    min-width: 250px; } }
/*-------------------------------------------------
カテゴリー　味くらべ
-------------------------------------------------*/
.ajikurabe .text-block p {
  margin: 1em 0; }

.ajikurabe h1 span {
  display: inline-block;
  border: 1px solid #fff;
  padding: 0.5em;
  margin: 0 0 0 1em; }

.ajikurabe .cate-aji-block {
  margin-left: auto; }

.ajikurabe-title {
  text-align: center; }

.ajikurabe-title h2 {
  color: #9e2127;
  font-size: 2em;
  line-height: 1.7; }

.ajikurabewrap {
  position: relative; }

.ajikurabewrap h3 {
  text-align: center;
  font-size: calc(clamp(1.25rem, -0.423rem + 3.48vw, 2.188rem));
  /*20-35*/
  color: #a41104; }

.ajikurabewrap h3 em {
  font-size: calc(clamp(0.938rem, 0.38rem + 1.16vw, 1.25rem));
  font-style: normal; }

.ajikurabewrap h3 + p {
  text-align: center;
  padding: 0.2em 0 2em;
  font-size: 1.25em;
  font-family: "fot-tsukumin-pr6n", sans-serif; }

.amami {
  background: #f0eaeb; }

.suppami {
  background: #e7ebdd; }

.mankitsu {
  background: #f3efe4; }

.ajikurabe-flexwrap {
  margin: 50px 0 0; }

.ajikurabe-flexwrap ul {
  display: flex;
  justify-content: space-between;
  padding: 0 2em;
  flex-wrap: wrap; }

.ajikurabe-flexwrap li {
  width: 23%;
  margin: 0 0 60px; }

.ajikurabe-flexwrap li p {
  font-family: "fot-tsukumin-pr6n", sans-serif;
  font-size: 1.25em;
  line-height: 1.5;
  margin: 0 0 1em; }

.ajikurabe-flexwrap li p span {
  font-family: "fot-tsukumin-pr6n", sans-serif;
  font-size: 0.8em;
  display: block; }

.ajikurabe-flexwrap .ajikurabe-box {
  position: relative; }

.ajikurabe-flexwrap .ajikurabe-box .ajikurabe-name {
  position: absolute;
  left: -20px;
  top: -40px; }

.ajikurabe-flexwrap .ajikurabe-box .ajikurabe-name img {
  max-width: 90px; }

.ajikurabewrap .ajiset-img {
  position: absolute;
  right: 20px;
  top: 20px; }

.ajikurabewrap .ajiset-img img {
  max-height: 170px; }

.ajikurabewrap .ajisetstamp-img {
  position: absolute;
  left: 100px;
  top: 20px; }

.ajikurabewrap .ajisetstamp-img {
  max-width: 212px; }

@media screen and (min-width: 769px) {
  /* 769px以上*/
  .ajikurabewrap {
    max-width: 1100px;
    margin: 2em auto;
    padding: 2em 2.5em; } }
@media screen and (max-width: 768px) {
  /* 768px以下*/
  .ajikurabewrap {
    width: 100%;
    padding: 1em 1.5em;
    margin: 0 auto 50px;
    box-sizing: border-box; }

  .ajikurabe-title {
    margin: 0 1em 1.5em; }

  .ajikurabe-title h2 {
    font-size: 1.6em; }

  .ajikurabewrap .ajiset-img {
    position: relative;
    right: auto;
    top: 50%;
    text-align: center;
    padding: 20px 0 0; }

  .ajikurabewrap .ajiset-img img {
    width: 50%; }

  .ajikurabe-flexwrap {
    margin: 30px 0 0; }

  .ajikurabe-flexwrap ul {
    padding: 0; }

  .ajikurabe-flexwrap li {
    width: 48%;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column; }

  .ajikurabe-flexwrap li p {
    margin: 0 0 0.5em;
    flex-grow: 1; }

  .ajikurabe-flexwrap .ajikurabe-box .ajikurabe-name {
    width: 35%;
    top: -10px;
    left: -10px; }

  .ajikurabewrap .ajisetstamp-img {
    max-width: 100px;
    left: -20px;
    top: -20px; } }
@media screen and (max-width: 550px) {
  /* 768px以下*/
  .ajikurabewrap .ajisetstamp-img {
    max-width: 100px;
    left: 20px;
    top: -20px; }

  .ajikurabewrap.mankitsu .ajiset-img img {
    width: 70%; } }