@charset "UTF-8";
ul,
ol,
li,
dl,
dt,
dd,
figure,
figcaption,
p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #1E1E1E;
  transition: background-color 0.2s linear, color 0.2s linear;
}
a:hover {
  text-decoration: none;
  color: #1E1E1E;
  transition: background-color 0.2s linear, color 0.2s linear;
}

img {
  width: 100%;
  height: auto;
}

html {
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-overflow-scrolling: auto;
  width: 100%;
  color: #1E1E1E;
}
@media screen and (max-width: 767px) {
  body {
    width: 100%;
  }
}

.pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

@media screen and (min-width: 48em) {
  body {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(180deg, #d85627 0%, #8602c0 100%);
  }
}

header {
  height: 11.2820512821vw;
  border-bottom: 0.2564102564vw solid #cccccc;
  display: grid;
  grid-template-columns: 25.641025641vw 1fr;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.0769230769vw;
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  header {
    width: 100%;
    max-width: 640px;
  }
}
@media screen and (min-width: 48em) {
  header {
    height: 72.2051282051px;
    border-bottom-width: 1.641025641px;
    grid-template-columns: 164.1025641026px 1fr;
    padding: 0 19.6923076923px;
  }
}
@media screen and (min-width: 48em) {
  header p a img {
    transition: opacity 0.2s linear;
  }
}
@media (hover: hover) and (pointer: fine) {
  header p a img:hover {
    opacity: 0.8;
  }
}

#contents {
  position: relative;
}
#contents nav {
  z-index: 100;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  #contents nav {
    width: 640px;
  }
}
#contents nav ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  height: 18.4615384615vw;
}
@media screen and (min-width: 48em) {
  #contents nav ul {
    height: 118.1538461538px;
  }
}
#contents nav ul li {
  height: 100%;
}
#contents nav ul li a {
  font-size: 2.5641025641vw;
  line-height: 1.2;
}
@media screen and (min-width: 48em) {
  #contents nav ul li a {
    font-size: 16.4102564103px;
  }
}
#contents nav ul li a {
  font-weight: 700;
  display: grid;
  grid-template-rows: 8.2051282051vw auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5641025641vw 0;
  height: 100%;
  border-radius: 3.0769230769vw 3.0769230769vw 0 0;
}
@media screen and (min-width: 48em) {
  #contents nav ul li a {
    grid-template-rows: 52.5128205128px auto;
    padding: 16.4102564103px 0;
    border-radius: 19.6923076923px 19.6923076923px 0 0;
    transition: background-color 0.2s linear;
  }
}
#contents nav ul li a:before {
  content: "";
  height: 100%;
  aspect-ratio: 1/1;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  display: block;
  position: relative;
  margin: 0 auto;
  background-color: #1E1E1E;
  margin-bottom: 1.0256410256vw;
}
@media screen and (min-width: 48em) {
  #contents nav ul li a:before {
    margin-bottom: 6.5641025641px;
  }
}
#contents nav ul li:nth-of-type(1) a {
  background-color: rgb(197.4, 75.8, 78.2);
  color: #fff;
}
#contents nav ul li:nth-of-type(1) a:before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cmask id='a' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M16.001 21.744q.284 0 .475-.192a.65.65 0 0 0 .19-.476.64.64 0 0 0-.191-.475.65.65 0 0 0-.476-.19.64.64 0 0 0-.475.191.65.65 0 0 0-.19.476q0 .283.191.475a.65.65 0 0 0 .476.19m0-5.077q.284 0 .475-.192a.65.65 0 0 0 .19-.476.64.64 0 0 0-.191-.475.65.65 0 0 0-.476-.19.64.64 0 0 0-.475.191.65.65 0 0 0-.19.476q0 .284.191.475a.65.65 0 0 0 .476.19m0-5.077q.284 0 .475-.192a.65.65 0 0 0 .19-.476.64.64 0 0 0-.191-.475.65.65 0 0 0-.476-.19.64.64 0 0 0-.475.191.65.65 0 0 0-.19.476q0 .284.191.475a.65.65 0 0 0 .476.19m9.845 13.743H6.154q-.889 0-1.521-.632A2.07 2.07 0 0 1 4 23.179v-3.435a4.1 4.1 0 0 0 1.922-1.45q.744-1.015.745-2.294 0-1.279-.745-2.294A4.1 4.1 0 0 0 4 12.256V8.821q0-.89.633-1.522a2.07 2.07 0 0 1 1.521-.632h19.692q.889 0 1.521.632.633.633.633 1.522v3.435a4.1 4.1 0 0 0-1.922 1.45A3.78 3.78 0 0 0 25.333 16q0 1.279.745 2.294A4.1 4.1 0 0 0 28 19.744v3.435q0 .89-.633 1.522a2.07 2.07 0 0 1-1.521.632m0-1.333a.8.8 0 0 0 .59-.23.8.8 0 0 0 .23-.59V20.6a5.47 5.47 0 0 1-1.95-1.95A5.13 5.13 0 0 1 24 16q0-1.434.717-2.65a5.47 5.47 0 0 1 1.95-1.95V8.82a.8.8 0 0 0-.231-.59.8.8 0 0 0-.59-.23H6.154a.8.8 0 0 0-.59.23.8.8 0 0 0-.23.59v2.58a5.47 5.47 0 0 1 1.95 1.95Q8 14.566 8 16t-.717 2.65a5.47 5.47 0 0 1-1.95 1.95v2.58a.8.8 0 0 0 .231.59.8.8 0 0 0 .59.23z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #contents nav ul li:nth-of-type(1) a:hover {
    background-color: #B71F22;
  }
}
#contents nav ul li:nth-of-type(2) a {
  background-color: rgb(242.2, 242.2, 242.2);
  color: #B71F22;
}
#contents nav ul li:nth-of-type(2) a:before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cmask id='a' width='32' height='32' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23b71f22' d='M0 0h32v32H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23b71f22' d='M16.783 22.669q.304-.306.304-.747 0-.443-.305-.746a1.02 1.02 0 0 0-.748-.304q-.441 0-.746.305a1.02 1.02 0 0 0-.303.748q0 .441.305.746.306.303.747.303.443 0 .746-.305m-1.434-4.11h1.287q.051-.87.327-1.413.275-.543 1.134-1.387.892-.893 1.329-1.599.435-.706.436-1.635 0-1.575-1.108-2.512-1.107-.936-2.62-.936-1.44 0-2.443.782-1.005.781-1.47 1.797l1.225.508q.321-.728.917-1.287.595-.56 1.719-.559 1.298 0 1.895.711.597.712.597 1.566 0 .693-.374 1.237-.375.545-.974 1.096-1.16 1.07-1.518 1.813-.36.744-.36 1.818M16.004 28q-2.49 0-4.68-.945a12.1 12.1 0 0 1-3.812-2.564 12.1 12.1 0 0 1-2.566-3.808Q4 18.493 4 16.004q0-2.49.945-4.68a12.1 12.1 0 0 1 2.564-3.812 12.1 12.1 0 0 1 3.808-2.566Q13.507 4 15.996 4q2.49 0 4.68.945 2.19.944 3.812 2.564a12.1 12.1 0 0 1 2.566 3.808q.945 2.19.946 4.679 0 2.49-.945 4.68a12.1 12.1 0 0 1-2.564 3.812 12.1 12.1 0 0 1-3.808 2.566q-2.19.945-4.679.946M16 26.667q4.467 0 7.567-3.1t3.1-7.567-3.1-7.567T16 5.333t-7.567 3.1T5.333 16t3.1 7.567q3.101 3.1 7.567 3.1'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #B71F22;
}
@media (hover: hover) and (pointer: fine) {
  #contents nav ul li:nth-of-type(2) a:hover {
    background-color: #cccccc;
  }
}
#contents nav ul li.current:nth-of-type(1) a {
  background-color: #B71F22;
}
#contents nav ul li.current:nth-of-type(2) a {
  background-color: #cccccc;
}
#contents nav.fixed {
  position: fixed;
  padding: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contents nav.fixed ul {
  gap: 0;
  height: 10.2564102564vw;
}
@media screen and (min-width: 48em) {
  #contents nav.fixed ul {
    height: 65.641025641px;
  }
}
#contents nav.fixed ul li a {
  border-radius: 0;
  padding: 0;
  grid-template-rows: 1fr;
}
#contents nav.fixed ul li a:before {
  display: none;
}
#contents .lead {
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  #contents .lead {
    width: 100%;
    max-width: 640px;
  }
}
#contents .lead {
  padding: 4.1025641026vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.6153846154vw;
  line-height: 1.2;
}
@media screen and (min-width: 48em) {
  #contents .lead {
    font-size: 29.5384615385px;
  }
}
#contents .lead {
  font-weight: 700;
}
@media screen and (min-width: 48em) {
  #contents .lead {
    padding: 26.2564102564px 0;
  }
}
#contents .lead img {
  width: 34.1025641026vw;
  margin-right: 4.1025641026vw;
}
@media screen and (min-width: 48em) {
  #contents .lead img {
    width: 218.2564102564px;
    margin-right: 26.2564102564px;
  }
}
#contents .inner .itemInner {
  background: #fff;
  padding-bottom: 7.1794871795vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .itemInner {
    padding-bottom: 45.9487179487px;
  }
}
#contents .inner .item {
  scroll-margin-top: var(--nav-height, 18.4615384615vw);
}
@media screen and (min-width: 48em) {
  #contents .inner .item {
    scroll-margin-top: var(--nav-height, 118.1538461538px);
  }
}
#contents .inner .item .itemInner {
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .itemInner {
    width: 100%;
    max-width: 640px;
  }
}
#contents .inner .item .headline {
  color: #fff;
  background: #B71F22;
  padding: 5.8974358974vw 7.6923076923vw 0;
  height: 24.1025641026vw;
  position: relative;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .headline {
    padding: 37.7435897436px 49.2307692308px 0;
    height: 154.2564102564px;
  }
}
#contents .inner .item .headline:after {
  content: "";
  width: 36.9230769231vw;
  aspect-ratio: 236/154;
  background-image: url(../img/namo1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .headline:after {
    width: 236.3076923077px;
  }
}
#contents .inner .item .headline h2 {
  font-size: 6.6666666667vw;
  line-height: 1.2;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .headline h2 {
    font-size: 42.6666666667px;
  }
}
#contents .inner .item .headline h2 {
  font-weight: 700;
}
#contents .inner .item .list {
  background: #fff;
  border-radius: 3.0769230769vw 3.0769230769vw 0 0;
  width: 89.7435897436vw;
  padding: 9.1025641026vw 0 2.5641025641vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: -17.9487179487vw auto 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list {
    border-radius: 19.6923076923px 19.6923076923px 0 0;
    width: 574.358974359px;
    padding: 58.2564102564px 0 16.4102564103px;
    margin: -114.8717948718px auto 0;
  }
}
#contents .inner .item .list:after {
  content: "";
  width: 27.1794871795vw;
  aspect-ratio: 106/49;
  background-image: url(../img/namo2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  top: -7.9487179487vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list:after {
    width: 173.9487179487px;
    top: -50.8717948718px;
  }
}
#contents .inner .item .list h3 {
  font-size: 5.1282051282vw;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list h3 {
    font-size: 32.8205128205px;
  }
}
#contents .inner .item .list h3 {
  font-weight: 700;
  text-align: center;
  padding-bottom: 7.0512820513vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list h3 {
    padding-bottom: 44.3076923077px;
  }
}
#contents .inner .item .list h3 span {
  display: block;
  font-size: 4.1025641026vw;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list h3 span {
    font-size: 26.2564102564px;
  }
}
#contents .inner .item .list h3 span {
  padding-bottom: 1.0256410256vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list h3 span {
    padding-bottom: 6.5641025641px;
  }
}
#contents .inner .item .list > ul {
  display: flex;
  flex-direction: column;
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul {
    margin-top: 16.4102564103px;
  }
}
#contents .inner .item .list > ul > li a {
  display: grid;
  padding: 4.1025641026vw 2.5641025641vw;
  grid-template-columns: 27.6923076923vw 1fr 4.1025641026vw;
  border-bottom: 0.2564102564vw solid #eeeeee;
  position: relative;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a {
    padding: 26.2564102564px 16.4102564103px;
    grid-template-columns: 177.2307692308px 1fr 26.2564102564px;
    border-bottom-width: 1.641025641px;
  }
}
#contents .inner .item .list > ul > li a:after {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h16v16H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23999' d='m5.35 14.667-1.183-1.184L9.65 8 4.167 2.517 5.35 1.334 12.017 8z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  grid-column: 3/4;
  grid-row: 1/3;
  align-self: center;
}
@media (hover: hover) and (pointer: fine) {
  #contents .inner .item .list > ul > li a:hover {
    background-color: #efefef;
  }
}
#contents .inner .item .list > ul > li a > span {
  display: block;
  position: relative;
  grid-row: 1/6;
  grid-column: 1/2;
  padding-right: 2.0512820513vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a > span {
    padding-right: 13.1282051282px;
  }
}
#contents .inner .item .list > ul > li a > span img {
  aspect-ratio: 100/120;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  display: block;
}
#contents .inner .item .list > ul > li a > span:before {
  content: "";
  width: 6.6666666667vw;
  aspect-ratio: 26/30;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a > span:before {
    width: 42.6666666667px;
  }
}
#contents .inner .item .list > ul > li a h4 {
  grid-column: 2/3;
  font-size: 3.5897435897vw;
  line-height: 1.2;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a h4 {
    font-size: 22.9743589744px;
  }
}
#contents .inner .item .list > ul > li a h4 {
  font-weight: 700;
}
#contents .inner .item .list > ul > li a .address {
  grid-column: 2/3;
  display: grid;
  align-items: center;
  justify-content: start;
  grid-template-columns: 3.0769230769vw auto;
  gap: 1.0256410256vw;
  font-size: 2.5641025641vw;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .address {
    font-size: 16.4102564103px;
  }
}
#contents .inner .item .list > ul > li a .address {
  margin-top: 1.0256410256vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .address {
    grid-template-columns: 19.6923076923px auto;
    gap: 6.5641025641px;
    margin-top: 6.5641025641px;
  }
}
#contents .inner .item .list > ul > li a .address:before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cmask id='a' width='12' height='12' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%233f6cb0' d='M0 0h12v12H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23af2c2c' d='M6 6q.412 0 .706-.294A.96.96 0 0 0 7 5a.96.96 0 0 0-.294-.706A.96.96 0 0 0 6 4a.96.96 0 0 0-.706.294A.96.96 0 0 0 5 5q0 .412.294.706A.96.96 0 0 0 6 6m0 3.675q1.525-1.4 2.262-2.544T9 5.1q0-1.362-.869-2.231Q7.262 1.999 6 2q-1.263 0-2.131.869Q2.999 3.738 3 5.1q0 .888.737 2.031Q4.475 8.275 6 9.675M6 11Q3.987 9.287 2.994 7.819 2 6.349 2 5.1q0-1.875 1.206-2.987Q4.413 1 6 1t2.794 1.112Q10 3.226 10 5.1q0 1.25-.994 2.719Q8.013 9.288 6 11'/%3E%3C/g%3E%3C/svg%3E");
}
#contents .inner .item .list > ul > li a .address:before {
  background-color: #CA3936;
}
#contents .inner .item .list > ul > li a .coupon {
  grid-column: 2/4;
  grid-row: 3/4;
  background: #FAF5EE;
  padding: 1.0256410256vw 2.0512820513vw;
  margin-top: 2.0512820513vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon {
    padding: 6.5641025641px 13.1282051282px;
    margin-top: 13.1282051282px;
  }
}
#contents .inner .item .list > ul > li a .coupon h5 {
  font-size: 2.5641025641vw;
  line-height: 1.4;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon h5 {
    font-size: 16.4102564103px;
  }
}
#contents .inner .item .list > ul > li a .coupon h5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#contents .inner .item .list > ul > li a .coupon .detail {
  margin-top: 1.0256410256vw;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .detail {
    margin-top: 6.5641025641px;
  }
}
#contents .inner .item .list > ul > li a .coupon .detail .before {
  font-size: 3.0769230769vw;
  line-height: 1.6;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .detail .before {
    font-size: 19.6923076923px;
  }
}
#contents .inner .item .list > ul > li a .coupon .detail .before {
  font-weight: 700;
  margin-right: 1.0256410256vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .detail .before {
    margin-right: 6.5641025641px;
  }
}
#contents .inner .item .list > ul > li a .coupon .detail .before:after {
  content: "";
  width: 4.1025641026vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cmask id='a' width='16' height='16' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h16v16H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%231c1b1f' d='M11.386 8.333H3.333v-.666h8.053L7.524 3.805 8 3.333 12.667 8 8 12.667l-.476-.472z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: relative;
  vertical-align: text-bottom;
  margin-left: 1.0256410256vw;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .detail .before:after {
    width: 26.2564102564px;
    margin-left: 6.5641025641px;
  }
}
#contents .inner .item .list > ul > li a .coupon .detail .before + .after {
  font-size: 3.5897435897vw;
  line-height: 1.6;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .detail .before + .after {
    font-size: 22.9743589744px;
  }
}
#contents .inner .item .list > ul > li a .coupon .detail .after {
  color: #B71F22;
  font-weight: 700;
  font-size: 3.0769230769vw;
  line-height: 1.3333333333;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .detail .after {
    font-size: 19.6923076923px;
  }
}
#contents .inner .item .list > ul > li a .coupon .validity {
  border-top: 0.2564102564vw solid #cccccc;
  margin-top: 1.0256410256vw;
  padding-top: 1.0256410256vw;
  font-size: 2.5641025641vw;
  line-height: 1.6;
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .validity {
    font-size: 16.4102564103px;
  }
}
@media screen and (min-width: 48em) {
  #contents .inner .item .list > ul > li a .coupon .validity {
    border-top-width: 1.641025641px;
    margin-top: 6.5641025641px;
    padding-top: 6.5641025641px;
  }
}
#contents .inner .item .list > ul > li:last-of-type a {
  border-bottom: none;
}
#contents .inner #item02 p {
  margin-top: 5.641025641vw;
  padding: 0 6.1538461538vw;
}
@media screen and (min-width: 48em) {
  #contents .inner #item02 p {
    margin-top: 36.1025641026px;
    padding: 0 39.3846153846px;
  }
}
#contents .inner #item02 p a {
  display: grid;
  grid-template-columns: 6.1538461538vw 1fr 6.1538461538vw;
  text-align: center;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 5.1282051282vw;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  #contents .inner #item02 p a {
    font-size: 32.8205128205px;
  }
}
#contents .inner #item02 p a {
  font-weight: 700;
  color: #fff;
  border-radius: 20.5128205128vw;
  background: linear-gradient(270deg, #7c2c97 0%, #cd0003 74%, #f03a00 100%);
  padding: 5.1282051282vw 3.0769230769vw;
}
@media screen and (min-width: 48em) {
  #contents .inner #item02 p a {
    grid-template-columns: 39.3846153846px 1fr 39.3846153846px;
    border-radius: 131.2820512821px;
    padding: 32.8205128205px 19.6923076923px;
  }
}
#contents .inner #item02 p a:before {
  content: "";
}
#contents .inner #item02 p a:after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d9d9d9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M12.6 12 8 7.4 9.4 6l6 6-6 6L8 16.6z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  transition: transform 0.2s linear;
}
@media (hover: hover) and (pointer: fine) {
  #contents .inner #item02 p a:hover:after {
    transform: translateX(6.5641025641px);
  }
}

.footInner #share {
  padding: 5.1282051282vw 0;
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  .footInner #share {
    width: 100%;
    max-width: 640px;
  }
}
@media screen and (min-width: 48em) {
  .footInner #share {
    padding: 32.8205128205px 0;
  }
}
.footInner #share dl {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  gap: 4.1025641026vw;
}
@media screen and (min-width: 48em) {
  .footInner #share dl {
    gap: 26.2564102564px;
  }
}
.footInner #share dl dt {
  font-size: 3.0769230769vw;
  line-height: 1.6666666667;
}
@media screen and (min-width: 48em) {
  .footInner #share dl dt {
    font-size: 19.6923076923px;
  }
}
.footInner #share dl dt {
  font-weight: 700;
}
@media screen and (min-width: 48em) {
  .footInner #share dl dt {
    font-size: 19.6923076923px;
    line-height: 1.6666666667;
  }
}
.footInner #share dl dd ul {
  display: grid;
  grid-template-columns: repeat(3, 9.2307692308vw);
  gap: 3.0769230769vw;
}
@media screen and (min-width: 48em) {
  .footInner #share dl dd ul {
    grid-template-columns: repeat(3, 59.0769230769px);
    gap: 19.6923076923px;
  }
}
.footInner #share dl dd ul li a {
  display: block;
  background: #eeeeee;
  border-radius: 50%;
  display: block;
}
.footInner #banner {
  padding: 0 5.1282051282vw;
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  .footInner #banner {
    width: 100%;
    max-width: 640px;
  }
}
@media screen and (min-width: 48em) {
  .footInner #banner {
    padding: 0 32.8205128205px;
  }
}
@media screen and (min-width: 48em) {
  .footInner #banner img {
    transition: opacity 0.2s linear;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footInner #banner img:hover {
    opacity: 0.8;
  }
}
.footInner footer {
  padding: 16.4102564103vw 8.7179487179vw 7.1794871795vw;
  width: 100vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 48em) {
  .footInner footer {
    width: 100%;
    max-width: 640px;
  }
}
@media screen and (min-width: 48em) {
  .footInner footer {
    padding: 105.0256410256px 55.7948717949px 45.9487179487px;
  }
}
.footInner footer ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footInner footer ul li a {
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 48em) {
  .footInner footer ul li a {
    font-size: 22.9743589744px;
  }
}
.footInner footer ul li a {
  text-decoration: underline;
}
@media screen and (min-width: 48em) {
  .footInner footer ul li a {
    font-size: 22.9743589744px;
    line-height: 1.7142857143;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footInner footer ul li a:hover {
    text-decoration: none;
  }
}
.footInner footer p {
  text-align: center;
  margin-top: 5.1282051282vw;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 48em) {
  .footInner footer p {
    font-size: 22.9743589744px;
  }
}
@media screen and (min-width: 48em) {
  .footInner footer p {
    margin-top: 32.8205128205px;
    font-size: 22.9743589744px;
    line-height: 1.7142857143;
  }
}/*# sourceMappingURL=style.css.map */