.pagettl02-sec { position: relative; z-index: 1; padding: 30px 0 55px; border-bottom: none; }
@media screen and (max-width: 750px) { .pagettl02-sec { padding: 9.3333333333% 0; } }

.souvenir-nav { border-bottom: 2px solid #f05678; }
.souvenir-nav ul { display: flex; justify-content: center; column-gap: 1.7543859649%; }
@media screen and (max-width: 750px) { .souvenir-nav ul { column-gap: 2.1739130435%; } }
.souvenir-nav ul li { width: 43.8596491228%; }
@media screen and (max-width: 750px) { .souvenir-nav ul li { width: 47.8260869565%; } }
.souvenir-nav ul li a { display: block; text-decoration: none; padding: 10px; background-color: #CED2DC; font-size: 2.4rem; font-weight: 500; color: #fff; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; }
@media screen and (max-width: 750px) { .souvenir-nav ul li a { font-size: 2.0416666667rem; } }
.souvenir-nav ul li a:hover, .souvenir-nav ul li a.active { background-color: #f05678; }

.souvenir-main .souvenir-top { padding: 50px 0 60px; }
.souvenir-main .souvenir-top .souvenir-copy { margin-bottom: 20px; font-size: 1.8rem; text-align: center; color: #f05678; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-top .souvenir-copy { font-size: 1.8666666667rem; } }
.souvenir-main .souvenir-top .souvenir-ttl { margin-bottom: 20px; font-size: 3.0rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-top .souvenir-ttl { font-size: 3.15rem; } }
.souvenir-main .souvenir-top .souvenir-lead { font-size: 1.6rem; text-align: center; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-top .souvenir-lead { font-size: 1.8666666667rem; text-align: left; } }
.souvenir-main .souvenir-fig { margin-bottom: 110px; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-fig { margin-bottom: 16%; } }
.souvenir-main .souvenir-box {
  position: absolute;
  width: 100%;
  height: 510px;
  background-repeat: repeat;
  background-size: 5em;
  background-position: left top;
  margin-block: 4em 12.428571%;
}
@media screen and (max-width: 980px) {
  .souvenir-main .souvenir-box {
    position: static;
    display: block;
    height: auto;
    padding-bottom: 40dvw;
    margin-block: 0;
  }
}
.souvenir-main .souvenir-box._reverse .souvenir-box-fig { margin: 0 0 0 auto; }
.souvenir-main .souvenir-box._reverse .souvenir-box-ttl { left: initial; right: 0; margin-left: 0; margin-right: 15.3846153846%; }
@media screen and (max-width: 980px) { .souvenir-main .souvenir-box._reverse .souvenir-box-ttl { margin: 1.5em auto; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item {
  position: relative;
  width: min(715px, 40%);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  padding: 30px 25px;
  margin: 0 10% 0 auto;
}
@media screen and (max-width: 980px) {
  .souvenir-main .souvenir-box-wrap .souvenir-box-item {
    position: static;
    width: calc(min(650px, 100%) - 3em);
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);
    padding: 2em;
    margin: -40dvw auto 1em;
  }
}
.souvenir-main .souvenir-box-wrap:has(._reverse) .souvenir-box-item {
  margin: 0 auto 0 10%;
}
@media screen and (max-width: 980px) {
  .souvenir-main .souvenir-box-wrap:has(._reverse) .souvenir-box-item {
    margin: -40dvw auto 1em;
  }
}
.souvenir-main .souvenir-box .souvenir-box-fig {
  position: absolute;
  left: 0;
  top: 0;
  width: min(1000px, 60.3571428571%);
  height: 100%;
}
@media screen and (max-width: 980px) { 
  .souvenir-main .souvenir-box .souvenir-box-fig { 
    position: static;
    width: 100%;
  } 
}
.souvenir-main .souvenir-box._reverse .souvenir-box-fig {
  right: 0;
}
.souvenir-main .souvenir-box .souvenir-box-fig figure {
  height: 100%;
}
.souvenir-main .souvenir-box .souvenir-box-fig figure img {
  height: 100%;
  object-fit: cover;
}
.souvenir-main .souvenir-box .souvenir-box-ttl { position: absolute; top: 0; left: 0; margin-top: -5.9171597633%; margin-left: 15.3846153846%; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; }
@media screen and (max-width: 980px) { .souvenir-main .souvenir-box .souvenir-box-ttl { position: static; margin: 1.5em auto; padding: 0 20px; text-align: center; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; -o-writing-mode: horizontal-tb; writing-mode: horizontal-tb; line-height: 1.6; } }
.souvenir-main .souvenir-box .souvenir-box-ttl span { padding: 0.5em 0.3em; font-size: 2.1rem; font-weight: 600; color: #fff; line-height: 2; }
@media screen and (max-width: 980px) { .souvenir-main .souvenir-box .souvenir-box-ttl span { padding: 0; background: none; } }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box .souvenir-box-ttl span { font-size: 1.6333333333rem; } }
.souvenir-main .souvenir-box .souvenir-box-ttl span:last-child { margin-top: 1em; }
@media screen and (max-width: 1360px) { .souvenir-main .souvenir-box .souvenir-box-ttl span:last-child { margin-top: 0; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item-fig { display: flex; justify-content: space-between; margin-bottom: 40px; }
.souvenir-main .souvenir-box-wrap .souvenir-box-item-fig li { width: 48.7804878049%; }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-heading { margin-bottom: 20px; font-size: 3.0rem; font-weight: 600; text-align: center; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-heading { font-size: 2.5666666667rem; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-lead { margin-bottom: 30px; font-size: 1.6rem; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-lead { font-size: 1.4583333333rem; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn { width: 100%; max-width: 262px; margin: 0 auto 40px; }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn a { display: block; text-decoration: none; padding: 10px; border: 1px solid #FF3232; background: #fff url("../img/common/ico_link.svg") no-repeat right 15px center; background-size: 1.1em auto; font-size: 1.5rem; font-weight: 500; color: #1F1F1F; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn a { font-size: 1.2833333333rem; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq { position: relative; padding: 25px; background-color: #fff; }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq .souvenir-box-item-faq-ttl { position: absolute; top: 0; left: 0; width: min(90px,18dvw); margin-top: -1em; margin-left: -.5em; }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dt { margin-bottom: 10px; font-size: 2.1rem; color: #E04757; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dt { font-size: 1.75rem; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd { font-size: 1.6rem; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd { font-size: 1.4rem; } }
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd .souvenir-box-item-faq-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) {
  .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd .souvenir-box-item-faq-box {
    flex-direction: column;
    gap: 1em;
  }
}
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd .souvenir-box-item-faq-box figure { width: 41.6666666667%; margin-right: 5.5555555556%; }
@media screen and (max-width: 750px) {
  .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd .souvenir-box-item-faq-box figure {
    width: 80%;
    margin: auto;
  }
}
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd .souvenir-box-item-faq-box p { flex: 1; font-size: 1.6rem; }
@media screen and (max-width: 750px) { .souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dd .souvenir-box-item-faq-box p { font-size: 1.4rem; } }

._souvenir01 .souvenir-box { background-image: url("../img/souvenirs/seasonings_bg001.svg");}
@media screen and (max-width: 750px) { 
  ._souvenir01 .souvenir-box { 
    background-color: #8C2A2E;
  } 
}
._souvenir01 .souvenir-box-wrap .souvenir-box-ttl span { background-color: #8C2A2E; }
@media screen and (max-width: 980px) {
  ._souvenir01 .souvenir-box-wrap .souvenir-box-ttl span {
    background-color: unset;
  }
}
._souvenir01 .souvenir-box-wrap .souvenir-box-item { background-color: #FFF4F2; }
._souvenir01 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-heading { color: #8C2A2E; }
._souvenir02 .souvenir-box { background-image: url("../img/souvenirs/art_bg002.svg");}
@media screen and (max-width: 750px) { 
  ._souvenir02 .souvenir-box { 
    background-color: #1e6d2b;
  } 
}
._souvenir02 .souvenir-box-wrap .souvenir-box-ttl span { background-color: #1e6d2b; }
@media screen and (max-width: 980px) {
  ._souvenir02 .souvenir-box-wrap .souvenir-box-ttl span {
    background-color: unset;
  }
}
._souvenir02 .souvenir-box-wrap .souvenir-box-item { background-color: #f0f4e9; }
._souvenir02 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-heading { color: #1e6d2b; }
._souvenir02 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn a {
  border-color: #1e6d2b;
  background-image: url("../img/souvenirs/ico_blank_gr.svg");
}
._souvenir02 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dt {
  color: #1e6d2b;
}
._souvenir03 .souvenir-box { background-image: url("../img/souvenirs/art_bg001.svg");}
@media screen and (max-width: 750px) { 
  ._souvenir03 .souvenir-box { 
    background-color: #235279;
  } 
}
._souvenir03 .souvenir-box-wrap .souvenir-box-ttl span { background-color: #235279; }
@media screen and (max-width: 980px) {
  ._souvenir03 .souvenir-box-wrap .souvenir-box-ttl span {
    background-color: unset;
  }
}
._souvenir03 .souvenir-box-wrap .souvenir-box-item { background-color: #E8F4FC; }
._souvenir03 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-heading { color: #235279; }
._souvenir03 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn a {
  border-color: #235279;
  background-image: url("../img/souvenirs/ico_blank_bl.svg");
}
._souvenir03 .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-faq dl dt {
  color: #235279;
}
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn {
  max-width: unset;
  width: fit-content;
}
.souvenir-main .souvenir-box-wrap .souvenir-box-item .souvenir-box-item-btn a {
  padding-inline: 2em 3em;
}
.souvenir-main .souvenir-box-wrap {
  position: relative;
  margin-bottom: min(80px, 14dvw);
}




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