.timerHidden {
  display: none;
}

.timerVisible {
  display: block;
}

.movieHideen {
  display: block;
}

.movieVisible {
  display: none;
}

.en {
  font-family: var(--font-en-min);
}

.min {
  font-family: var(--font-Mincho);
}

#chocohama img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ruby > rt {
  font-size: 25%;
}

.chocohama {
  font-family: var(--font-en-min);
}
.chocohama_btn {
  background-color: rgb(var(--color-main));
  color: #fff;
  text-align: center;
  font-size: 5.027173913vw;
  padding: 1.3586956522vw 6.7934782609vw;
  min-width: 61.8206521739vw;
  border-radius: 1.3586956522vw;
  margin-inline: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .chocohama_btn {
    font-size: 1.6666666667vw;
    padding: 0.5208333333vw 2.6041666667vw;
    min-width: 22.7604166667vw;
    border-radius: 0.5208333333vw;
  }
}
.chocohama_kv img {
  width: 100%;
}
.chocohama_heading {
  background-color: var(--color-sub);
  padding-block: 10.8695652174vw;
  padding-inline: 7.472826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_heading {
    padding-block: 5.7291666667vw;
    padding-inline: 2.6041666667vw;
  }
}
.chocohama_heading_ttl {
  font-weight: var(--font-Mincho) !important;
  text-align: center;
  font-size: 5.027173913vw !important;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 7.472826087vw !important;
  font-family: var(--font-Mincho) !important;
}
@media screen and (min-width: 768px) {
  .chocohama_heading_ttl {
    font-size: 3.28125vw !important;
    margin-bottom: 3.6458333333vw !important;
  }
}
.chocohama_heading_list {
  background-color: #fff;
  padding: 4.0760869565vw;
  display: grid;
  row-gap: 2.9891304348vw;
  margin-bottom: 7.0652173913vw;
  border-radius: 1.902173913vw;
}
@media screen and (min-width: 768px) {
  .chocohama_heading_list {
    padding: 4.6875vw 5.2083333333vw;
    width: fit-content;
    margin: 0 auto;
    row-gap: 1.6666666667vw;
    margin-bottom: 3.90625vw;
    border-radius: 1.4583333333vw;
  }
}
.chocohama_heading_list li {
  counter-increment: num;
  font-family: var(--font-Mincho);
  font-size: 3.5326086957vw;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .chocohama_heading_list li {
    font-size: 2.6041666667vw;
  }
}
.chocohama_heading_btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 5.027173913vw;
}
@media screen and (min-width: 768px) {
  .chocohama_heading_btn {
    gap: 0 4.1666666667vw;
    flex-direction: row;
  }
}
.chocohama_heading_btn a {
  display: block;
  background-color: rgb(var(--color-main));
  color: #fff;
  text-align: center;
  font-family: var(--font-Mincho);
  font-size: 4.4836956522vw;
  font-weight: 700;
  width: 62.7717391304vw;
  padding-block: 2.9891304348vw;
  padding-inline: 2.7173913043vw;
  border-radius: 13.5869565217vw;
}
@media screen and (min-width: 768px) {
  .chocohama_heading_btn a {
    font-size: 2.0833333333vw;
    width: 28.3333333333vw;
    padding-block: 1.1458333333vw;
    border-radius: 5.2083333333vw;
    padding-inline: 1.0416666667vw;
  }
}
.chocohama_movie {
  background-color: #e9b94d;
  padding: 8.8315217391vw 0 10.597826087vw;
  color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .chocohama_movie {
    padding: 4.4270833333vw 0 7.03125vw;
  }
}
.chocohama_movie_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 5.4347826087vw !important;
}
@media screen and (min-width: 768px) {
  .chocohama_movie_ttl {
    margin-bottom: 4.1666666667vw !important;
  }
}
.chocohama_movie_ttl img {
  width: 17.6630434783vw;
}
@media screen and (min-width: 768px) {
  .chocohama_movie_ttl img {
    width: 9.375vw;
  }
}
.chocohama_movie_ttl strong {
  font-size: 8.152173913vw;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .chocohama_movie_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_movie_video {
  width: 57.2010869565vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .chocohama_movie_video {
    width: 44.7916666667vw;
  }
}
.chocohama_movie iframe {
  aspect-ratio: 5/4;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.chocohama_movie .splide__track {
  overflow: visible;
}
.chocohama_movie .splide__arrow {
  background-color: rgb(var(--color-main));
  width: 11.1413043478vw;
  height: 11.1413043478vw;
}
@media screen and (min-width: 768px) {
  .chocohama_movie .splide__arrow {
    width: 4.4791666667vw;
    height: 4.4791666667vw;
  }
}
.chocohama_movie .splide__arrow {
  opacity: 1;
}
.chocohama_movie .splide__arrow svg {
  fill: #fff;
  width: 100%;
  height: 100%;
}
.chocohama_movie .splide__arrow--prev {
  left: -13.5869565217vw;
}
@media screen and (min-width: 768px) {
  .chocohama_movie .splide__arrow--prev {
    left: -5.2083333333vw;
  }
}
.chocohama_movie .splide__arrow--prev svg {
  transform: none;
}
.chocohama_movie .splide__arrow--next {
  right: -13.5869565217vw;
}
@media screen and (min-width: 768px) {
  .chocohama_movie .splide__arrow--next {
    right: -5.2083333333vw;
  }
}
.chocohama_movie .splide__arrow--next svg {
  transform: scaleX(-1);
}
.chocohama_movie .splide__arrow:disabled {
  opacity: 0;
  visibility: hidden;
}
.chocohama_movie_hide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.chocohama_movie_hide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chocohama_chocolat {
  background-color: #ad845a;
  padding: 17.9347826087vw 0 12.2282608696vw;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat {
    padding: 10.7291666667vw 0 8.59375vw;
  }
}
.chocohama_chocolat_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 9.5108695652vw;
  position: relative;
  width: fit-content;
  margin: 0 auto 8.152173913vw !important;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat_ttl {
    margin: 0 auto 4.1666666667vw !important;
  }
}
.chocohama_chocolat_ttl span {
  position: absolute;
  left: -11.1413043478vw;
  bottom: 100%;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat_ttl span {
    left: -6.4583333333vw;
  }
}
.chocohama_chocolat_ttl img {
  width: 19.4293478261vw;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat_ttl img {
    width: 10.3125vw;
  }
}
.chocohama_chocolat_ttl strong {
  font-size: 8.152173913vw;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_chocolat_img {
  margin-top: 9.2391304348vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat_img {
    margin-top: 4.9479166667vw;
  }
}
.chocohama_chocolat_img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .chocohama_chocolat_img img {
    width: 70.5208333333vw;
  }
}
.chocohama_txt {
  font-family: var(--font-Mincho);
  font-size: 3.2608695652vw;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .chocohama_txt {
    font-size: 1.5625vw;
  }
}
.chocohama_arrow_link {
  width: fit-content;
  display: block;
  margin: 10.1902173913vw auto 0;
  position: relative;
  font-size: 3.5326086957vw;
  font-family: var(--font-Mincho);
  font-weight: 700;
  padding: 0 0 0.6793478261vw 0;
}
@media screen and (min-width: 768px) {
  .chocohama_arrow_link {
    margin: 7.1875vw auto 0;
    font-size: 1.5625vw;
    padding: 0 0 0.2604166667vw 0;
  }
}
@media (hover) {
  .chocohama_arrow_link:hover::before {
    width: calc(100% + 10.1902173913vw);
  }
}
@media screen and (hover) and (min-width: 768px) {
  .chocohama_arrow_link:hover::before {
    width: calc(100% + 3.90625vw);
  }
}
@media (hover) {
  .chocohama_arrow_link:hover:after {
    right: -10.1902173913vw;
  }
}
@media screen and (hover) and (min-width: 768px) {
  .chocohama_arrow_link:hover:after {
    right: -3.90625vw;
  }
}
.chocohama_arrow_link:before {
  content: "";
  width: calc(100% + 7.472826087vw);
  height: 1px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .chocohama_arrow_link:before {
    width: calc(100% + 2.8645833333vw);
  }
}
.chocohama_arrow_link:after {
  content: "";
  width: 6.1141304348vw;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  right: -7.472826087vw;
  bottom: 0;
  transform-origin: bottom right;
  transform: rotate(38deg);
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .chocohama_arrow_link:after {
    right: -2.8645833333vw;
    width: 2.8645833333vw;
  }
}
.chocohama_brand img {
  width: 100%;
}
.chocohama_paritro {
  background-color: #5c412e;
  padding: 17.9347826087vw 0 12.2282608696vw;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro {
    padding: 10.7291666667vw 0 8.59375vw;
  }
}
.chocohama_paritro_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 0 auto 8.152173913vw !important;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro_ttl {
    margin: 0 auto 4.1666666667vw !important;
  }
}
.chocohama_paritro_ttl span {
  position: absolute;
  left: -11.1413043478vw;
  bottom: 100%;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro_ttl span {
    left: -6.4583333333vw;
  }
}
.chocohama_paritro_ttl img {
  width: 19.4293478261vw;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro_ttl img {
    width: 10.3125vw;
  }
}
.chocohama_paritro_ttl strong {
  font-size: 8.152173913vw;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_paritro_img {
  margin-top: 9.2391304348vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro_img {
    margin-top: 4.9479166667vw;
  }
}
.chocohama_paritro_img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .chocohama_paritro_img img {
    width: 58.4375vw;
  }
}
.chocohama_source {
  background-color: #efe1a6;
  padding: 9.5108695652vw 0 17.1195652174vw;
}
@media screen and (min-width: 768px) {
  .chocohama_source {
    padding: 4.6875vw 0 0.0520833333vw;
  }
}
.chocohama_source_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 0 auto 6.1141304348vw !important;
}
@media screen and (min-width: 768px) {
  .chocohama_source_ttl {
    margin: 0 auto 3.6458333333vw !important;
  }
}
.chocohama_source_ttl img {
  width: 26.0869565217vw;
}
@media screen and (min-width: 768px) {
  .chocohama_source_ttl img {
    width: 13.8541666667vw;
  }
}
.chocohama_source_ttl strong {
  font-size: 8.152173913vw;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .chocohama_source_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_source_sub {
  text-align: center;
  font-family: var(--font-Mincho);
  font-weight: 700;
  font-size: 3.5326086957vw;
  margin-bottom: 1.3586956522vw;
}
@media screen and (min-width: 768px) {
  .chocohama_source_sub {
    font-size: 1.875vw;
    margin-bottom: 6.5104166667vw;
  }
}
.chocohama_source_img {
  margin-bottom: 6.1141304348vw;
}
.chocohama_source_img img {
  width: 100%;
}
.chocohama_source_col {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .chocohama_source_col {
    justify-content: center;
    column-gap: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_source_col:nth-of-type(1) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_source_col:nth-of-type(1) dd {
    padding-top: 2.6041666667vw;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_source_col:nth-of-type(2) {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_source_col:nth-of-type(2) dt {
    transform: translateY(-11.9791666667vw);
  }
}
.chocohama_source_col + .chocohama_source_col {
  margin-top: 12.9076086957vw;
}
@media screen and (min-width: 768px) {
  .chocohama_source_col + .chocohama_source_col {
    margin-top: 7.65625vw;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_source_col dt {
    width: 46.8229166667vw;
  }
}
.chocohama_source_col dt img {
  width: 100%;
}
.chocohama_source_col dd {
  text-align: center;
  margin-bottom: 5.4347826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_source_col dd {
    width: fit-content;
    margin-bottom: 0;
  }
}
.chocohama_source_head {
  width: fit-content;
  margin: 0 auto 6.1141304348vw;
  border-bottom: 1px solid rgb(var(--color-main));
  padding: 0 5.4347826087vw;
  font-size: 8.152173913vw;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .chocohama_source_head {
    margin: 0 0 3.3854166667vw;
    padding: 0 1.8229166667vw;
    font-size: 3.125vw;
  }
}
.chocohama_source_catch {
  font-size: 4.0760869565vw;
  font-weight: 700;
  font-family: var(--font-Mincho);
  line-height: 1.7;
  margin-bottom: 6.7934782609vw;
}
@media screen and (min-width: 768px) {
  .chocohama_source_catch {
    font-size: 1.875vw;
    margin-bottom: 2.6041666667vw;
    text-align: left;
  }
}
.chocohama_source_lead {
  font-size: 2.9891304348vw;
  font-family: var(--font-Mincho);
  font-weight: 700;
  line-height: 1.63;
}
@media screen and (min-width: 768px) {
  .chocohama_source_lead {
    font-size: 1.3541666667vw;
    text-align: left;
  }
}
.chocohama_about {
  background-color: #fff;
  padding: 10.1902173913vw 0 19.0217391304vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .chocohama_about {
    padding: 8.8541666667vw 0 13.0208333333vw;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_about_logo {
    position: relative;
  }
}
.chocohama_about_logo img {
  width: 32.6086956522vw;
}
@media screen and (min-width: 768px) {
  .chocohama_about_logo img {
    width: 19.0104166667vw;
  }
}
.chocohama_about_img {
  margin-bottom: 8.152173913vw;
}
@media screen and (min-width: 768px) {
  .chocohama_about_img {
    margin: -2.6041666667vw 0 4.375vw;
  }
}
.chocohama_about_img img {
  width: 100%;
}
.chocohama_about_title {
  font-family: var(--font-Mincho);
  font-weight: 700;
  font-size: 4.8913043478vw !important;
  margin-bottom: 5.4347826087vw !important;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .chocohama_about_title {
    font-size: 3.125vw !important;
    margin-bottom: 3.4375vw !important;
  }
}
.chocohama_about_txt {
  font-family: var(--font-Mincho);
  font-weight: 700;
  font-size: 2.8532608696vw;
  margin-bottom: 12.2282608696vw;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .chocohama_about_txt {
    font-size: 1.4583333333vw;
    margin-bottom: 6.7708333333vw;
  }
}
.chocohama_about_25th {
  margin-top: 18.3423913043vw;
}
@media screen and (min-width: 768px) {
  .chocohama_about_25th {
    margin-top: 6.5104166667vw;
  }
}
.chocohama_about_25th img {
  width: 35.0543478261vw;
}
@media screen and (min-width: 768px) {
  .chocohama_about_25th img {
    width: 15.2083333333vw;
  }
}
.chocohama_item {
  background-color: #efe1a6;
  padding: 8.8315217391vw 0 10.597826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item {
    padding: 4.4270833333vw 0 7.03125vw;
  }
}
.chocohama_item_main {
  text-align: center;
  margin-bottom: 6.7934782609vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_main {
    margin-bottom: 3.5416666667vw;
  }
}
.chocohama_item_main img {
  width: 81.5217391304vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_main img {
    width: 78.125vw;
  }
}
.chocohama_item_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 6.7934782609vw !important;
  font-weight: 700;
  font-family: var(--font-Mincho);
  margin: 0 auto 4.7554347826vw !important;
  position: relative;
  width: fit-content;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .chocohama_item_ttl {
    font-size: 3.75vw !important;
    margin: 0 auto 3.125vw !important;
  }
}
.chocohama_item_ttl span {
  position: absolute;
  left: -11.1413043478vw;
  bottom: calc(100% - 0.5em);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .chocohama_item_ttl span {
    left: -6.4583333333vw;
  }
}
.chocohama_item_ttl img {
  width: 19.4293478261vw;
  filter: brightness(0) saturate(100%) invert(15%) sepia(46%) saturate(3414%) hue-rotate(26deg) brightness(98%) contrast(102%);
}
@media screen and (min-width: 768px) {
  .chocohama_item_ttl img {
    width: 10.3125vw;
  }
}
.chocohama_item_ttl strong {
  font-size: 8.152173913vw;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .chocohama_item_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_item_subttl {
  font-size: 5.4347826087vw;
  text-align: center;
  margin-bottom: 6.7934782609vw;
  font-weight: 700;
  font-family: var(--font-Mincho);
  letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
  .chocohama_item_subttl {
    font-size: 2.96875vw;
    margin-bottom: 3.6458333333vw;
  }
}
.chocohama_item_lead {
  text-align: center;
  font-size: 4.0760869565vw;
  line-height: 1.4;
  font-family: var(--font-Mincho);
  font-weight: 700;
  margin-bottom: 5.7065217391vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_lead {
    font-size: 1.5625vw;
    margin-bottom: 3.125vw;
    line-height: 1.6;
  }
}
.chocohama_item_detail {
  display: grid;
  row-gap: 6.1141304348vw;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: 24.4565217391vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail {
    max-width: 53.125vw;
    margin: 0 auto;
    grid-template-columns: 27.03125vw 1fr;
    gap: 0 1.5625vw;
    padding-bottom: 7.8125vw;
  }
}
.chocohama_item_detail dt {
  width: 70.5163043478vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dt {
    width: 100%;
  }
}
.chocohama_item_detail dt img {
  width: 100%;
}
.chocohama_item_detail dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  margin-inline: auto;
}
.chocohama_item_detail dd h3 {
  width: 100%;
  font-size: 4.7554347826vw;
  font-family: var(--font-Mincho);
  font-weight: 700;
  letter-spacing: -0.05em;
  border-bottom: 0.75px solid rgb(var(--color-main));
  padding: 1.3586956522vw 1.902173913vw;
  box-sizing: border-box;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dd h3 {
    width: auto;
    font-size: 1.875vw;
    padding: 0.5208333333vw 0;
  }
}
.chocohama_item_detail dd h4 {
  width: 100%;
  box-sizing: border-box;
  font-size: 3.8043478261vw;
  font-family: var(--font-Mincho);
  font-weight: 700;
  letter-spacing: -0.05em;
  padding: 1.3586956522vw 1.902173913vw 0;
  margin-bottom: 5.4347826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dd h4 {
    font-size: 1.4583333333vw;
    padding: 0.78125vw 0 0;
    margin-bottom: 1.5625vw;
  }
}
.chocohama_item_detail dd p {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-Mincho);
  font-weight: 700;
  padding: 0 1.902173913vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dd p {
    padding: 0 1.25vw;
  }
}
.chocohama_item_detail dd p i {
  font-style: normal;
  font-size: 3.5326086957vw;
  color: #b93228;
  display: block;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dd p i {
    font-size: 1.875vw;
  }
}
.chocohama_item_detail dd p b {
  font-size: 7.0652173913vw;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dd p b {
    font-size: 3.6458333333vw;
  }
}
.chocohama_item_detail dd p small {
  font-size: 3.8043478261vw;
  padding-left: 0.6793478261vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail dd p small {
    font-size: 1.9791666667vw;
    padding-left: 0.2604166667vw;
  }
}
.chocohama_item_detail .chocohama_btn {
  min-width: 59.375vw;
}
@media screen and (min-width: 768px) {
  .chocohama_item_detail .chocohama_btn {
    min-width: 22.7604166667vw;
  }
}
.chocohama_item-badge {
  background-color: rgb(var(--color-main));
  color: #fff;
  font-weight: 700;
  font-size: 3.2608695652vw;
  padding: 0.6793478261vw 1.3586956522vw;
  line-height: 1.5;
  font-family: var(--font-Mincho);
}
@media screen and (min-width: 768px) {
  .chocohama_item-badge {
    font-size: 1.25vw;
    padding: 0 0.7291666667vw;
  }
}
.chocohama_item-outline {
  border: 1px solid rgb(var(--color-main));
  font-size: 2.4456521739vw;
  font-weight: 700;
  padding: 0 1.0869565217vw;
  line-height: 1.5;
  font-family: var(--font-Mincho);
}
@media screen and (min-width: 768px) {
  .chocohama_item-outline {
    font-size: 1.25vw;
    padding: 0 0.7291666667vw;
  }
}
.chocohama_x_item {
  width: 70.5163043478vw;
  margin-inline: auto;
  display: grid;
  row-gap: 6.7934782609vw;
}
@media screen and (min-width: 768px) {
  .chocohama_x_item {
    width: 38.5416666667vw;
    row-gap: 3.5416666667vw;
  }
}
.chocohama_x_item:has(+ .chocohama_item_ttl) {
  margin-bottom: 20.3804347826vw;
}
@media screen and (min-width: 768px) {
  .chocohama_x_item:has(+ .chocohama_item_ttl) {
    margin-bottom: 12.2395833333vw;
  }
}
.chocohama_campaign {
  background-color: #e9b94d;
  padding: 8.8315217391vw 0 10.597826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign {
    padding: 4.4270833333vw 0 7.03125vw;
  }
}
.chocohama_campaign_img {
  max-width: 78.125vw;
  margin: 0 auto 2.8645833333vw;
}
@media screen and (max-width: 767px) {
  .chocohama_campaign_img {
    display: none;
  }
}
.chocohama_campaign_img img {
  width: 100%;
}
.chocohama_campaign_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 5.4347826087vw !important;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_ttl {
    margin-bottom: 4.1666666667vw !important;
  }
}
.chocohama_campaign_ttl img {
  width: 38.3152173913vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_ttl img {
    width: 20.5208333333vw;
  }
}
.chocohama_campaign_ttl strong {
  font-size: 6.7934782609vw;
  line-height: 1.3;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_campaign_lead {
  text-align: center;
  font-size: 3.2608695652vw;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_lead {
    font-size: 1.875vw;
  }
}
.chocohama_campaign .chocohama_heading_btn {
  padding-top: 6.3858695652vw;
  padding-bottom: 20.3804347826vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign .chocohama_heading_btn {
    padding-top: 3.125vw;
    padding-bottom: 8.8541666667vw;
  }
}
.chocohama_campaign .chocohama_heading_btn a {
  font-size: 4.4836956522vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign .chocohama_heading_btn a {
    font-size: 2.03125vw;
  }
}
.chocohama_campaign_sand {
  margin-top: 5.7065217391vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_sand {
    margin-top: 2.6041666667vw;
  }
}
.chocohama_campaign_sand img {
  width: 70.5163043478vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_sand img {
    width: 38.5416666667vw;
  }
}
.chocohama_campaign_block {
  margin-top: 12.9076086957vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_block {
    margin-top: 8.3333333333vw;
  }
}
.chocohama_campaign_block dt {
  font-size: 6.7934782609vw;
  font-weight: 700;
  position: relative;
  padding-bottom: 0.6793478261vw;
  margin-bottom: 4.0760869565vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_block dt {
    font-size: 3.75vw;
    padding-bottom: 1.3020833333vw;
    margin-bottom: 3.125vw;
  }
}
.chocohama_campaign_block dt:after {
  content: "";
  width: 20.1086956522vw;
  height: 1px;
  background-color: rgb(var(--color-main));
  position: absolute;
  bottom: 0;
  left: calc(50% - 10.0543478261vw);
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_block dt:after {
    width: 11.0416666667vw;
    left: calc(50% - 5.5208333333vw);
  }
}
.chocohama_campaign_block dd time {
  display: block;
  font-size: 5.4347826087vw;
  font-weight: 700;
  margin-bottom: 3.3967391304vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_block dd time {
    font-size: 2.96875vw;
    margin-bottom: 3.4375vw;
  }
}
.chocohama_campaign_block dd > p {
  font-size: 4.0760869565vw;
  font-weight: 500;
  margin-bottom: 3.3967391304vw;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_block dd > p {
    font-size: 1.5625vw;
    margin-bottom: 2.8645833333vw;
  }
}
.chocohama_campaign_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: 4.7554347826vw;
  column-gap: 4.7554347826vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item {
    display: grid;
    grid-template-columns: 27.03125vw auto;
    margin-inline: auto;
    column-gap: 3.0208333333vw;
    justify-content: center;
  }
}
.chocohama_campaign_item figure {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item figure {
    flex: auto;
  }
}
.chocohama_campaign_item figure img {
  width: 100%;
}
.chocohama_campaign_item div {
  width: fit-content;
}
.chocohama_campaign_item div span {
  background-color: rgb(var(--color-main));
  color: #fff;
  font-size: 2.1739130435vw;
  padding: 0.4076086957vw 3.3967391304vw;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item div span {
    font-size: 1.25vw;
    padding: 0.15625vw 2.0833333333vw;
  }
}
.chocohama_campaign_item p {
  font-size: 3.8043478261vw;
  font-weight: 700;
  border-bottom: 1px solid rgb(var(--color-main));
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item p {
    font-size: 2.2395833333vw;
  }
}
.chocohama_campaign_item p b {
  font-size: 8.5597826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item p b {
    font-size: 5.0520833333vw;
  }
}
.chocohama_campaign_item h3 {
  font-size: 3.8043478261vw;
  font-weight: 500;
  margin-block: 2.7173913043vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item h3 {
    font-size: 2.2395833333vw;
    margin-block: 1.5625vw;
  }
}
.chocohama_campaign_item a {
  background-color: rgb(var(--color-main));
  color: #fff;
  display: block;
  padding: 1.6304347826vw 0;
  border-radius: 1.3586956522vw;
  font-size: 2.8532608696vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_item a {
    font-size: 1.6666666667vw;
    padding: 0.625vw 0;
    border-radius: 0.5208333333vw;
  }
}
.chocohama_campaign_list {
  background-color: #fff;
  padding: 5.4347826087vw 8.152173913vw;
  border-radius: 3.3967391304vw;
  display: grid;
  row-gap: 1.6304347826vw;
  margin: 4.7554347826vw 4.7554347826vw 0;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_list {
    padding: 3.125vw 6.25vw;
    max-width: 61.4583333333vw;
    margin: 4.2708333333vw auto 0;
    row-gap: 1.3020833333vw;
  }
}
.chocohama_campaign_list h2 {
  text-align: center;
  font-size: 5.4347826087vw !important;
  font-weight: 500;
  margin-bottom: 4.0760869565vw !important;
  line-height: 1;
  padding-bottom: 5.4347826087vw;
  border-bottom: 1px solid rgb(var(--color-main));
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_list h2 {
    font-size: 2.9166666667vw !important;
    margin-bottom: 1.5625vw !important;
    padding-bottom: 2.0833333333vw;
  }
}
.chocohama_campaign_list p {
  font-size: 2.9891304348vw;
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_list p {
    font-size: 1.9270833333vw;
  }
}
.chocohama_campaign_list p:not(.no_indent) {
  text-indent: -1em;
  padding-left: 1em;
}
.chocohama_campaign_list a {
  background-color: rgb(var(--color-main));
  color: #fff;
  font-size: 4.2119565217vw;
  text-align: center;
  display: block;
  width: fit-content;
  margin: 5.4347826087vw auto 0;
  padding: 2.4456521739vw 3.3967391304vw;
  border-radius: 10.8695652174vw;
}
@media screen and (min-width: 768px) {
  .chocohama_campaign_list a {
    font-size: 1.7708333333vw;
    padding: 0.9375vw 3.125vw;
    margin: 2.0833333333vw auto 0;
  }
}
.chocohama_detail {
  background-color: #efe1a6;
  padding: 16.3043478261vw 0 10.597826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_detail {
    padding: 11.9791666667vw 0 7.03125vw;
  }
}
.chocohama_detail .chocohama_x_item {
  margin-top: 6.7934782609vw;
}
.chocohama_recipe_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 5.4347826087vw !important;
  margin-top: 11.9565217391vw;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_ttl {
    margin-bottom: 4.1666666667vw !important;
  }
}
.chocohama_recipe_ttl img {
  width: 30.4347826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_ttl img {
    width: 16.3020833333vw;
  }
}
.chocohama_recipe_ttl strong {
  font-size: 8.152173913vw;
  font-family: var(--font-en-min);
  line-height: 1.2;
  letter-spacing: 0.08em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_ttl strong {
    font-size: 3.75vw;
  }
}
.chocohama_recipe_item {
  margin-top: 12.2282608696vw;
  margin-inline: 8.152173913vw;
  display: grid;
  row-gap: 20.3804347826vw;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_item {
    margin-top: 8.125vw;
    margin-inline: auto;
    row-gap: 7.8125vw;
    max-width: 73.9583333333vw;
  }
}
.chocohama_recipe_item li {
  display: grid;
  row-gap: 6.1141304348vw;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_item li {
    grid-template-columns: 1fr 31.875vw;
    gap: 0 2.6041666667vw;
  }
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_item li figure {
    grid-area: 1/2/2/3;
  }
}
.chocohama_recipe_item li figure img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_detail {
    grid-area: 1/1/2/2;
  }
}
.chocohama_recipe_detail span {
  font-size: 8.152173913vw;
  font-family: var(--font-en-min);
  font-weight: 400;
  display: block;
  line-height: 1;
  padding-bottom: 2.4456521739vw;
  border-bottom: 1px solid rgb(var(--color-main));
  margin-bottom: 5.4347826087vw;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_detail span {
    font-size: 3.125vw;
    padding-bottom: 1.0416666667vw;
    margin-bottom: 2.8645833333vw;
    padding-left: 1.5625vw;
    padding-right: 9.375vw;
    width: fit-content;
  }
}
.chocohama_recipe_detail h3 {
  font-size: 5.9782608696vw;
  font-weight: 700;
  margin-bottom: 2.7173913043vw;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_detail h3 {
    font-size: 1.875vw;
    margin-bottom: 1.5625vw;
  }
}
.chocohama_recipe_detail p {
  font-size: 3.5326086957vw;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .chocohama_recipe_detail p {
    font-size: 1.3541666667vw;
  }
}

.txt-right {
  text-align: right;
}

.txt-left {
  text-align: left;
}

.txt-center {
  text-align: center;
}

footer {
  margin-top: 0;
}

.anime {
  opacity: 0;
  transform: translateY(1em);
}
.anime.is-active {
  animation: fadein 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=chocohama.css.map */