@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  min-height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

body {
  width: 100%;
  color: #5f0000;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans','游ゴシック  Medium',meiryo,sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.4;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  line-height: 0;
}

a, a:active, a:focus {
  text-decoration: none;
  color: inherit;
  outline: 0;
}

sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -.1em;
}

[data-whatinput=mouse] :focus, [data-whatinput=touch] :focus {
  outline: 0;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.About__intro, .Banner, footer, nav, section:not(.List) {
  z-index: 1;
  position: relative;
  margin: 0 auto;
}

.About__intro::after, .About__intro::before, .Banner::after, .Banner::before, footer::after, footer::before, nav::after, nav::before, section:not(.List)::after, section:not(.List)::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
}

.About__intro::before, .Banner::before, footer::before, nav::before, section:not(.List)::before {
  z-index: -2;
}

.MainVisual {
  max-width: 142rem;
  width: 100%;
  height: 73.9rem;
  margin: 0 auto;
}

.MainVisual::before {
  background-color: #fff0b2;
}

.MainVisual::after {
  background: url(/products/brand/chocopie/img/MainVisual__bg.png) no-repeat top center/auto 100%;
}

.MainVisual__hero {
  position: absolute;
  bottom: 4.5rem;
  left: 48rem;
  width: 45.5rem;
}

.MainVisual__logo {
  position: absolute;
  top: 2.8rem;
  left: 3.2rem;
  width: 10.2rem;
}

.MainVisual__ttl {
  position: absolute;
  top: 27.3rem;
  left: 15rem;
  width: 37.1rem;
}

.MainVisual__share {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 2rem;
  right: 4rem;
}

.MainVisual__share a {
  width: 4.8rem;
  height: 4.8rem;
  font-size: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.MainVisual__share a:nth-child(n+2) {
  margin-left: 1.5rem;
}

.MainVisual__share a.facebook {
  background: url(/products/brand/chocopie/img/ico__share--facebook.svg) no-repeat 0/contain;
}

.MainVisual__share a.twitter {
  background: url(/products/brand/chocopie/img/ico__share--x.svg) no-repeat 0/contain;
}

.MainVisual__share a.line {
  background: url(/products/brand/chocopie/img/ico__share--line.svg) no-repeat 0/contain;
}

.Nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 130rem;
  width: 100%;
  padding: 0 13.8rem;
}

.Nav::after {
  background-color: #d1151c;
}

.Nav__anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 8rem;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Nav__anc span {
  display: block;
  height: 2.2rem;
}

.Nav__anc span img {
  width: auto;
  height: 100%;
}

.Banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 130rem;
  width: 100%;
  padding: 0 13.8rem;
  padding: 4rem 0;
}

.Banner::after {
  background-color: #f9f5d3;
}

.Banner__link {
  overflow: hidden;
  display: block;
  width: 33rem;
  border-radius: .5rem;
}

.Banner__link img {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.About {
  max-width: 130rem;
  width: 100%;
  padding-top: 8rem;
}

.About::after {
  background-color: #f9f5d3;
}

.About__ttl {
  width: 50.4rem;
  margin: 0 auto 6rem;
}

.About__subttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 3rem;
}

.About__subttl span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.About__subttl span i {
  display: block;
  height: 3.2rem;
}

.About__subttl span i img {
  width: auto;
  height: 100%;
}

.About__subttl span {
  overflow: hidden;
}

.About__subttl span i {
  -webkit-transform: translate(0, 125%);
  transform: translate(0, 125%);
  -webkit-filter: blur(0.5rem);
  filter: blur(0.5rem);
  -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.About__subttl.is-show span i {
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(2) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(3) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(4) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(5) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(6) {
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(7) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(8) {
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(9) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(10) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s;
}

.About__subttl.is-show span.About__subttl--01 i:nth-child(11) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(1) {
  -webkit-transition-delay: .55s;
  transition-delay: .55s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(2) {
  -webkit-transition-delay: .65s;
  transition-delay: .65s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(3) {
  -webkit-transition-delay: .65s;
  transition-delay: .65s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(4) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(5) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(6) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}

.About__subttl.is-show span.About__subttl--02 i:nth-child(7) {
  -webkit-transition-delay: .85s;
  transition-delay: .85s;
}

.About__txt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
  opacity: 0;
}

.About__txt.is-show.is-show {
  overflow: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.About__point {
  position: relative;
  display: block;
  max-width: 130rem;
  height: 75.6rem;
  margin: -3.2rem auto 6rem;
  padding: 0 1rem;
}

.About__point-main {
  position: absolute;
  top: 16.1rem;
  left: 36rem;
  width: 55.5rem;
}

.About__point-detail {
  position: absolute;
}

.About__point-detail .inr {
  position: relative;
}

.About__point-detail .blowoff {
  position: absolute;
  z-index: 20;
}

.About__point-detail .line {
  z-index: 1;
  position: absolute;
  height: .7rem;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.About__point-detail .line span {
  display: block;
  width: 100%;
  height: 100%;
}

.About__point-detail .line span i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/products/brand/chocopie/img/About__line.svg) repeat top left/contain;
}

.About__point-detail .img {
  z-index: 10;
  position: relative;
}

.About__point-detail .txt {
  line-height: 1.6;
  font-weight: 700;
}

.About__point-detail.point-01 {
  top: 7rem;
  width: 38.7rem;
}

.About__point-detail.point-01 .blowoff {
  top: -3.8rem;
  left: 6.6rem;
  width: 11.4rem;
  height: 5.5rem;
}

.About__point-detail.point-01 .line {
  top: 10rem;
  left: 19.2rem;
  width: 26rem;
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
}

.About__point-detail.point-01 .img {
  width: 20.6rem;
  margin: 3.8rem 0 2.5rem 9.2rem;
}

.About__point-detail.point-01 .ttl {
  width: 22.7rem;
  margin: 0 auto 1.5rem;
}

.About__point-detail.point-01 .txt {
  text-align: center;
}

.About__point-detail.point-02 {
  top: 0;
  right: 5rem;
  width: 31.7rem;
}

.About__point-detail.point-02 .blowoff {
  top: -5rem;
  right: 2.4rem;
  width: 12rem;
  height: 7rem;
}

.About__point-detail.point-02 .line {
  top: 9.9rem;
  left: 16.5rem;
  width: 28.8rem;
  -webkit-transform: rotate(155deg);
  transform: rotate(155deg);
}

.About__point-detail.point-02 .img {
  width: 20.8rem;
  margin: 5rem 0 2.5rem 5.8rem;
}

.About__point-detail.point-02 .ttl {
  width: 28rem;
  margin: 0 auto 1.5rem;
}

.About__point-detail.point-02 .txt {
  text-align: center;
}

.About__point-detail.point-03 {
  bottom: 0;
  left: 42.4rem;
  width: 64.7rem;
}

.About__point-detail.point-03 .blowoff {
  top: 0;
  left: 0;
  width: 11.8rem;
  height: 6.2rem;
}

.About__point-detail.point-03 .line {
  top: 13.1rem;
  left: 14.2rem;
  width: 22.8rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.About__point-detail.point-03 .inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.About__point-detail.point-03 .img {
  width: 23rem;
  margin: 1.5rem 2rem 0 2.6rem;
}

.About__point-detail.point-03 .ttl {
  width: 36.5rem;
  margin: 6.3rem 0 1.5rem;
}

.About__point .swiper-pagination {
  display: none;
}

.About__pursuit {
  position: relative;
  width: 100%;
  margin: 0 auto 3.5rem;
  padding: 0 13.8rem;
}

.About__pursuit-batch {
  z-index: 10;
  position: absolute;
  top: -2rem;
  left: 13.8rem;
  width: 20rem;
  height: 19.6rem;
  font-size: 0;
}

.About__pursuit-wrap {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 95.4rem;
  margin: 0 0 0 auto;
  height: 16rem;
  background-color: #fff;
  border-radius: 2rem;
  border: solid .2rem #5f0000;
}

.About__pursuit-wrap .img {
  overflow: hidden;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 26rem;
  background-color: #5f0000;
  border-left: solid .2rem #5f0000;
  border-radius: 0 2rem 2rem 0;
}

.About__pursuit-wrap .wrap {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3rem 0 0 15.6rem;
}

.About__pursuit-wrap .wrap .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.2rem;
}

.About__pursuit-wrap .wrap .txt span {
  display: inline-block;
  height: 2.4rem;
}

.About__pursuit-wrap .wrap .txt span:nth-child(2) {
  padding-left: .6rem;
}

.About__pursuit-wrap .wrap .txt span img {
  width: auto;
  height: 100%;
}

.About__pursuit-wrap .wrap .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 26rem;
  height: 6rem;
  margin: 0 auto;
  background-color: #d1151c;
  border-radius: 5rem;
  border: solid .2rem #d1151c;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  -webkit-transition: background-color .5s,color .1s;
  transition: background-color .5s,color .1s;
}

.About__pursuit-wrap .wrap .btn span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 4.5rem;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.About__pursuit-wrap .wrap .btn span::after {
  content: '';
  position: absolute;
  right: 0;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.About__intro {
  width: 100%;
  padding: 6.6rem 13.8rem 10rem;
}

.About__intro::before {
  background-color: #f9f5d3;
}

.About__intro::after {
  background: url(/products/brand/chocopie/img/About__bg.png) repeat top center/1788px;
  opacity: .5;
}

.About__intro-panel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #fefbe6;
  border: solid 2px #5f0000;
  border-radius: 2rem;
  -webkit-transform: translateY(5rem);
  transform: translateY(5rem);
  -webkit-transition: all .9s;
  transition: all .9s;
  overflow: hidden;
  opacity: 0;
}

.About__intro-panel:nth-child(n+2) {
  margin-top: 6.5rem;
}

.About__intro-panel .mainttl {
  z-index: 10;
  position: absolute;
  top: -2.5rem;
  left: 0;
  right: 0;
  width: 43.6rem;
  margin: 0 auto;
}

.About__intro-panel .ttl {
  height: 2.4rem;
  margin-bottom: 2rem;
}

.About__intro-panel .ttl img {
  width: auto;
  height: 100%;
}

.About__intro-panel .txt {
  font-weight: 700;
  line-height: 1.8;
}

.About__intro-panel--01 {
  padding: 5rem 0;
}

.About__intro-panel--01 .child {
  position: relative;
  width: 50%;
  padding: 0 5rem;
}

.About__intro-panel--01 .child:nth-of-type(2)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 60.5rem;
  height: .4rem;
  background-color: #f4d54e;
  -webkit-mask: url(/products/brand/chocopie/img/About__line.svg) repeat-x 0/contain;
  mask: url(/products/brand/chocopie/img/About__line.svg) repeat-x 0/contain;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.About__intro-panel--01 .child .img {
  overflow: hidden;
  margin-bottom: 3rem;
  border-radius: 1rem;
}

.About__intro-panel--01 .child .ttl {
  text-align: center;
}

.About__intro-panel--01 .child .txt {
  text-align: center;
}

.About__intro-panel--02 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.About__intro-panel--02 .img {
  overflow: hidden;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 51.2rem;
  background-color: #5f0000;
  border-left: solid .2rem #5f0000;
  border-radius: 0 1.8rem 1.8rem 0;
}

.About__intro-panel--02 .wrap {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 6rem 0 5rem 5rem;
}

.About__intro-panel--02 .wrap .txt {
  margin-bottom: 3.5rem;
}

.About__intro-panel--02 .wrap .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36rem;
  height: 6rem;
  background-color: #d1151c;
  border: solid .2rem #d1151c;
  border-radius: 5rem;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  -webkit-transition: background-color .5s,color .1s;
  transition: background-color .5s,color .1s;
}

.About__intro-panel--02 .wrap .btn span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 4.5rem;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.About__intro-panel--02 .wrap .btn span::after {
  content: '';
  position: absolute;
  right: 0;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.About__intro-panel > * {
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
  -webkit-transition: all .7s;
  transition: all .7s;
}

.About__intro-panel.is-show.is-show {
  overflow: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.About__intro-panel.is-show.is-show > * {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.LineUp {
  max-width: 171.9rem;
  width: 100%;
  padding: 10rem 0 4rem;
}

.LineUp::after {
  background-color: #fefbe6;
}

.LineUp__ttl {
  width: 53rem;
  margin: 0 auto 6rem;
}

.LineUp__subttl {
  width: 43.7rem;
  margin: 0 auto 4rem;
}

.LineUp__regular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 130rem;
  width: 100%;
  margin: 0 auto 12rem;
  padding: 0 13.8rem;
}

.LineUp__regular-panel {
  position: relative;
  width: calc((100% - 2.4rem)/ 2);
  background-color: #fcf6ca;
  border-radius: 2rem;
  padding-bottom: 13rem;
}

.LineUp__regular-panel .name {
  margin-bottom: 2rem;
}

.LineUp__regular-panel .txt {
  margin-bottom: 2.6rem;
  text-align: center;
  font-weight: 700;
}

.LineUp__regular-panel .annotation {
  font-size: 1.2rem;
  text-align: center;
}

.LineUp__regular-panel .btn {
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 26rem;
  height: 6rem;
  margin: auto auto 0;
  background-color: #d1151c;
  border-radius: 5rem;
  border: solid .2rem #d1151c;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  -webkit-transition: background-color .5s,color .1s;
  transition: background-color .5s,color .1s;
}

.LineUp__regular-panel .btn span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 4.5rem;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.LineUp__regular-panel .btn span::after {
  content: '';
  position: absolute;
  right: 0;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.LineUp__regular-panel--main {
  position: relative;
  width: 100%;
  height: 57.8rem;
  padding-bottom: 0;
}

.LineUp__regular-panel--main div {
  position: relative;
  width: 50rem;
  padding-bottom: 13rem;
}

.LineUp__regular-panel--main::after, .LineUp__regular-panel--main::before {
  content: '';
  position: absolute;
  display: inline-block;
}

.LineUp__regular-panel--main::before {
  bottom: 13rem;
  right: -34.8rem;
  width: 82rem;
  height: 44rem;
  background: url(/products/brand/chocopie/img/LineUp__img--01.png) no-repeat 0/contain;
}

.LineUp__regular-panel--main::after {
  bottom: 4.2rem;
  right: -34.6rem;
  width: 48.9rem;
  height: 28.4rem;
  background: url(/products/brand/chocopie/img/LineUp__img--02.png) no-repeat 0/contain;
}

.LineUp__regular-panel--main::before {
  opacity: 0;
  -webkit-transition: all .7s;
  transition: all .7s;
  -webkit-transform: translate(5rem, 0);
  transform: translate(5rem, 0);
}

.LineUp__regular-panel--main::after {
  opacity: 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}

.LineUp__regular-panel--main.is-show::before {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.LineUp__regular-panel--main.is-show::after {
  opacity: 1;
  -webkit-animation: .8s fork linear;
  animation: .8s fork linear;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.LineUp__regular-panel--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.LineUp__regular-panel--row .prd {
  width: 21rem;
}

.LineUp__regular-panel--row div {
  width: 26rem;
}

.LineUp__regular-panel--cmg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  padding-bottom: 0;
}

.LineUp__regular-panel--cmg::after {
  content: '';
  width: 9.5rem;
  height: 9.5rem;
  background: url(/products/brand/chocopie/img/LineUp__regular-panel--cmg.png) no-repeat 0/contain;
}

.LineUp__regular-panel.new {
  overflow: hidden;
}

.LineUp__regular-panel.new::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 12rem;
  height: 12rem;
  background-color: #eacb43;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 0);
}

.LineUp__regular-panel.new::after {
  content: 'NEW!';
  position: absolute;
  top: 3rem;
  left: 1.4rem;
  font-size: 2rem;
  font-family: Outfit,sans-serif;
  font-weight: 800;
  letter-spacing: .03rem;
  -webkit-transform: rotate(-46deg);
  transform: rotate(-46deg);
}

.LineUp__slider {
  position: relative;
  max-width: 130rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 13.8rem;
}

.LineUp__slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.LineUp__slider-panel {
  position: relative;
  overflow: hidden;
  width: 50rem;
  width: 100%;
  padding-bottom: 3rem;
  background-color: #fcf6ca;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: auto;
}

.LineUp__slider-panel .prd {
  width: 100%;
  padding: 0 2rem;
  -webkit-box-flex: initial;
  -ms-flex-positive: initial;
  flex-grow: initial;
}

.LineUp__slider-panel .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 5.7rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: bottom;
}

.LineUp__slider-panel .ttl span {
  display: block;
  padding-top: 1rem;
  font-size: 1.6rem;
}

.LineUp__slider-panel .txt {
  width: 45.8rem;
  margin: 0 auto;
  padding: 1.8rem 0 2rem;
  border-top: solid .2rem #5f0000;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  height: 100%;
  min-height: 0;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.LineUp__slider-panel .txt span {
  display: block;
  margin-top: 2rem;
  font-size: 1.2rem;
}

.LineUp__slider-panel .txt > * {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.LineUp__slider-panel .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 26rem;
  height: 6rem;
  margin: auto auto 0;
  background-color: #d1151c;
  border-radius: 5rem;
  border: solid .2rem #d1151c;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  -webkit-transition: background-color .5s,color .1s;
  transition: background-color .5s,color .1s;
  -webkit-box-flex: initial;
  -ms-flex-positive: initial;
  flex-grow: initial;
}

.LineUp__slider-panel .btn span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 4.5rem;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.LineUp__slider-panel .btn span::after {
  content: '';
  position: absolute;
  right: 0;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.LineUp__slider-panel.limited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
  padding: 4rem 6rem;
}

.LineUp__slider-panel.limited .txt {
  text-align: left;
  padding: 3rem 2rem;
}

.LineUp__slider .swiper-button-next, .LineUp__slider .swiper-button-prev {
  overflow: hidden;
  top: 41%;
  width: 8rem;
  height: 8rem;
  background-color: #f4d54e;
  border: solid .3rem #f4d54e;
  border-radius: 50%;
  z-index: 100;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.LineUp__slider .swiper-button-next::after, .LineUp__slider .swiper-button-prev::after {
  font-size: 0;
  width: 2.7rem;
  height: 2.5rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.LineUp__slider .swiper-button-prev {
  left: 2.4rem;
}

.LineUp__slider .swiper-button-prev::after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.LineUp__slider .swiper-button-next {
  right: 2.4rem;
}

.LineUp__slider .swiper-pagination {
  position: relative !important;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
  margin: 6rem auto 0;
}

.LineUp__slider .swiper-pagination::after, .LineUp__slider .swiper-pagination::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  width: 1.5rem;
  height: 2.4rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
}

.LineUp__slider .swiper-pagination::before {
  left: -2rem;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.LineUp__slider .swiper-pagination::after {
  right: -2rem;
}

.LineUp__slider .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .8rem;
  background: 0 0;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.LineUp__slider .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  width: .8rem;
  height: .8rem;
  background-color: #5f0000;
  border-radius: 50%;
}

.LineUp__slider .swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #d1151c;
}

.LineUp__slider-panel.new::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 12rem;
  height: 12rem;
  background-color: #eacb43;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 0);
}

.LineUp__slider-panel.new::after {
  content: 'NEW!';
  position: absolute;
  top: 3rem;
  left: 1.4rem;
  font-size: 2rem;
  font-family: Outfit,sans-serif;
  font-weight: 800;
  letter-spacing: .03rem;
  -webkit-transform: rotate(-46deg);
  transform: rotate(-46deg);
}

.Special {
  max-width: 134rem;
  width: 100%;
  padding: 10rem 2rem 4rem;
}

.Special::after {
  background-color: #fefbe6;
}

.Special__ttl {
  width: 80rem;
  margin: 0 auto 3rem;
  text-align: center;
}

.Special__ttl span {
  display: block;
  width: 59rem;
  margin: 0 auto 1.6rem;
}

.SpecialSlider {
  overflow: hidden;
  position: relative;
  max-width: 130rem;
  margin: 0 auto;
  padding: 18rem 0 3.4rem;
  background-color: #fae795;
  border-radius: 5rem;
}

.SpecialSlider::before {
  content: '';
  position: absolute;
  top: -4.5rem;
  left: -4rem;
  width: 65rem;
  height: 37rem;
  background: url(/products/brand/chocopie/img/SpecialSlider__bg.svg) no-repeat 0/contain;
}

.SpecialSlider__txt {
  position: absolute;
  top: 6rem;
  left: 6.5rem;
  width: 43rem;
}

.SpecialSlider__mask {
  z-index: 100;
  position: absolute;
  top: 0;
  width: 100%;
  height: 58rem;
}

.SpecialSlider__main {
  position: relative;
  margin-bottom: 3rem;
  background: url(/products/brand/chocopie/img/SpecialSlider__bg--dottedcircle.svg) no-repeat center/contain;
}

.SpecialSlider__main-wrap {
  height: 39rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SpecialSlider__main .swiper-pagination {
  right: 0;
  left: 0;
  top: 0;
  bottom: auto;
  width: 39rem;
  height: 39rem;
  margin: 0 auto;
  border-radius: 50%;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet {
  background-color: #d1151c;
  opacity: 1;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0;
  position: absolute;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  top: -.3rem;
  left: 18.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  top: 0;
  left: 21.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  top: .7rem;
  left: 24.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  top: 1.8rem;
  left: 27.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
  top: 3.4rem;
  left: 30.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
  top: 5.3rem;
  left: 32.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
  top: 7.6rem;
  left: 34.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(8) {
  top: 10.2rem;
  left: 36rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(9) {
  top: 13rem;
  left: 37.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(10) {
  top: 15.9rem;
  left: 37.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(11) {
  top: 18.9rem;
  left: 38.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(12) {
  top: 21.8rem;
  left: 37.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(13) {
  top: 24.9rem;
  left: 37.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(14) {
  top: 27.7rem;
  left: 36rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(15) {
  top: 30.3rem;
  left: 34.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(16) {
  top: 32.5rem;
  left: 32.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(17) {
  top: 34.5rem;
  left: 30.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(18) {
  top: 36.1rem;
  left: 27.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(19) {
  top: 37.2rem;
  left: 24.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(20) {
  top: 38rem;
  left: 21.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(21) {
  top: 38.2rem;
  left: 18.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(22) {
  top: 38rem;
  left: 15.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(23) {
  top: 37.2rem;
  left: 12.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(24) {
  top: 36.1rem;
  left: 10.1rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(25) {
  top: 34.5rem;
  left: 7.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(26) {
  top: 32.5rem;
  left: 5.3rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(27) {
  top: 30.2rem;
  left: 3.3rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(28) {
  top: 27.7rem;
  left: 1.7rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(29) {
  top: 24.8rem;
  left: .6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(30) {
  top: 21.9rem;
  left: -.1rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(31) {
  top: 18.9rem;
  left: -.3rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(32) {
  top: 16rem;
  left: 0;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(33) {
  top: 13rem;
  left: .6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(34) {
  top: 10.2rem;
  left: 1.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(35) {
  top: 7.6rem;
  left: 3.3rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(36) {
  top: 5.3rem;
  left: 5.3rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(37) {
  top: 3.4rem;
  left: 7.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(38) {
  top: 1.8rem;
  left: 10.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(39) {
  top: .6rem;
  left: 12.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(40) {
  top: -.1rem;
  left: 15.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(/products/brand/chocopie/img/special_pagination-bullet--active.png) no-repeat center/contain;
  background-size: contain;
  width: 2.7rem;
  height: 2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {
  top: -.5rem;
  left: 18.3rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {
  top: -.3rem;
  left: 21.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {
  top: .2rem;
  left: 24.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4) {
  top: 1.4rem;
  left: 27rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5) {
  top: 3.1rem;
  left: 29.7rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6) {
  top: 5rem;
  left: 31.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(7) {
  top: 7.3rem;
  left: 33.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(8) {
  top: 9.9rem;
  left: 35.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(9) {
  top: 12.7rem;
  left: 36.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(10) {
  top: 15.3rem;
  left: 37.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(11) {
  top: 18.3rem;
  left: 37.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(12) {
  top: 21.5rem;
  left: 37.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(13) {
  top: 24.6rem;
  left: 36.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(14) {
  top: 27.4rem;
  left: 35.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(15) {
  top: 30rem;
  left: 34rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(16) {
  top: 32.2rem;
  left: 32rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(17) {
  top: 34.2rem;
  left: 29.7rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(18) {
  top: 35.8rem;
  left: 27.1rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(19) {
  top: 36.9rem;
  left: 24.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(20) {
  top: 37.9rem;
  left: 21.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(21) {
  top: 37.9rem;
  left: 18.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(22) {
  top: 37.7rem;
  left: 15.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(23) {
  top: 36.9rem;
  left: 12.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(24) {
  top: 35.8rem;
  left: 9.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(25) {
  top: 34.2rem;
  left: 7.1rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(26) {
  top: 32.2rem;
  left: 4.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(27) {
  top: 29.9rem;
  left: 2.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(28) {
  top: 27.4rem;
  left: 1.2rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(29) {
  top: 24.5rem;
  left: .1rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(30) {
  top: 21.5rem;
  left: -.9rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(31) {
  top: 18.9rem;
  left: -.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(32) {
  top: 15.7rem;
  left: -.6rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(33) {
  top: 12.7rem;
  left: 0;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(34) {
  top: 9.9rem;
  left: 1.4rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(35) {
  top: 7.3rem;
  left: 2.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(36) {
  top: 5rem;
  left: 4.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(37) {
  top: 3.1rem;
  left: 7.1rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(38) {
  top: 1.5rem;
  left: 9.8rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(39) {
  top: .3rem;
  left: 12.5rem;
}

.SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(40) {
  top: -.4rem;
  left: 15.4rem;
}

.SpecialSlider__img {
  height: 39rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.SpecialSlider__img img {
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}

.SpecialSlider__img.swiper-slide-active {
  opacity: 1;
  z-index: 1;
}

.SpecialSlider__img.swiper-slide-active img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.SpecialSlider__tmb {
  width: 80rem;
  height: 13rem;
  margin: 0 auto;
  overflow: hidden;
}

.SpecialSlider__panel {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2rem;
  background-color: #f4d54e;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: rotateX(-270deg);
  transform: rotateX(-270deg);
}

.SpecialSlider__panel.swiper-slide-active {
  background-color: #f4d54e;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.SpecialSlider__panel .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.1rem;
  height: 5.4rem;
  margin: 0 1.6rem;
  background: url(/products/brand/chocopie/img/SpecialSlider__tmb--number.png) no-repeat center/contain;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1;
  font-family: monospace;
  letter-spacing: -.2rem;
}

.SpecialSlider__panel .text {
  width: 58rem;
  margin-right: 2rem;
}

.SpecialSlider__panel .text p {
  font-size: 2rem;
  font-weight: 700;
}

.SpecialSlider__panel .text small {
  display: block;
  margin-top: 2rem;
}

.SpecialSlider__panel .arrow {
  z-index: 2;
  overflow: hidden;
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #d1151c;
  font-size: 0;
  list-style: 0;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
}

.SpecialSlider__panel .arrow::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 0;
  margin: auto;
  padding-top: 100%;
  background: #5f0000;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(-50%) scale(0.1);
  transform: translateY(-50%) scale(0.1);
  -webkit-transition: opacity .5s,-webkit-transform 0s;
  transition: opacity .5s,-webkit-transform 0s;
  transition: opacity .5s,transform 0s;
  transition: opacity .5s,transform 0s,-webkit-transform 0s;
  -webkit-transition-delay: 0s,.4s;
  transition-delay: 0s,.4s;
}

.SpecialSlider__panel .arrow::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: auto;
  font-size: 0;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.SpecialSlider__txtlink {
  position: absolute;
  bottom: 5.6rem;
  right: 8.4rem;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.SpecialSlider__txtlink span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SpecialSlider__txtlink span::before {
  content: '';
  position: absolute;
  bottom: -.5rem;
  left: 0;
  width: 100%;
  height: .2rem;
  background: #5f0000;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.SpecialSlider__txtlink span::after {
  content: '';
  position: absolute;
  right: -3rem;
  display: inline-block;
  width: 1rem;
  height: 2rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
}

.Topics {
  max-width: 130rem;
  width: 100%;
  padding: 10rem 0 10rem;
}

.Topics::after {
  background-color: #fefbe6;
}

.Topics__ttl {
  width: 66rem;
  margin: 0 auto 6rem;
}

.Topics__subttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 3rem;
}

.Topics__subttl span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Topics__subttl span i {
  display: block;
  height: 3.2rem;
}

.Topics__subttl span i img {
  width: auto;
  height: 100%;
}

.Topics__subttl span {
  overflow: hidden;
}

.Topics__subttl span i {
  -webkit-transform: translate(0, 125%);
  transform: translate(0, 125%);
  -webkit-filter: blur(0.5rem);
  filter: blur(0.5rem);
  -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.Topics__subttl.is-show span i {
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(2) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(3) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(4) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(5) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(6) {
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(7) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(8) {
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}

.Topics__subttl.is-show span.Topics__subttl--01 i:nth-child(9) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(1) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(2) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(3) {
  -webkit-transition-delay: .55s;
  transition-delay: .55s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(4) {
  -webkit-transition-delay: .55s;
  transition-delay: .55s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(5) {
  -webkit-transition-delay: .65s;
  transition-delay: .65s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(6) {
  -webkit-transition-delay: .65s;
  transition-delay: .65s;
}

.Topics__subttl.is-show span.Topics__subttl--02 i:nth-child(7) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.Topics__txt {
  margin: 0 auto 5rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
  opacity: 0;
}

.Topics__txt.is-show.is-show {
  overflow: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.Topics__slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 13.8rem;
}

.Topics__slider .swiper-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Topics__slider-panel .img {
  overflow: hidden;
  border-radius: 2rem;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Topics__slider-panel .img img {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Topics__slider-panel .ttl {
  padding: 2rem 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.Topics__slider .swiper-button-next, .Topics__slider .swiper-button-prev {
  display: none;
  overflow: hidden;
  top: 41%;
  width: 8rem;
  height: 8rem;
  background-color: #f4d54e;
  border: solid .3rem #f4d54e;
  border-radius: 50%;
  z-index: 100;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Topics__slider .swiper-button-next::after, .Topics__slider .swiper-button-prev::after {
  font-size: 0;
  width: 2.7rem;
  height: 2.5rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.Topics__slider .swiper-button-prev {
  left: 2.4rem;
}

.Topics__slider .swiper-button-prev::after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.Topics__slider .swiper-button-next {
  right: 2.4rem;
}

.Topics__slider .swiper-pagination {
  position: relative !important;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
  margin: 6rem auto 0;
}

.Topics__slider .swiper-pagination::after, .Topics__slider .swiper-pagination::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  width: 1.5rem;
  height: 2.4rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
}

.Topics__slider .swiper-pagination::before {
  left: -2rem;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.Topics__slider .swiper-pagination::after {
  right: -2rem;
}

.Topics__slider .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .8rem;
  background: 0 0;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.Topics__slider .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  width: .8rem;
  height: .8rem;
  background-color: #5f0000;
  border-radius: 50%;
}

.Topics__slider .swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #d1151c;
}

.Recipe {
  max-width: 130rem;
  width: 100%;
  padding: 10rem 13.8rem 10rem;
}

.Recipe::before {
  background-color: #fefbe6;
}

.Recipe::after {
  background: url(/products/brand/chocopie/img/Recipe__bg.png) repeat center/1.2rem;
}

.Recipe__ttl {
  width: 50.4rem;
  margin: 0 auto 6rem;
}

.Recipe__txt {
  margin: 0 auto 5rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
  -webkit-transform: translateY(3rem);
  transform: translateY(3rem);
  -webkit-filter: blur(1rem);
  filter: blur(1rem);
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
  opacity: 0;
}

.Recipe__txt.is-show.is-show {
  overflow: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.Recipe__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.Recipe__link-panel {
  overflow: hidden;
  position: relative;
  width: calc((100% - 60px)/ 4);
  background-color: #5f0000;
  border-radius: 2rem;
  border: solid 4px #5f0000;
}

.Recipe__link-panel .img {
  position: relative;
  z-index: 1;
}

.Recipe__link-panel .img::before {
  content: "";
  position: absolute;
  width: 100%;
  padding-top: 100%;
  background-color: #5f0000;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Recipe__link-panel .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6rem;
  background-color: #5f0000;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.Recipe__slider {
  position: relative;
  max-width: 130rem;
  width: 100%;
  margin: 0 auto 8rem;
  padding: 0;
}

.Recipe__slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.Recipe__slider-panel {
  overflow: hidden;
  position: relative;
  width: calc((100% - 60px)/ 3);
  background-color: #5f0000;
  border-radius: 2rem;
  border: solid 4px #5f0000;
}

.Recipe__slider-panel .img {
  position: relative;
  z-index: 1;
}

.Recipe__slider-panel .img::before {
  content: "";
  position: absolute;
  width: 100%;
  padding-top: 100%;
  background-color: #5f0000;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Recipe__slider-panel .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6rem;
  background-color: #5f0000;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.Recipe__slider .swiper-button-next, .Recipe__slider .swiper-button-prev {
  overflow: hidden;
  top: 41%;
  width: 8rem;
  height: 8rem;
  background-color: #f4d54e;
  border: solid .3rem #f4d54e;
  border-radius: 50%;
  z-index: 100;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Recipe__slider .swiper-button-next::after, .Recipe__slider .swiper-button-prev::after {
  font-size: 0;
  width: 2.7rem;
  height: 2.5rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.Recipe__slider .swiper-button-prev {
  left: -11rem;
}

.Recipe__slider .swiper-button-prev::after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.Recipe__slider .swiper-button-next {
  right: -11rem;
}

.Recipe__slider .swiper-pagination {
  position: relative !important;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
  margin: 6rem auto 0;
}

.Recipe__slider .swiper-pagination::after, .Recipe__slider .swiper-pagination::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  width: 1.5rem;
  height: 2.4rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
}

.Recipe__slider .swiper-pagination::before {
  left: -2rem;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.Recipe__slider .swiper-pagination::after {
  right: -2rem;
}

.Recipe__slider .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .8rem;
  background: 0 0;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.Recipe__slider .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  width: .8rem;
  height: .8rem;
  background-color: #5f0000;
  border-radius: 50%;
}

.Recipe__slider .swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #d1151c;
}

.Recipe__video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 6rem;
}

.Recipe__video-tmb {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 24px)/ 2);
  background-color: #fefbe6;
  border-radius: 2rem;
  border: solid 4px #5f0000;
}

.Recipe__video-tmb .tmb {
  position: relative;
  z-index: 10;
  width: 19.4rem;
  background-color: #5f0000;
}

.Recipe__video-tmb .tmb::before {
  content: '';
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  margin: auto;
  background-color: #f4d54e;
  border-radius: 50%;
}

.Recipe__video-tmb .tmb::after {
  content: '';
  position: absolute;
  z-index: 101;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1.7rem;
  height: 1.9rem;
  margin: auto;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--03.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--03.svg) no-repeat 0/contain;
}

.Recipe__video-tmb .tmb div {
  position: relative;
  z-index: 1;
}

.Recipe__video-tmb .tmb div::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #5f0000;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Recipe__video-tmb .txt {
  width: 24.4rem;
  margin: auto;
}

.Recipe__video-tmb .txt img {
  width: 100%;
}

.Recipe__txtlink {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.Recipe__txtlink:first-of-type {
  margin-bottom: 2rem;
}

.Recipe__txtlink span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Recipe__txtlink span::before {
  content: '';
  position: absolute;
  bottom: -.5rem;
  left: 0;
  width: 100%;
  height: .2rem;
  background: #5f0000;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.Recipe__txtlink span::after {
  content: '';
  position: absolute;
  right: -3rem;
  display: inline-block;
  width: 1rem;
  height: 2rem;
  background-color: #5f0000;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--02.svg) no-repeat 0/contain;
}

.Recipe .Recipe__link .Recipe__link-panel, .Recipe .Recipe__link .Recipe__video-tmb, .Recipe .Recipe__video .Recipe__link-panel, .Recipe .Recipe__video .Recipe__video-tmb {
  opacity: 0;
  -webkit-transform: translateY(5rem);
  transform: translateY(5rem);
  -webkit-transition: all .7s;
  transition: all .7s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel, .Recipe .Recipe__link.is-show .Recipe__video-tmb, .Recipe .Recipe__video.is-show .Recipe__link-panel, .Recipe .Recipe__video.is-show .Recipe__video-tmb {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(1), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(1), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(1), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(2), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(2), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(2), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(3), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(3), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(3), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(3) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(4), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(4), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(4), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(4) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(5), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(5), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(5), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(5) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(6), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(6), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(6), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(6) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(7), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(7), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(7), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(7) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.Recipe .Recipe__link.is-show .Recipe__link-panel:nth-of-type(8), .Recipe .Recipe__link.is-show .Recipe__video-tmb:nth-of-type(8), .Recipe .Recipe__video.is-show .Recipe__link-panel:nth-of-type(8), .Recipe .Recipe__video.is-show .Recipe__video-tmb:nth-of-type(8) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.Related {
  max-width: 146rem;
  width: 100%;
  padding: 15rem 0 5rem;
}

.Related::before {
  background-color: #fefbe6;
}

.Related::after {
  background: url(/products/brand/chocopie/img/Related__bg.png) repeat top center/1436px;
}

.Related__ttl {
  width: 50.6rem;
  margin: 0 auto 6rem;
}

.Related__link {
  max-width: 130rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 6.5rem;
  padding: 0 13.8rem;
}

.Related__link-btn {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc((100% - 2.4rem)/ 2);
  height: 10rem;
  background-color: #d1151c;
  border-radius: 2rem;
  border: solid .2rem #d1151c;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .1rem;
  padding-left: 3%;
}

.Related__link-btn::after {
  content: '';
  position: absolute;
  right: 2.8rem;
  font-size: 0;
  width: 2.3rem;
  height: 2.3rem;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
}

.Related__link-btn--ico {
  padding-left: 10%;
}

.Related__link-btn--ico::before {
  content: '';
  position: absolute;
  left: 2rem;
  font-size: 0;
  width: 6rem;
  height: 6rem;
}

.Related__link-btn--ico.twitter::before {
  background: url(/products/brand/chocopie/img/ico__share--x.svg) no-repeat 0/contain;
}

.Related__link-btn--ico.line::before {
  background: url(/products/brand/chocopie/img/ico__share--line.svg) no-repeat 0/contain;
}

.Related__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 3rem;
  column-gap: 3rem;
  row-gap: 3rem;
  max-width: 110rem;
  margin: 0 auto 12rem;
  padding: 0 6rem;
}

.Related__list li {
  width: calc((100% - calc((30 / 1300 * 100vw) * 2))/ 3);
}

.Related__txtlink {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
}

.Related__txtlink span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.8rem;
}

.Related__txtlink span::before {
  content: '▶︎';
  position: absolute;
  left: 0;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1;
  color: #5f0000;
}

.Related__pagetop {
  position: absolute;
  bottom: 3rem;
  right: 0;
  display: block;
  width: 18rem;
}

.Related__pagetop div {
  position: relative;
  display: block;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background-color: #f4d54e;
  font-size: 1.8rem;
  font-weight: 800;
}

.Related__pagetop div::after {
  content: '';
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  width: 11.3rem;
  height: 7.5rem;
  margin: 0 auto;
  background: url(/products/brand/chocopie/img/Related__pagetop--off.png) no-repeat 0/contain;
}

.Related__pagetop div span {
  position: absolute;
  top: 3rem;
  left: 7.5rem;
  width: 2.8rem;
  height: 12rem;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.Related__pagetop div span:nth-child(1) {
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}

.Related__pagetop div span:nth-child(2) {
  -webkit-transform: rotate(-11.5deg);
  transform: rotate(-11.5deg);
}

.Related__pagetop div span:nth-child(3) {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.Related__pagetop div span:nth-child(4) {
  -webkit-transform: rotate(4.3deg);
  transform: rotate(4.3deg);
}

.Related__pagetop div span:nth-child(5) {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.Related__pagetop div span:nth-child(6) {
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
}

.Related__share-ttl {
  margin-bottom: 3rem;
  text-align: center;
}

.Related__share-ttl span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}

.Related__share-ttl span::after, .Related__share-ttl span::before {
  content: '';
  width: .2rem;
  height: 3.2rem;
  background-color: #5f0000;
}

.Related__share-ttl span::before {
  margin-right: 1.5rem;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.Related__share-ttl span::after {
  margin-left: 1.5rem;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.Related__share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.Related__share-list a {
  width: 7.8rem;
  height: 7.8rem;
  font-size: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.Related__share-list a:nth-child(n+2) {
  margin-left: 6rem;
}

.Related__share-list a.facebook {
  background: url(/products/brand/chocopie/img/ico__share--facebook.svg) no-repeat 0/contain;
}

.Related__share-list a.twitter {
  background: url(/products/brand/chocopie/img/ico__share--x.svg) no-repeat 0/contain;
}

.Related__share-list a.line {
  background: url(/products/brand/chocopie/img/ico__share--line.svg) no-repeat 0/contain;
}

.Footer::after {
  background-color: #d1151c;
}

.Footer__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 130rem;
  width: 100%;
  height: 8rem;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 18px;
  letter-spacing: .1rem;
}

@-webkit-keyframes circleanime {
  0% {
    -webkit-transform: scale(0.68);
    transform: scale(0.68);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes circleanime {
  0% {
    -webkit-transform: scale(0.68);
    transform: scale(0.68);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes fork {
  0% {
    -webkit-transform: translate(10rem, 10rem) rotateZ(10deg);
    transform: translate(10rem, 10rem) rotateZ(10deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotateZ(5deg);
    transform: translate(0, 0) rotateZ(5deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0);
    transform: translate(0, 0) rotateZ(0);
  }
}

@keyframes fork {
  0% {
    -webkit-transform: translate(10rem, 10rem) rotateZ(10deg);
    transform: translate(10rem, 10rem) rotateZ(10deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotateZ(5deg);
    transform: translate(0, 0) rotateZ(5deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0);
    transform: translate(0, 0) rotateZ(0);
  }
}

@-webkit-keyframes moveToRight {
  50% {
    right: calc(150 / 750 * 100vw);
  }
  100% {
    right: calc(50 / 750 * 100vw);
  }
}

@keyframes moveToRight {
  50% {
    right: calc(150 / 750 * 100vw);
  }
  100% {
    right: calc(50 / 750 * 100vw);
  }
}

.Recipe__video-modal {
  display: none;
  position: fixed;
  z-index: 10010;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100rem;
  width: 33.7rem;
  height: 60rem;
}

.Recipe__video-modal__overlay {
  display: none;
  position: fixed;
  z-index: 10009;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(62, 9, 15, 0.9);
}

.Recipe__video-modal__close {
  position: absolute;
  z-index: 50;
  right: -60px;
  top: -60px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #f4d54e;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  font-size: 0;
}

.Recipe__video-modal__close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 32px;
  background-color: #5f0000;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.Recipe__video-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 32px;
  background-color: #5f0000;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.Recipe__video-modal__close span {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  color: #445b6d;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.Recipe__video-modal__container {
  max-width: 100%;
  width: 100%;
}

.Recipe__video-modal__container video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

#List {
  background-color: #fefbe6;
}

#List .List {
  position: relative;
  max-width: 104.4rem;
  width: 100%;
  margin: 0 auto;
  padding: 7rem 0 10rem;
}

#List .List__logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 13.5rem;
}

#List .List__ttl {
  width: 76rem;
  margin: 0 auto 6rem;
}

#List .List__anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 6.5rem;
}

#List .List__anc a {
  display: block;
  width: calc((100% - 8rem)/ 4);
  margin: 0 1rem;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#List .List__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 9rem;
}

#List .List__item li {
  position: relative;
  overflow: hidden;
  width: calc((100% - 6rem)/ 3);
  margin: 0 1rem;
  border-radius: 2rem;
  border: solid .2rem #5f0000;
}

#List .List__item li .number {
  z-index: 10;
  position: absolute;
  top: 1.8rem;
  left: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5.6rem;
  height: 3.7rem;
  background: url(/products/brand/chocopie/img/List__item--number.png) no-repeat 0/contain;
  color: #fff;
  line-height: 1;
  font-size: 2.4rem;
  font-family: monospace;
  letter-spacing: -.2rem;
}

#List .List__item li .img {
  overflow: hidden;
  width: 100%;
  margin-bottom: 2rem;
}

#List .List__item li .img img {
  -webkit-transition: all .5s;
  transition: all .5s;
}

#List .List__item li .wrap {
  padding: 0 2rem 2rem;
}

#List .List__item li .wrap .txt {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

#List .List__item li .wrap .date {
  font-size: 1.4rem;
}

#List .List__item li a {
  position: relative;
  display: block;
}

#List .List__item li a::before {
  z-index: 1;
  content: '';
  position: absolute;
  bottom: 1.8rem;
  right: 1.8rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: solid .2rem #d1151c;
  background-color: #d1151c;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#List .List__item li a::after {
  z-index: 2;
  content: '';
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  font-size: 0;
  width: 1.8rem;
  height: 1.6rem;
  background-color: #fff;
  -webkit-mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  mask: url(/products/brand/chocopie/img/ico__arrow--01.svg) no-repeat 0/contain;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#List .List__btn {
  display: block;
  width: 30rem;
  margin: 0 auto;
}

@media (min-width: 751px) and (max-width: 1300px) {
  body {
    font-size: calc(16 / 1300 * 100vw);
  }
  .MainVisual__share a {
    width: calc(48 / 1300 * 100vw);
    height: calc(48 / 1300 * 100vw);
  }
  .MainVisual__share a:nth-child(n+2) {
    margin-left: calc(15 / 1300 * 100vw);
  }
  .Nav {
    padding: 0 calc(138 / 1300 * 100vw);
  }
  .Nav__anc {
    height: calc(80 / 1300 * 100vw);
  }
  .Nav__anc span {
    height: calc(22 / 1300 * 100vw);
  }
  .Banner {
    padding: calc(40 / 1300 * 100vw) calc(138 / 1300 * 100vw);
  }
  .Banner__link {
    width: calc(330 / 1300 * 100vw);
  }
  .Banner__link:not(:nth-child(4n)):nth-child(n+2) {
    margin-left: calc(17 / 1300 * 100vw);
  }
  .Banner__link:nth-child(n+4) {
    margin-top: calc(17 / 1300 * 100vw);
  }
  .About {
    padding-top: calc(80 / 1300 * 100vw);
  }
  .About__ttl {
    width: calc(504 / 1300 * 100vw);
    margin-bottom: calc(60 / 1300 * 100vw);
  }
  .About__subttl {
    margin-bottom: calc(30 / 1300 * 100vw);
  }
  .About__subttl span i {
    height: calc(32 / 1300 * 100vw);
  }
  .About__txt {
    font-size: calc(18 / 1300 * 100vw);
  }
  .About__point {
    height: calc(756 / 1300 * 100vw);
    margin: calc(-32 / 1300 * 100vw) auto calc(60 / 1300 * 100vw);
    padding: 0 calc(10 / 1300 * 100vw);
  }
  .About__point-main {
    top: calc(161 / 1300 * 100vw);
    left: calc(360 / 1300 * 100vw);
    width: calc(555 / 1300 * 100vw);
  }
  .About__point-detail .line {
    height: calc(7 / 1300 * 100vw);
  }
  .About__point-detail.point-01 {
    top: calc(7 / 1300 * 100vw);
    width: calc(387 / 1300 * 100vw);
  }
  .About__point-detail.point-01 .blowoff {
    top: calc(-38 / 1300 * 100vw);
    left: calc(66 / 1300 * 100vw);
    width: calc(114 / 1300 * 100vw);
    height: calc(55 / 1300 * 100vw);
  }
  .About__point-detail.point-01 .line {
    top: calc(100 / 1300 * 100vw);
    left: calc(192 / 1300 * 100vw);
    width: calc(280 / 1300 * 100vw);
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
  .About__point-detail.point-01 .img {
    width: calc(206 / 1300 * 100vw);
    margin: calc(38 / 1300 * 100vw) 0 calc(25 / 1300 * 100vw) calc(92 / 1300 * 100vw);
  }
  .About__point-detail.point-01 .ttl {
    width: calc(227 / 1300 * 100vw);
    margin: 0 auto calc(15 / 1300 * 100vw);
  }
  .About__point-detail.point-02 {
    right: calc(50 / 1300 * 100vw);
    width: calc(317 / 1300 * 100vw);
  }
  .About__point-detail.point-02 .blowoff {
    top: calc(-50 / 1300 * 100vw);
    right: calc(24 / 1300 * 100vw);
    width: calc(120 / 1300 * 100vw);
    height: calc(70 / 1300 * 100vw);
  }
  .About__point-detail.point-02 .line {
    top: calc(99 / 1300 * 100vw);
    left: calc(165 / 1300 * 100vw);
    width: calc(288 / 1300 * 100vw);
  }
  .About__point-detail.point-02 .img {
    width: calc(208 / 1300 * 100vw);
    margin: calc(50 / 1300 * 100vw) 0 calc(25 / 1300 * 100vw) calc(58 / 1300 * 100vw);
  }
  .About__point-detail.point-02 .ttl {
    width: calc(280 / 1300 * 100vw);
    margin: 0 auto calc(15 / 1300 * 100vw);
  }
  .About__point-detail.point-03 {
    left: calc(424 / 1300 * 100vw);
    width: calc(647 / 1300 * 100vw);
  }
  .About__point-detail.point-03 .blowoff {
    width: calc(118 / 1300 * 100vw);
    height: calc(62 / 1300 * 100vw);
  }
  .About__point-detail.point-03 .line {
    top: calc(131 / 1300 * 100vw);
    left: calc(142 / 1300 * 100vw);
    width: calc(228 / 1300 * 100vw);
  }
  .About__point-detail.point-03 .img {
    width: calc(230 / 1300 * 100vw);
    margin: calc(15 / 1300 * 100vw) calc(20 / 1300 * 100vw) 0 calc(26 / 1300 * 100vw);
  }
  .About__point-detail.point-03 .ttl {
    width: calc(365 / 1300 * 100vw);
    margin: calc(63 / 1300 * 100vw) 0 calc(15 / 1300 * 100vw);
  }
  .About__pursuit {
    margin-bottom: calc(35 / 1300 * 100vw);
    padding: 0 calc(138 / 1300 * 100vw);
  }
  .About__pursuit-batch {
    top: calc(-20 / 1300 * 100vw);
    left: calc(138 / 1300 * 100vw);
    width: calc(200 / 1300 * 100vw);
    height: calc(196 / 1300 * 100vw);
  }
  .About__pursuit-wrap {
    width: calc(954 / 1300 * 100vw);
    height: calc(160 / 1300 * 100vw);
  }
  .About__pursuit-wrap .img {
    width: calc(260 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap {
    padding: calc(30 / 1300 * 100vw) 0 0 calc(156 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap .txt {
    margin-bottom: calc(22 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap .txt span {
    height: calc(24 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap .txt span:nth-child(2) {
    padding-left: calc(6 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap .btn {
    width: calc(260 / 1300 * 100vw);
    height: calc(60 / 1300 * 100vw);
    font-size: calc(18 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap .btn span {
    padding-right: calc(45 / 1300 * 100vw);
  }
  .About__pursuit-wrap .wrap .btn span::after {
    width: calc(20 / 1300 * 100vw);
    height: calc(20 / 1300 * 100vw);
  }
  .About__intro {
    padding: calc(66 / 1300 * 100vw) calc(138 / 1300 * 100vw) calc(100 / 1300 * 100vw);
  }
  .About__intro-panel:nth-child(n+2) {
    margin-top: calc(65 / 1300 * 100vw);
  }
  .About__intro-panel .mainttl {
    top: calc(-25 / 1300 * 100vw);
    width: calc(437 / 1300 * 100vw);
  }
  .About__intro-panel .ttl {
    height: calc(24 / 1300 * 100vw);
    margin-bottom: calc(20 / 1300 * 100vw);
  }
  .About__intro-panel--01 {
    padding: calc(50 / 1300 * 100vw) 0;
  }
  .About__intro-panel--01 .child {
    padding: 0 calc(50 / 1300 * 100vw);
  }
  .About__intro-panel--01 .child:nth-of-type(2)::before {
    width: calc(605 / 1300 * 100vw);
    height: calc(4 / 1300 * 100vw);
  }
  .About__intro-panel--01 .child .img {
    margin-bottom: calc(30 / 1300 * 100vw);
  }
  .About__intro-panel--02 .img {
    width: calc(512 / 1300 * 100vw);
  }
  .About__intro-panel--02 .wrap {
    padding: calc(60 / 1300 * 100vw) 0 calc(50 / 1300 * 100vw) calc(50 / 1300 * 100vw);
  }
  .About__intro-panel--02 .wrap .txt {
    margin-bottom: calc(35 / 1300 * 100vw);
  }
  .About__intro-panel--02 .wrap .btn {
    width: calc(360 / 1300 * 100vw);
    height: calc(60 / 1300 * 100vw);
    font-size: calc(18 / 1300 * 100vw);
  }
  .About__intro-panel--02 .wrap .btn span {
    padding-right: calc(45 / 1300 * 100vw);
  }
  .About__intro-panel--02 .wrap .btn span::after {
    width: calc(20 / 1300 * 100vw);
    height: calc(20 / 1300 * 100vw);
  }
  .LineUp {
    padding: calc(100 / 1300 * 100vw) 0 calc(40 / 1300 * 100vw);
  }
  .LineUp__ttl {
    width: calc(530 / 1300 * 100vw);
    margin-bottom: calc(60 / 1300 * 100vw);
  }
  .LineUp__subttl {
    width: calc(437 / 1300 * 100vw);
    margin-bottom: calc(40 / 1300 * 100vw);
  }
  .LineUp__subttl--long {
    width: calc(626 / 1300 * 100vw);
  }
  .LineUp__regular {
    margin-bottom: calc(120 / 1300 * 100vw);
    padding: 0 calc(138 / 1300 * 100vw);
  }
  .LineUp__regular-panel {
    padding-bottom: calc(130 / 1300 * 100vw);
  }
  .LineUp__regular-panel:nth-child(n+2) {
    margin-top: calc(24 / 1300 * 100vw);
  }
  .LineUp__regular-panel .name {
    margin-bottom: calc(20 / 1300 * 100vw);
  }
  .LineUp__regular-panel .txt {
    margin-bottom: calc(26 / 1300 * 100vw);
  }
  .LineUp__regular-panel .annotation {
    font-size: calc(12 / 1300 * 100vw);
  }
  .LineUp__regular-panel .btn {
    bottom: calc(40 / 1300 * 100vw);
    width: calc(260 / 1300 * 100vw);
    height: calc(60 / 1300 * 100vw);
    font-size: calc(18 / 1300 * 100vw);
  }
  .LineUp__regular-panel .btn span {
    padding-right: calc(45 / 1300 * 100vw);
  }
  .LineUp__regular-panel .btn span::after {
    width: calc(20 / 1300 * 100vw);
    height: calc(20 / 1300 * 100vw);
  }
  .LineUp__regular-panel--main {
    width: 100%;
    height: calc(578 / 1300 * 100vw);
  }
  .LineUp__regular-panel--main div {
    width: calc(500 / 1300 * 100vw);
    padding-bottom: calc(130 / 1300 * 100vw);
  }
  .LineUp__regular-panel--main::before {
    bottom: calc(130 / 1300 * 100vw);
    right: calc(-348 / 1300 * 100vw);
    width: calc(820 / 1300 * 100vw);
    height: calc(440 / 1300 * 100vw);
  }
  .LineUp__regular-panel--main::after {
    bottom: calc(42 / 1300 * 100vw);
    right: calc(-348 / 1300 * 100vw);
    width: calc(489 / 1300 * 100vw);
    height: calc(284 / 1300 * 100vw);
  }
  .LineUp__regular-panel--row .prd {
    width: calc(210 / 1300 * 100vw);
  }
  .LineUp__regular-panel--row div {
    width: calc(260 / 1300 * 100vw);
  }
  .LineUp__regular-panel--row .btn {
    left: auto;
    bottom: calc(120 / 1300 * 100vw);
    right: calc(30 / 1300 * 100vw);
  }
  .LineUp__regular-panel--cmg::after {
    width: calc(95 / 1300 * 100vw);
    width: calc(95 / 1300 * 100vw);
  }
  .LineUp__regular-panel.new::before {
    width: calc(120 / 1300 * 100vw);
    height: calc(120 / 1300 * 100vw);
  }
  .LineUp__regular-panel.new::after {
    top: calc(30 / 1300 * 100vw);
    left: calc(14 / 1300 * 100vw);
    font-size: calc(20 / 1300 * 100vw);
  }
  .LineUp__slider {
    padding: 0 calc(138 / 1300 * 100vw);
  }
  .LineUp__slider-panel {
    width: calc(500 / 1300 * 100vw);
  }
  .LineUp__slider-panel .ttl {
    font-size: calc(20 / 1300 * 100vw);
  }
  .LineUp__slider-panel .ttl span {
    padding-top: calc(10 / 1300 * 100vw);
    font-size: calc(16 / 1300 * 100vw);
  }
  .LineUp__slider-panel .txt {
    width: calc(458 / 1300 * 100vw);
    padding: calc(18 / 1300 * 100vw) 0 calc(20 / 1300 * 100vw);
  }
  .LineUp__slider-panel .txt span {
    margin-top: calc(20 / 1300 * 100vw);
    font-size: calc(12 / 1300 * 100vw);
  }
  .LineUp__slider-panel .btn {
    width: calc(260 / 1300 * 100vw);
    height: calc(60 / 1300 * 100vw);
    font-size: calc(18 / 1300 * 100vw);
  }
  .LineUp__slider-panel .btn span {
    padding-right: calc(45 / 1300 * 100vw);
  }
  .LineUp__slider-panel .btn span::after {
    width: calc(20 / 1300 * 100vw);
    height: calc(20 / 1300 * 100vw);
  }
  .LineUp__slider-panel.limited {
    padding: calc(40 / 1300 * 100vw) calc(60 / 1300 * 100vw);
  }
  .LineUp__slider-panel.limited .txt {
    padding: calc(30 / 1300 * 100vw) calc(20 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-button-next, .LineUp__slider .swiper-button-prev {
    top: 38%;
    width: calc(80 / 1300 * 100vw);
    height: calc(80 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-button-next::after, .LineUp__slider .swiper-button-prev::after {
    width: calc(27 / 1300 * 100vw);
    height: calc(25 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-button-prev {
    left: calc(24 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-button-next {
    right: calc(24 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination {
    margin-top: calc(60 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination::after, .LineUp__slider .swiper-pagination::before {
    width: calc(15 / 1300 * 100vw);
    height: calc(24 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination::before {
    left: calc(-20 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination::after {
    right: calc(-20 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(12 / 1300 * 100vw);
    height: calc(12 / 1300 * 100vw);
    margin: 0 calc(8 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet::before {
    width: calc(8 / 1300 * 100vw);
    height: calc(8 / 1300 * 100vw);
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet-active::before {
    width: calc(12 / 1300 * 100vw);
    height: calc(12 / 1300 * 100vw);
  }
  .LineUp__slider-panel.new::before {
    width: calc(120 / 1300 * 100vw);
    height: calc(120 / 1300 * 100vw);
  }
  .LineUp__slider-panel.new::after {
    top: calc(30 / 1300 * 100vw);
    left: calc(14 / 1300 * 100vw);
    font-size: calc(20 / 1300 * 100vw);
  }
  .Special {
    padding-top: calc(100 / 1024 * 100vw);
    padding-bottom: calc(40 / 1340 * 100vw);
  }
  .SpecialSlider__txtlink {
    bottom: calc(56 / 1024 * 100vw);
    right: calc(84 / 1024 * 100vw);
    font-size: calc(18 / 1024 * 100vw);
  }
  .SpecialSlider__txtlink span::after {
    right: calc(-30 / 1300 * 100vw);
    width: calc(10 / 1300 * 100vw);
    height: calc(20 / 1300 * 100vw);
  }
  .Topics {
    padding: calc(100 / 1024 * 100vw) 0 calc(100 / 1024 * 100vw);
  }
  .Topics__ttl {
    width: calc(660 / 1024 * 100vw);
    margin-bottom: calc(60 / 1024 * 100vw);
  }
  .Topics__subttl {
    margin-bottom: calc(30 / 1300 * 100vw);
  }
  .Topics__subttl span i {
    height: calc(32 / 1300 * 100vw);
  }
  .Topics__txt {
    margin-bottom: calc(50 / 1024 * 100vw);
    font-size: calc(20 / 1024 * 100vw);
  }
  .Topics__slider {
    padding: 0 calc(138 / 1300 * 100vw);
  }
  .Topics__slider-panel .ttl {
    padding: calc(20 / 1300 * 100vw) 0;
    font-size: calc(20 / 1300 * 100vw);
  }
  .Topics__slider .swiper-button-next, .Topics__slider .swiper-button-prev {
    top: 38%;
    width: calc(80 / 1300 * 100vw);
    height: calc(80 / 1300 * 100vw);
  }
  .Topics__slider .swiper-button-next::after, .Topics__slider .swiper-button-prev::after {
    width: calc(27 / 1300 * 100vw);
    height: calc(25 / 1300 * 100vw);
  }
  .Topics__slider .swiper-button-prev {
    left: calc(24 / 1300 * 100vw);
  }
  .Topics__slider .swiper-button-next {
    right: calc(24 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination {
    margin-top: calc(60 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination::after, .Topics__slider .swiper-pagination::before {
    width: calc(15 / 1300 * 100vw);
    height: calc(24 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination::before {
    left: calc(-20 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination::after {
    right: calc(-20 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(12 / 1300 * 100vw);
    height: calc(12 / 1300 * 100vw);
    margin: 0 calc(8 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet::before {
    width: calc(8 / 1300 * 100vw);
    height: calc(8 / 1300 * 100vw);
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet-active::before {
    width: calc(12 / 1300 * 100vw);
    height: calc(12 / 1300 * 100vw);
  }
  .Recipe {
    padding: calc(100 / 1300 * 100vw) calc(138 / 1300 * 100vw) calc(100 / 1300 * 100vw);
  }
  .Recipe__ttl {
    width: calc(504 / 1300 * 100vw);
    margin-bottom: calc(60 / 1300 * 100vw);
  }
  .Recipe__txt {
    margin-bottom: calc(50 / 1300 * 100vw);
    font-size: calc(20 / 1300 * 100vw);
  }
  .Recipe__link {
    margin-bottom: calc(20 / 1300 * 100vw);
  }
  .Recipe__link-panel:nth-child(n+5) {
    margin-top: calc(20 / 1300 * 100vw);
  }
  .Recipe__link-panel .txt {
    height: calc(60 / 1300 * 100vw);
  }
  .Recipe__slider-panel .txt {
    height: calc(60 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-button-next, .Recipe__slider .swiper-button-prev {
    top: 38%;
    width: calc(80 / 1300 * 100vw);
    height: calc(80 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-button-next::after, .Recipe__slider .swiper-button-prev::after {
    width: calc(27 / 1300 * 100vw);
    height: calc(25 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-button-prev {
    left: calc(-100 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-button-next {
    right: calc(-100 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination {
    margin-top: calc(60 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination::after, .Recipe__slider .swiper-pagination::before {
    width: calc(15 / 1300 * 100vw);
    height: calc(24 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination::before {
    left: calc(-20 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination::after {
    right: calc(-20 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(12 / 1300 * 100vw);
    height: calc(12 / 1300 * 100vw);
    margin: 0 calc(8 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet::before {
    width: calc(8 / 1300 * 100vw);
    height: calc(8 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet-active::before {
    width: calc(12 / 1300 * 100vw);
    height: calc(12 / 1300 * 100vw);
  }
  .Recipe__video {
    margin-bottom: calc(60 / 1300 * 100vw);
  }
  .Recipe__video-tmb:nth-child(n+3) {
    margin-top: calc(30 / 1300 * 100vw);
  }
  .Recipe__video-tmb .tmb {
    width: calc(194 / 1300 * 100vw);
  }
  .Recipe__video-tmb .tmb::before {
    width: calc(50 / 1300 * 100vw);
    height: calc(50 / 1300 * 100vw);
  }
  .Recipe__video-tmb .tmb::after {
    width: calc(17 / 1300 * 100vw);
    height: calc(19 / 1300 * 100vw);
  }
  .Recipe__video-tmb .txt {
    width: calc(244 / 1300 * 100vw);
  }
  .Recipe__txtlink {
    font-size: calc(18 / 1300 * 100vw);
  }
  .Recipe__txtlink:first-of-type {
    margin-bottom: calc(20 / 1300 * 100vw);
  }
  .Recipe__txtlink span::after {
    right: calc(-30 / 1300 * 100vw);
    width: calc(10 / 1300 * 100vw);
    height: calc(20 / 1300 * 100vw);
  }
  .Related {
    padding: calc(150 / 1300 * 100vw) 0 calc(50 / 1300 * 100vw);
  }
  .Related__ttl {
    width: calc(506 / 1300 * 100vw);
    margin-bottom: calc(60 / 1300 * 100vw);
  }
  .Related__link {
    margin-bottom: calc(65 / 1300 * 100vw);
    padding: 0 calc(138 / 1300 * 100vw);
  }
  .Related__link-btn {
    height: calc(100 / 1300 * 100vw);
    font-size: calc(18 / 1300 * 100vw);
  }
  .Related__link-btn:nth-child(n+3) {
    margin-top: calc(30 / 1300 * 100vw);
  }
  .Related__link-btn::after {
    right: calc(28 / 1300 * 100vw);
    width: calc(23 / 1300 * 100vw);
    height: calc(23 / 1300 * 100vw);
  }
  .Related__link-btn--ico::before {
    left: calc(20 / 1300 * 100vw);
    width: calc(60 / 1300 * 100vw);
    height: calc(60 / 1300 * 100vw);
  }
  .Related__list {
    -webkit-column-gap: calc(30 / 1300 * 100vw);
    column-gap: calc(30 / 1300 * 100vw);
    row-gap: calc(30 / 1300 * 100vw);
    max-width: calc(1100 / 1300 * 100vw);
    padding: 0 calc(60 / 1300 * 100vw);
    margin-bottom: calc(120 / 1300 * 100vw);
  }
  .Related__txtlink {
    font-size: calc(18 / 1300 * 100vw);
  }
  .Related__txtlink span {
    padding-left: calc(18 / 1300 * 100vw);
  }
  .Related__txtlink span::before {
    font-size: calc(18 / 1300 * 100vw);
  }
  .Related__pagetop {
    bottom: calc(30 / 1300 * 100vw);
  }
  .Related__share-ttl {
    margin-bottom: calc(30 / 1300 * 100vw);
  }
  .Related__share-ttl span {
    font-size: calc(18 / 1300 * 100vw);
  }
  .Related__share-ttl span::before {
    margin-right: calc(15 / 1300 * 100vw);
  }
  .Related__share-ttl span::after {
    margin-left: calc(15 / 1300 * 100vw);
  }
  .Related__share-list a {
    width: calc(78 / 1300 * 100vw);
    height: calc(78 / 1300 * 100vw);
  }
  .Related__share-list a:nth-child(n+2) {
    margin-left: calc(60 / 1300 * 100vw);
  }
  .Footer__copy {
    height: calc(80 / 1300 * 100vw);
    font-size: calc(18 / 1300 * 100vw);
  }
  .Recipe__video-modal {
    width: calc(337 / 1300 * 100vw);
    height: calc(600 / 1300 * 100vw);
  }
}

@media (max-width: 750px) {
  body {
    font-size: calc(24 / 750 * 100vw);
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .MainVisual {
    height: calc(1080 / 750 * 100vw);
  }
  .MainVisual::after {
    background: url(/products/brand/chocopie/img/MainVisual__bg_sp.png) no-repeat top center/cover;
  }
  .MainVisual__hero {
    top: calc(730 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(416 / 750 * 100vw);
  }
  .MainVisual__logo {
    top: calc(42 / 750 * 100vw);
    left: calc(32 / 750 * 100vw);
    width: calc(100 / 750 * 100vw);
  }
  .MainVisual__ttl {
    top: calc(90 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(388 / 750 * 100vw);
  }
  .MainVisual__share {
    top: calc(12 / 750 * 100vw);
    right: calc(10 / 750 * 100vw);
  }
  .MainVisual__share a {
    width: calc(70 / 750 * 100vw);
    height: calc(70 / 750 * 100vw);
  }
  .MainVisual__share a:nth-child(n+2) {
    margin-left: calc(20 / 750 * 100vw);
  }
  .Nav {
    padding: 0;
  }
  .Nav__anc {
    width: 50%;
    height: calc(90 / 750 * 100vw);
  }
  .Nav__anc:nth-child(3) {
    width: 100%;
    border-top: solid .2rem #aa0009;
    border-bottom: solid .2rem #aa0009;
  }
  .Nav__anc:nth-child(2), .Nav__anc:nth-child(5) {
    border-left: solid .2rem #aa0009;
  }
  .Nav__anc span {
    height: calc(32 / 750 * 100vw);
  }
  .Banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: calc(60 / 750 * 100vw) calc(40 / 750 * 100vw) calc(60 / 750 * 100vw);
  }
  .Banner__link {
    width: 100%;
  }
  .Banner__link:nth-child(n+2) {
    margin-top: calc(30 / 750 * 100vw);
  }
  .About {
    padding-top: calc(120 / 750 * 100vw);
  }
  .About__ttl {
    width: calc(670 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .About__subttl {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .About__subttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .About__subttl span:nth-child(n+2) {
    margin-top: calc(30 / 750 * 100vw);
  }
  .About__subttl span i {
    height: calc(52 / 750 * 100vw);
  }
  .About__txt {
    margin-bottom: calc(40 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .About__point {
    overflow: hidden;
    height: calc(1157 / 750 * 100vw);
    margin: 0;
    padding: 0;
  }
  .About__point::after {
    content: '';
    position: absolute;
    top: calc(386 / 750 * 100vw);
    right: calc(-125 / 750 * 100vw);
    width: calc(710 / 750 * 100vw);
    height: calc(482 / 750 * 100vw);
    background: url(/products/brand/chocopie/img/About__point-main.png) no-repeat top left/contain;
  }
  .About__point-main {
    position: relative;
  }
  .About__point-detail {
    position: relative;
    width: 100% !important;
  }
  .About__point-detail .inr {
    width: 100%;
    height: 100%;
  }
  .About__point-detail .line {
    height: calc(12 / 750 * 100vw);
  }
  .About__point-detail .txt {
    font-size: calc(28 / 750 * 100vw);
  }
  .About__point-detail.point-01 {
    top: 0;
    left: 0;
    width: 100%;
  }
  .About__point-detail.point-01 .blowoff {
    top: calc(-92 / 750 * 100vw);
    left: calc(40 / 750 * 100vw);
    width: calc(170 / 750 * 100vw);
    height: calc(82 / 750 * 100vw);
  }
  .About__point-detail.point-01 .line {
    top: calc(148 / 750 * 100vw);
    left: calc(193 / 750 * 100vw);
    width: calc(450 / 750 * 100vw);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }
  .About__point-detail.point-01 .img {
    width: calc(311 / 750 * 100vw);
    margin: calc(92 / 750 * 100vw) 0 calc(420 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__point-detail.point-01 .ttl {
    width: calc(378 / 750 * 100vw);
    margin: 0 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__point-detail.point-01 .txt {
    margin-left: calc(40 / 750 * 100vw);
    text-align: left;
  }
  .About__point-detail.point-02 {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  .About__point-detail.point-02 .blowoff {
    top: calc(-92 / 750 * 100vw);
    right: auto;
    left: calc(217 / 750 * 100vw);
    width: calc(168 / 750 * 100vw);
    height: calc(70 / 750 * 100vw);
  }
  .About__point-detail.point-02 .line {
    top: calc(146 / 750 * 100vw);
    left: calc(192 / 750 * 100vw);
    width: calc(350 / 750 * 100vw);
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
  }
  .About__point-detail.point-02 .img {
    width: calc(312 / 750 * 100vw);
    margin: calc(92 / 750 * 100vw) 0 calc(426 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__point-detail.point-02 .ttl {
    width: calc(468 / 750 * 100vw);
    margin: 0 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__point-detail.point-02 .txt {
    margin-left: calc(40 / 750 * 100vw);
    text-align: left;
  }
  .About__point-detail.point-03 {
    bottom: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .About__point-detail.point-03 .blowoff {
    top: calc(65 / 750 * 100vw);
    left: calc(35 / 750 * 100vw);
    width: calc(162 / 750 * 100vw);
    height: calc(84 / 750 * 100vw);
  }
  .About__point-detail.point-03 .line {
    top: calc(250 / 750 * 100vw);
    left: calc(196 / 750 * 100vw);
    width: calc(370 / 750 * 100vw);
    -webkit-transform: rotate(52deg);
    transform: rotate(52deg);
  }
  .About__point-detail.point-03 .inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .About__point-detail.point-03 .img {
    width: calc(316 / 750 * 100vw);
    margin: calc(98 / 750 * 100vw) 0 calc(408 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__point-detail.point-03 .ttl {
    width: calc(298 / 750 * 100vw);
    margin: 0 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__point-detail.point-03 .txt {
    margin-left: calc(40 / 750 * 100vw);
  }
  .About__point .swiper-pagination {
    bottom: calc(20 / 750 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: calc(20 / 750 * 100vw);
  }
  .About__point .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: 0 0;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: calc(80 / 750 * 100vw);
    height: calc(53 / 750 * 100vw);
    margin: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw);
  }
  .About__point .swiper-pagination .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    background-color: #5f0000;
    width: calc(60 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
  }
  .About__point .swiper-pagination .swiper-pagination-bullet:nth-child(1)::before {
    background: url(/products/brand/chocopie/img/About__point-detail--01-pagination.png) no-repeat 0/contain;
  }
  .About__point .swiper-pagination .swiper-pagination-bullet:nth-child(2)::before {
    background: url(/products/brand/chocopie/img/About__point-detail--02-pagination.png) no-repeat 0/contain;
  }
  .About__point .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before {
    background: url(/products/brand/chocopie/img/About__point-detail--03-pagination.png) no-repeat 0/contain;
  }
  .About__point .swiper-pagination .swiper-pagination-bullet-active::before {
    position: absolute;
    width: calc(80 / 750 * 100vw);
    height: calc(53 / 750 * 100vw);
  }
  .About__point .About__point-detail .line {
    overflow: hidden;
  }
  .About__point .About__point-detail .line span {
    overflow: hidden;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .line span i {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .img {
    overflow: hidden;
    -webkit-filter: blur(1rem);
    filter: blur(1rem);
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition: all 1s,opacity .1s;
    transition: all 1s,opacity .1s;
  }
  .About__point .About__point-detail .ttl {
    overflow: hidden;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .ttl span {
    display: block;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .txt {
    overflow: hidden;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .txt span {
    display: block;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .blowoff {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: all .7s;
    transition: all .7s;
    overflow: hidden;
    opacity: 0;
  }
  .About__point .About__point-detail.swiper-slide-active .line span {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .About__point .About__point-detail.swiper-slide-active .line span i {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .About__point .About__point-detail.swiper-slide-active .img {
    overflow: visible;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
  }
  .About__point .About__point-detail.swiper-slide-active .ttl {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
  }
  .About__point .About__point-detail.swiper-slide-active .ttl span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
  }
  .About__point .About__point-detail.swiper-slide-active .txt {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
  }
  .About__point .About__point-detail.swiper-slide-active .txt span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
  }
  .About__point .About__point-detail.swiper-slide-active .blowoff {
    overflow: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
  }
  .About__pursuit {
    padding: 0 calc(40 / 750 * 100vw);
    margin-top: calc(190 / 750 * 100vw);
    margin-bottom: calc(26 / 750 * 100vw);
  }
  .About__pursuit-batch {
    z-index: 1;
    top: calc(-127 / 750 * 100vw);
    left: 0;
    right: 0;
    width: calc(380 / 750 * 100vw);
    height: calc(128 / 750 * 100vw);
    margin: 0 auto;
  }
  .About__pursuit-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: calc(128 / 750 * 100vw) 0 0;
    background: url(/products/brand/chocopie/img/About__pursuit-txt--batch_sp.png) no-repeat top calc(-128 / 750 * 100vw)/contain;
  }
  .About__pursuit-wrap .img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    border-bottom: solid .2rem #5f0000;
    border-left: none;
    border-radius: 2rem 2rem 0 0;
  }
  .About__pursuit-wrap .wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding: calc(50 / 750 * 100vw) calc(35 / 750 * 100vw);
  }
  .About__pursuit-wrap .wrap .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: calc(45 / 750 * 100vw);
  }
  .About__pursuit-wrap .wrap .txt span {
    height: calc(42 / 750 * 100vw);
  }
  .About__pursuit-wrap .wrap .txt span:nth-child(2) {
    margin-top: calc(22 / 750 * 100vw);
    padding-left: 0;
  }
  .About__pursuit-wrap .wrap .btn {
    width: calc(420 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    border-radius: 6rem;
    font-size: calc(27 / 750 * 100vw);
  }
  .About__pursuit-wrap .wrap .btn span {
    padding-right: calc(86 / 750 * 100vw);
  }
  .About__pursuit-wrap .wrap .btn span::after {
    width: calc(30 / 750 * 100vw);
    height: calc(30 / 750 * 100vw);
  }
  .About__intro {
    padding: calc(70 / 750 * 100vw) calc(40 / 750 * 100vw) calc(160 / 750 * 100vw);
  }
  .About__intro::after {
    background-size: 100%;
  }
  .About__intro-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .About__intro-panel:nth-child(n+2) {
    margin-top: calc(95 / 750 * 100vw);
  }
  .About__intro-panel .mainttl {
    top: calc(-40 / 750 * 100vw);
    width: 100%;
  }
  .About__intro-panel .ttl {
    height: calc(40 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .About__intro-panel--01 {
    padding: 0 calc(35 / 750 * 100vw);
  }
  .About__intro-panel--01 .child {
    width: 100%;
    padding: calc(80 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
  }
  .About__intro-panel--01 .child:nth-of-type(2) {
    padding-top: calc(50 / 750 * 100vw);
  }
  .About__intro-panel--01 .child:nth-of-type(2)::before {
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .About__intro-panel--01 .child .img {
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .About__intro-panel--02 .img {
    width: 100%;
    border-radius: 1.8rem 1.8rem 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-left: none;
    border-bottom: solid .2rem #5f0000;
  }
  .About__intro-panel--02 .wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: calc(50 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .About__intro-panel--02 .wrap .txt {
    margin-bottom: calc(50 / 750 * 100vw);
  }
  .About__intro-panel--02 .wrap .btn {
    width: calc(590 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .About__intro-panel--02 .wrap .btn span {
    padding-right: calc(86 / 750 * 100vw);
  }
  .About__intro-panel--02 .wrap .btn span::after {
    width: calc(30 / 750 * 100vw);
    height: calc(30 / 750 * 100vw);
  }
  .LineUp {
    padding: calc(160 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
  }
  .LineUp__ttl {
    width: calc(670 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .LineUp__subttl {
    width: 100%;
    margin-bottom: calc(80 / 1300 * 100vw);
  }
  .LineUp__regular {
    overflow: hidden;
    margin-bottom: calc(150 / 750 * 100vw);
    padding: 0 calc(40 / 750 * 100vw);
  }
  .LineUp__regular-panel {
    width: 100%;
    height: auto;
    padding-bottom: calc(210 / 750 * 100vw);
  }
  .LineUp__regular-panel:nth-child(n+2) {
    margin-top: calc(40 / 750 * 100vw);
  }
  .LineUp__regular-panel .name {
    margin-bottom: calc(46 / 750 * 100vw);
  }
  .LineUp__regular-panel .txt {
    margin-bottom: calc(50 / 750 * 100vw);
  }
  .LineUp__regular-panel .annotation {
    font-size: calc(24 / 750 * 100vw);
  }
  .LineUp__regular-panel .btn {
    bottom: calc(60 / 750 * 100vw);
    width: calc(400 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    font-size: calc(27 / 750 * 100vw);
  }
  .LineUp__regular-panel .btn span {
    padding-right: calc(86 / 750 * 100vw);
  }
  .LineUp__regular-panel .btn span::after {
    width: calc(30 / 750 * 100vw);
    height: calc(30 / 750 * 100vw);
  }
  .LineUp__regular-panel--main {
    height: auto;
    padding-bottom: calc(600 / 750 * 100vw);
  }
  .LineUp__regular-panel--main div {
    width: 100%;
    padding-bottom: calc(210 / 750 * 100vw);
  }
  .LineUp__regular-panel--main::before {
    bottom: calc(50 / 750 * 100vw);
    right: calc(-254 / 750 * 100vw);
    width: calc(900 / 750 * 100vw);
    height: calc(484 / 750 * 100vw);
  }
  .LineUp__regular-panel--main::after {
    bottom: calc(-50 / 750 * 100vw);
    right: calc(-254 / 750 * 100vw);
    width: calc(536 / 750 * 100vw);
    height: calc(312 / 750 * 100vw);
  }
  .LineUp__regular-panel--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .LineUp__regular-panel--row .prd {
    width: 100%;
  }
  .LineUp__regular-panel--row div {
    width: 100%;
  }
  .LineUp__regular-panel--cmg {
    display: none;
  }
  .LineUp__regular-panel.new::before {
    width: calc(180 / 750 * 100vw);
    height: calc(180 / 750 * 100vw);
  }
  .LineUp__regular-panel.new::after {
    top: calc(40 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
  }
  .LineUp__slider {
    padding: 0;
  }
  .LineUp__slider.no-slider {
    padding: 0 calc(40 / 750 * 100vw);
  }
  .LineUp__slider-panel .ttl {
    font-size: calc(36 / 750 * 100vw);
  }
  .LineUp__slider-panel .ttl span {
    padding-top: calc(20 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
  .LineUp__slider-panel .txt {
    width: calc(458 / 750 * 100vw);
    padding: calc(30 / 750 * 100vw) 0 calc(36 / 750 * 100vw);
  }
  .LineUp__slider-panel .txt span {
    margin-top: calc(38 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
  .LineUp__slider-panel .btn {
    width: calc(400 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    font-size: calc(27 / 750 * 100vw);
  }
  .LineUp__slider-panel .btn span {
    padding-right: calc(86 / 750 * 100vw);
  }
  .LineUp__slider-panel .btn span::after {
    width: calc(30 / 750 * 100vw);
    height: calc(30 / 750 * 100vw);
  }
  .LineUp__slider-panel.limited {
    padding: calc(40 / 750 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .LineUp__slider-panel.limited .txt {
    padding: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw);
    width: 100%;
  }
  .LineUp__slider .swiper-button-next, .LineUp__slider .swiper-button-prev {
    top: 28%;
    width: calc(120 / 750 * 100vw);
    height: calc(120 / 750 * 100vw);
  }
  .LineUp__slider .swiper-button-next::after, .LineUp__slider .swiper-button-prev::after {
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
  }
  .LineUp__slider .swiper-button-prev {
    left: calc(20 / 750 * 100vw);
  }
  .LineUp__slider .swiper-button-next {
    right: calc(20 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination {
    margin-top: calc(60 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination::after, .LineUp__slider .swiper-pagination::before {
    width: calc(15 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination::before {
    left: calc(-20 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination::after {
    right: calc(-20 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
    margin: 0 calc(10 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet::before {
    width: calc(12 / 750 * 100vw);
    height: calc(12 / 750 * 100vw);
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet-active::before {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
  }
  .LineUp__slider-panel.new::before {
    width: calc(180 / 750 * 100vw);
    height: calc(180 / 750 * 100vw);
  }
  .LineUp__slider-panel.new::after {
    top: calc(40 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
  }
  .Special {
    padding: 0;
  }
  .Special__ttl {
    width: calc(650 / 750 * 100vw);
    margin-bottom: calc(46 / 750 * 100vw);
  }
  .Special__ttl span {
    width: 100%;
    margin-bottom: calc(16 / 750 * 100vw);
  }
  .SpecialSlider {
    padding: calc(266 / 750 * 100vw) 0 calc(66 / 750 * 100vw);
    border-radius: 0;
  }
  .SpecialSlider::before {
    top: calc(-20 / 750 * 100vw);
    left: calc(-20 / 750 * 100vw);
    width: calc(678 / 750 * 100vw);
    height: calc(380 / 750 * 100vw);
  }
  .SpecialSlider__txt {
    top: calc(70 / 750 * 100vw);
    left: calc(45 / 750 * 100vw);
    width: calc(518 / 750 * 100vw);
  }
  .SpecialSlider__mask {
    height: calc(720 / 750 * 100vw);
  }
  .SpecialSlider__main {
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .SpecialSlider__main-wrap {
    height: calc(440 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination {
    width: calc(440 / 750 * 100vw);
    height: calc(440 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet {
    width: calc(12 / 750 * 100vw);
    height: calc(12 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    top: calc(-3 / 750 * 100vw);
    left: calc(214 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    top: calc(0 / 750 * 100vw);
    left: calc(248 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    top: calc(8 / 750 * 100vw);
    left: calc(281 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    top: calc(21 / 750 * 100vw);
    left: calc(313 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    top: calc(39 / 750 * 100vw);
    left: calc(342 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
    top: calc(61 / 750 * 100vw);
    left: calc(367 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
    top: calc(87 / 750 * 100vw);
    left: calc(390 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(8) {
    top: calc(116 / 750 * 100vw);
    left: calc(407 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(9) {
    top: calc(147 / 750 * 100vw);
    left: calc(421 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(10) {
    top: calc(180 / 750 * 100vw);
    left: calc(428 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(11) {
    top: calc(214 / 750 * 100vw);
    left: calc(431 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(12) {
    top: calc(248 / 750 * 100vw);
    left: calc(428 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(13) {
    top: calc(281 / 750 * 100vw);
    left: calc(421 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(14) {
    top: calc(313 / 750 * 100vw);
    left: calc(407 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(15) {
    top: calc(342 / 750 * 100vw);
    left: calc(390 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(16) {
    top: calc(368 / 750 * 100vw);
    left: calc(367 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(17) {
    top: calc(390 / 750 * 100vw);
    left: calc(342 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(18) {
    top: calc(408 / 750 * 100vw);
    left: calc(313 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(19) {
    top: calc(422 / 750 * 100vw);
    left: calc(281 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(20) {
    top: calc(429 / 750 * 100vw);
    left: calc(248 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(21) {
    top: calc(432 / 750 * 100vw);
    left: calc(214 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(22) {
    top: calc(429 / 750 * 100vw);
    left: calc(180 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(23) {
    top: calc(421 / 750 * 100vw);
    left: calc(147 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(24) {
    top: calc(408 / 750 * 100vw);
    left: calc(115 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(25) {
    top: calc(390 / 750 * 100vw);
    left: calc(86 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(26) {
    top: calc(368 / 750 * 100vw);
    left: calc(60 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(27) {
    top: calc(342 / 750 * 100vw);
    left: calc(38 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(28) {
    top: calc(313 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(29) {
    top: calc(282 / 750 * 100vw);
    left: calc(7 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(30) {
    top: calc(248 / 750 * 100vw);
    left: calc(-1 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(31) {
    top: calc(214 / 750 * 100vw);
    left: calc(-3 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(32) {
    top: calc(181 / 750 * 100vw);
    left: 0;
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(33) {
    top: calc(147 / 750 * 100vw);
    left: calc(7 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(34) {
    top: calc(116 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(35) {
    top: calc(87 / 750 * 100vw);
    left: calc(38 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(36) {
    top: calc(61 / 750 * 100vw);
    left: calc(60 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(37) {
    top: calc(39 / 750 * 100vw);
    left: calc(86 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(38) {
    top: calc(20 / 750 * 100vw);
    left: calc(115 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(39) {
    top: calc(8 / 750 * 100vw);
    left: calc(147 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(40) {
    top: 0;
    left: calc(180 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(30 / 750 * 100vw);
    height: calc(22 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {
    top: calc(-5 / 750 * 100vw);
    left: calc(206 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {
    top: calc(-2 / 750 * 100vw);
    left: calc(240 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {
    top: calc(6 / 750 * 100vw);
    left: calc(273 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4) {
    top: calc(19 / 750 * 100vw);
    left: calc(305 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5) {
    top: calc(37 / 750 * 100vw);
    left: calc(334 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6) {
    top: calc(59 / 750 * 100vw);
    left: calc(359 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(7) {
    top: calc(85 / 750 * 100vw);
    left: calc(382 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(8) {
    top: calc(114 / 750 * 100vw);
    left: calc(399 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(9) {
    top: calc(145 / 750 * 100vw);
    left: calc(413 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(10) {
    top: calc(178 / 750 * 100vw);
    left: calc(420 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(11) {
    top: calc(212 / 750 * 100vw);
    left: calc(423 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(12) {
    top: calc(246 / 750 * 100vw);
    left: calc(420 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(13) {
    top: calc(279 / 750 * 100vw);
    left: calc(413 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(14) {
    top: calc(311 / 750 * 100vw);
    left: calc(399 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(15) {
    top: calc(340 / 750 * 100vw);
    left: calc(382 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(16) {
    top: calc(366 / 750 * 100vw);
    left: calc(359 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(17) {
    top: calc(388 / 750 * 100vw);
    left: calc(334 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(18) {
    top: calc(406 / 750 * 100vw);
    left: calc(305 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(19) {
    top: calc(420 / 750 * 100vw);
    left: calc(273 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(20) {
    top: calc(427 / 750 * 100vw);
    left: calc(240 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(21) {
    top: calc(430 / 750 * 100vw);
    left: calc(206 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(22) {
    top: calc(427 / 750 * 100vw);
    left: calc(172 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(23) {
    top: calc(419 / 750 * 100vw);
    left: calc(139 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(24) {
    top: calc(406 / 750 * 100vw);
    left: calc(107 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(25) {
    top: calc(388 / 750 * 100vw);
    left: calc(78 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(26) {
    top: calc(366 / 750 * 100vw);
    left: calc(52 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(27) {
    top: calc(340 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(28) {
    top: calc(311 / 750 * 100vw);
    left: calc(12 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(29) {
    top: calc(280 / 750 * 100vw);
    left: calc(-1 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(30) {
    top: calc(246 / 750 * 100vw);
    left: calc(-9 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(31) {
    top: calc(212 / 750 * 100vw);
    left: calc(-11 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(32) {
    top: calc(179 / 750 * 100vw);
    left: calc(-8 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(33) {
    top: calc(145 / 750 * 100vw);
    left: calc(-1 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(34) {
    top: calc(114 / 750 * 100vw);
    left: calc(12 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(35) {
    top: calc(85 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(36) {
    top: calc(59 / 750 * 100vw);
    left: calc(52 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(37) {
    top: calc(37 / 750 * 100vw);
    left: calc(78 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(38) {
    top: calc(18 / 750 * 100vw);
    left: calc(107 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(39) {
    top: calc(6 / 750 * 100vw);
    left: calc(139 / 750 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(40) {
    top: calc(-2 / 750 * 100vw);
    left: calc(172 / 750 * 100vw);
  }
  .SpecialSlider__img {
    height: 44rem;
  }
  .SpecialSlider__tmb {
    width: calc(670 / 750 * 100vw);
    height: calc(254 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .SpecialSlider__panel {
    padding-top: calc(30 / 750 * 100vw);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .SpecialSlider__panel .number {
    width: calc(81 / 750 * 100vw);
    height: calc(54 / 750 * 100vw);
    margin: 0 calc(30 / 750 * 100vw) 0 calc(36 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
  }
  .SpecialSlider__panel .text {
    width: calc(388 / 750 * 100vw);
    margin-right: calc(26 / 750 * 100vw);
  }
  .SpecialSlider__panel .text p {
    font-size: calc(26 / 750 * 100vw);
  }
  .SpecialSlider__panel .text small {
    margin-top: calc(26 / 750 * 100vw);
  }
  .SpecialSlider__panel .arrow {
    width: calc(80 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
  }
  .SpecialSlider__panel .arrow::after {
    width: calc(26 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
  }
  .SpecialSlider__txtlink {
    position: static;
    display: block;
    padding-right: calc(40 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    text-align: right;
  }
  .SpecialSlider__txtlink span {
    padding-right: calc(60 / 750 * 100vw);
  }
  .SpecialSlider__txtlink span::after {
    right: 0;
    width: calc(20 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
  }
  .Topics {
    padding: calc(160 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
  }
  .Topics__ttl {
    width: calc(670 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .Topics__subttl {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .Topics__subttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .Topics__subttl span:nth-child(n+2) {
    margin-top: calc(30 / 750 * 100vw);
  }
  .Topics__subttl span i {
    height: calc(52 / 750 * 100vw);
  }
  .Topics__txt {
    margin-bottom: calc(70 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .Topics__slider {
    padding: 0;
  }
  .Topics__slider-panel .ttl {
    padding: calc(34 / 750 * 100vw) 0 calc(30 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
  }
  .Topics__slider .swiper-button-next, .Topics__slider .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 28%;
    width: calc(120 / 750 * 100vw);
    height: calc(120 / 750 * 100vw);
  }
  .Topics__slider .swiper-button-next::after, .Topics__slider .swiper-button-prev::after {
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
  }
  .Topics__slider .swiper-button-prev {
    left: calc(20 / 750 * 100vw);
  }
  .Topics__slider .swiper-button-next {
    right: calc(20 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(60 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination::after, .Topics__slider .swiper-pagination::before {
    width: calc(15 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination::before {
    left: calc(-20 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination::after {
    right: calc(-20 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
    margin: 0 calc(10 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet::before {
    width: calc(12 / 750 * 100vw);
    height: calc(12 / 750 * 100vw);
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet-active::before {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
  }
  .Recipe {
    padding: calc(160 / 750 * 100vw) 0;
  }
  .Recipe__ttl {
    width: calc(670 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .Recipe__txt {
    margin-bottom: calc(70 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .Recipe__link {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .Recipe__link-panel {
    width: calc((100% - 2rem)/ 2);
  }
  .Recipe__link-panel:nth-child(2n) {
    margin-left: 2rem;
  }
  .Recipe__link-panel:nth-child(n+3) {
    margin-top: calc(30 / 750 * 100vw);
  }
  .Recipe__link-panel .txt {
    height: calc(90 / 750 * 100vw);
  }
  .Recipe__slider {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .Recipe__slider-panel {
    width: calc((100% - 2rem)/ 2);
  }
  .Recipe__slider-panel .txt {
    height: calc(120 / 750 * 100vw);
    font-size: calc(36 / 750 * 100vw);
  }
  .Recipe__slider .swiper-button-next, .Recipe__slider .swiper-button-prev {
    top: 38%;
    width: calc(120 / 750 * 100vw);
    height: calc(120 / 750 * 100vw);
  }
  .Recipe__slider .swiper-button-next::after, .Recipe__slider .swiper-button-prev::after {
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
  }
  .Recipe__slider .swiper-button-prev {
    left: calc(40 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-button-next {
    right: calc(40 / 1300 * 100vw);
  }
  .Recipe__slider .swiper-pagination {
    margin-top: calc(60 / 750 * 100vw);
  }
  .Recipe__slider .swiper-pagination::after, .Recipe__slider .swiper-pagination::before {
    width: calc(15 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
  }
  .Recipe__slider .swiper-pagination::before {
    left: calc(-20 / 750 * 100vw);
  }
  .Recipe__slider .swiper-pagination::after {
    right: calc(-20 / 750 * 100vw);
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
    margin: 0 calc(10 / 750 * 100vw);
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet::before {
    width: calc(12 / 750 * 100vw);
    height: calc(12 / 750 * 100vw);
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet-active::before {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
  }
  .Recipe__video {
    margin-bottom: calc(60 / 750 * 100vw);
    padding: 0 calc(40 / 750 * 100vw);
  }
  .Recipe__video-tmb {
    width: 100%;
  }
  .Recipe__video-tmb:nth-child(n+2) {
    margin: calc(30 / 750 * 100vw) 0 0;
  }
  .Recipe__video-tmb .tmb {
    width: calc(260 / 750 * 100vw);
  }
  .Recipe__video-tmb .tmb::before {
    width: calc(70 / 750 * 100vw);
    height: calc(70 / 750 * 100vw);
  }
  .Recipe__video-tmb .tmb::after {
    width: calc(25 / 750 * 100vw);
    height: calc(29 / 750 * 100vw);
  }
  .Recipe__video-tmb .txt {
    width: calc(315 / 750 * 100vw);
  }
  .Recipe__txtlink {
    font-size: calc(28 / 750 * 100vw);
  }
  .Recipe__txtlink:first-of-type {
    margin-bottom: calc(20 / 750 * 100vw);
  }
  .Recipe__txtlink span {
    padding-right: calc(60 / 750 * 100vw);
  }
  .Recipe__txtlink span::after {
    right: 0;
    width: calc(20 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
  }
  .Related {
    padding: calc(160 / 750 * 100vw) calc(40 / 750 * 100vw) calc(80 / 750 * 100vw);
  }
  .Related::after {
    background-size: 250%;
  }
  .Related__ttl {
    width: calc(670 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .Related__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: calc(85 / 750 * 100vw);
    padding: 0;
  }
  .Related__link-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: calc(150 / 750 * 100vw);
    padding-left: calc(50 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    text-align: left;
  }
  .Related__link-btn:nth-child(n+2) {
    margin-top: calc(30 / 750 * 100vw);
  }
  .Related__link-btn::after {
    right: calc(50 / 750 * 100vw);
    width: calc(28 / 750 * 100vw);
    height: calc(28 / 750 * 100vw);
  }
  .Related__link-btn--ico {
    padding-left: calc(150 / 750 * 100vw);
  }
  .Related__link-btn--ico::before {
    left: calc(40 / 750 * 100vw);
    width: calc(90 / 750 * 100vw);
    height: calc(90 / 750 * 100vw);
  }
  .Related__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: calc(30 / 750 * 100vw);
    -webkit-column-gap: 0;
    column-gap: 0;
    padding-right: 0;
    padding-left: calc(40 / 750 * 100vw);
    margin-bottom: calc(85 / 750 * 100vw);
  }
  .Related__list li {
    width: 100%;
  }
  .Related__txtlink {
    font-size: calc(28 / 750 * 100vw);
  }
  .Related__txtlink span {
    padding-left: calc(28 / 750 * 100vw);
  }
  .Related__txtlink span::before {
    font-size: calc(28 / 750 * 100vw);
  }
  .Related__pagetop {
    position: static;
    width: calc(250 / 750 * 100vw);
    height: calc(250 / 750 * 100vw);
    margin: 0 auto calc(80 / 750 * 100vw);
    background: url(/products/brand/chocopie/img/Related__pagetop--btn.png) no-repeat 0/contain;
  }
  .Related__pagetop div {
    display: none;
  }
  .Related__share-ttl {
    margin-bottom: calc(46 / 750 * 100vw);
  }
  .Related__share-ttl span {
    font-size: calc(28 / 750 * 100vw);
  }
  .Related__share-ttl span::after, .Related__share-ttl span::before {
    width: calc(4 / 750 * 100vw);
    height: calc(42 / 750 * 100vw);
  }
  .Related__share-ttl span::before {
    margin-right: calc(32 / 750 * 100vw);
  }
  .Related__share-ttl span::after {
    margin-left: calc(32 / 750 * 100vw);
  }
  .Related__share-list a {
    width: calc(90 / 750 * 100vw);
    height: calc(90 / 750 * 100vw);
  }
  .Related__share-list a:nth-child(n+2) {
    margin-left: calc(40 / 750 * 100vw);
  }
  .Footer__copy {
    height: calc(120 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
  .Recipe__video-modal {
    width: calc(500 / 750 * 100vw);
    height: calc(888 / 750 * 100vw);
  }
  #List .List {
    padding-top: calc(140 / 750 * 100vw) 0 calc(200 / 750 * 100vw);
  }
  #List .List__logo {
    left: calc(40 / 750 * 100vw);
    width: calc(135 / 750 * 100vw);
  }
  #List .List__ttl {
    width: calc(760 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw);
    padding: 2rem 2rem 0;
  }
  #List .List__anc {
    width: calc(688 / 750 * 100vw);
    margin: 0 auto calc(90 / 750 * 100vw);
  }
  #List .List__anc a {
    width: calc((100% - 4rem)/ 2);
  }
  #List .List__anc a:nth-child(n+3) {
    margin-top: calc(20 / 750 * 100vw);
  }
  #List .List__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: calc(100 / 750 * 100vw);
    padding: 0 calc(40 / 750 * 100vw);
  }
  #List .List__item li {
    width: 100%;
    margin: 0;
  }
  #List .List__item li:nth-child(n+2) {
    margin-top: calc(40 / 750 * 100vw);
  }
  #List .List__item li .number {
    top: calc(36 / 750 * 100vw);
    left: calc(34 / 750 * 100vw);
    width: calc(112 / 750 * 100vw);
    height: calc(74 / 750 * 100vw);
    font-size: calc(48 / 750 * 100vw);
  }
  #List .List__item li .img {
    margin-bottom: calc(40 / 750 * 100vw);
  }
  #List .List__item li .wrap {
    padding: 0 calc(35 / 750 * 100vw) calc(35 / 750 * 100vw);
  }
  #List .List__item li .wrap .txt {
    margin-bottom: calc(20 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  #List .List__item li .wrap .date {
    font-size: calc(24 / 750 * 100vw);
  }
  #List .List__item li a::before {
    bottom: calc(26 / 750 * 100vw);
    right: calc(26 / 750 * 100vw);
    width: calc(80 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
  }
  #List .List__item li a::after {
    bottom: calc(55 / 750 * 100vw);
    right: calc(55 / 750 * 100vw);
    width: calc(27 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
  }
  #List .List__btn {
    width: calc(400 / 750 * 100vw);
  }
}

@media (min-width: 751px) and (max-width: 1420px) {
  .MainVisual {
    width: 100%;
    height: calc(739 / 1420 * 100vw);
    margin: 0 auto;
  }
  .MainVisual__hero {
    bottom: calc(45 / 1420 * 100vw);
    left: calc(480 / 1420 * 100vw);
    width: calc(455 / 1420 * 100vw);
  }
  .MainVisual__logo {
    top: calc(28 / 1420 * 100vw);
    left: calc(32 / 1420 * 100vw);
    width: calc(102 / 1420 * 100vw);
  }
  .MainVisual__ttl {
    top: calc(273 / 1420 * 100vw);
    left: calc(150 / 1420 * 100vw);
    width: calc(371 / 1420 * 100vw);
  }
  .MainVisual__share {
    top: calc(20 / 1420 * 100vw);
    right: calc(40 / 1420 * 100vw);
  }
}

@media (min-width: 751px) {
  .MainVisual__share a:hover {
    opacity: .8;
  }
  .Nav__anc:hover {
    opacity: .5;
  }
  .Banner__link:hover img {
    opacity: .8;
  }
  .About__point .swiper {
    overflow: inherit;
    height: 100%;
  }
  .About__point .swiper .swiper-wrapper {
    height: 100%;
  }
  .About__point .swiper .swiper-wrapper .swiper-slide {
    height: auto;
  }
  .About__point .About__point-detail .line {
    overflow: hidden;
  }
  .About__point .About__point-detail .line span {
    overflow: hidden;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
  }
  .About__point .About__point-detail .line span i {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
  }
  .About__point .About__point-detail .img {
    overflow: hidden;
    -webkit-filter: blur(1rem);
    filter: blur(1rem);
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -webkit-transition: all 1.2s,opacity .3s;
    transition: all 1.2s,opacity .3s;
  }
  .About__point .About__point-detail .ttl {
    overflow: hidden;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .ttl span {
    display: block;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .txt {
    overflow: hidden;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .txt span {
    display: block;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .About__point .About__point-detail .blowoff {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: all .9s;
    transition: all .9s;
    overflow: hidden;
    opacity: 0;
  }
  .About__point.is-show .About__point-detail .line span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .About__point.is-show .About__point-detail .line span i {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .About__point.is-show .About__point-detail .img {
    overflow: visible;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
  }
  .About__point.is-show .About__point-detail .ttl {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
  }
  .About__point.is-show .About__point-detail .ttl span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
  }
  .About__point.is-show .About__point-detail .txt {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
  }
  .About__point.is-show .About__point-detail .txt span {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
  }
  .About__point.is-show .About__point-detail .blowoff {
    overflow: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
  }
  .About__pursuit-wrap .wrap .btn:hover {
    background-color: #fff;
    color: #d1151c;
  }
  .About__pursuit-wrap .wrap .btn:hover span::after {
    background-color: #d1151c;
  }
  .About__intro-panel--02 .wrap .btn:hover {
    background-color: #fff;
    color: #d1151c;
  }
  .About__intro-panel--02 .wrap .btn:hover span::after {
    background-color: #d1151c;
  }
  .LineUp__regular-panel .btn:hover {
    background-color: #fff;
    color: #d1151c;
  }
  .LineUp__regular-panel .btn:hover span::after {
    background-color: #d1151c;
  }
  .LineUp__regular-panel--row {
    padding-bottom: 0;
  }
  .LineUp__slider-panel .btn:hover {
    background-color: #fff;
    color: #d1151c;
  }
  .LineUp__slider-panel .btn:hover span::after {
    background-color: #d1151c;
  }
  .LineUp__slider .swiper-button-next:hover, .LineUp__slider .swiper-button-prev:hover {
    background-color: #fff;
  }
  .LineUp__slider .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: .5;
  }
  .SpecialSlider__panel .arrow:hover::before {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: opacity .8s,-webkit-transform .6s ease-in-out;
    transition: opacity .8s,-webkit-transform .6s ease-in-out;
    transition: opacity .8s,transform .6s ease-in-out;
    transition: opacity .8s,transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
  }
  .SpecialSlider__txtlink span:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .Topics__slider .swiper-button-next:hover, .Topics__slider .swiper-button-prev:hover {
    background-color: #fff;
  }
  .Topics__slider .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: .5;
  }
  .Recipe__link-panel:hover .img::before {
    opacity: .5;
  }
  .Recipe__slider-panel:hover .img::before {
    opacity: .5;
  }
  .Recipe__slider .swiper-button-next:hover, .Recipe__slider .swiper-button-prev:hover {
    background-color: #fff;
  }
  .Recipe__slider .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: .5;
  }
  .Recipe__video-tmb:hover .tmb div::before {
    opacity: .5;
  }
  .Recipe__txtlink span:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .Related__link-btn:hover {
    background-color: #fff;
    color: #d1151c;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .Related__link-btn:hover::after {
    background-color: #d1151c;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .Related__txtlink:hover {
    opacity: .7;
  }
  .Related__pagetop:hover div::after {
    background: url(/products/brand/chocopie/img/Related__pagetop--on.png) no-repeat 0/contain;
  }
  .Related__share-list a:hover {
    opacity: .8;
  }
  #List .List__anc a:hover {
    opacity: .7;
  }
  #List .List__item li a:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .7;
  }
  #List .List__item li a:hover::before {
    background-color: #fff;
  }
  #List .List__item li a:hover::after {
    background-color: #d1151c;
  }
}

@media (min-width: 1301px) {
  .Banner__link:not(:nth-child(4n)):nth-child(n+2) {
    margin-left: 1.7rem;
  }
  .Banner__link:nth-child(n+4) {
    margin-top: 1.7rem;
  }
  .LineUp__subttl--long {
    width: 62.6rem;
  }
  .LineUp__regular-panel:nth-child(n+2) {
    margin-top: 2.4rem;
  }
  .LineUp__regular-panel--row .btn {
    bottom: 12rem;
    left: auto;
    right: 3rem;
  }
  .Recipe__link-panel:nth-child(n+5) {
    margin-top: 2rem;
  }
  .Recipe__video-tmb:nth-child(n+3) {
    margin-top: 3rem;
  }
  .Related__link-btn:nth-child(n+3) {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 1719px) {
  .LineUp {
    overflow: hidden;
  }
}

@media (min-width: 751px) and (max-width: 1340px) {
  .Special {
    padding-left: calc(20 / 1340 * 100vw);
    padding-right: calc(20 / 1340 * 100vw);
  }
  .Special__ttl {
    width: calc(800 / 1340 * 100vw);
    margin-bottom: calc(30 / 1340 * 100vw);
  }
  .Special__ttl span {
    width: calc(590 / 1340 * 100vw);
    margin-bottom: calc(16 / 1340 * 100vw);
  }
  .SpecialSlider {
    padding: calc(180 / 1340 * 100vw) 0 calc(34 / 1340 * 100vw);
  }
  .SpecialSlider::before {
    top: calc(-45 / 1340 * 100vw);
    left: calc(-40 / 1340 * 100vw);
    width: calc(650 / 1340 * 100vw);
    height: calc(370 / 1340 * 100vw);
  }
  .SpecialSlider__txt {
    top: calc(60 / 1340 * 100vw);
    left: calc(65 / 1340 * 100vw);
    width: calc(430 / 1340 * 100vw);
  }
  .SpecialSlider__mask {
    height: calc(580 / 1340 * 100vw);
  }
  .SpecialSlider__main {
    margin-bottom: calc(30 / 1340 * 100vw);
  }
  .SpecialSlider__main-wrap {
    height: calc(390 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination {
    width: calc(390 / 1340 * 100vw);
    height: calc(390 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet {
    width: calc(12 / 1340 * 100vw);
    height: calc(12 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    top: calc(-3 / 1340 * 100vw);
    left: calc(189 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    top: calc(0 / 1340 * 100vw);
    left: calc(219 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    top: calc(7 / 1340 * 100vw);
    left: calc(248 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    top: calc(18 / 1340 * 100vw);
    left: calc(276 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    top: calc(34 / 1340 * 100vw);
    left: calc(302 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
    top: calc(53 / 1340 * 100vw);
    left: calc(325 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
    top: calc(76 / 1340 * 100vw);
    left: calc(344 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(8) {
    top: calc(102 / 1340 * 100vw);
    left: calc(360 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(9) {
    top: calc(130 / 1340 * 100vw);
    left: calc(372 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(10) {
    top: calc(159 / 1340 * 100vw);
    left: calc(379 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(11) {
    top: calc(189 / 1340 * 100vw);
    left: calc(382 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(12) {
    top: calc(218 / 1340 * 100vw);
    left: calc(379 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(13) {
    top: calc(249 / 1340 * 100vw);
    left: calc(372 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(14) {
    top: calc(277 / 1340 * 100vw);
    left: calc(360 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(15) {
    top: calc(303 / 1340 * 100vw);
    left: calc(345 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(16) {
    top: calc(325 / 1340 * 100vw);
    left: calc(325 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(17) {
    top: calc(345 / 1340 * 100vw);
    left: calc(302 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(18) {
    top: calc(361 / 1340 * 100vw);
    left: calc(276 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(19) {
    top: calc(372 / 1340 * 100vw);
    left: calc(249 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(20) {
    top: calc(380 / 1340 * 100vw);
    left: calc(219 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(21) {
    top: calc(382 / 1340 * 100vw);
    left: calc(189 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(22) {
    top: calc(380 / 1340 * 100vw);
    left: calc(159 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(23) {
    top: calc(372 / 1340 * 100vw);
    left: calc(129 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(24) {
    top: calc(361 / 1340 * 100vw);
    left: calc(101 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(25) {
    top: calc(345 / 1340 * 100vw);
    left: calc(76 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(26) {
    top: calc(325 / 1340 * 100vw);
    left: calc(53 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(27) {
    top: calc(302 / 1340 * 100vw);
    left: calc(33 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(28) {
    top: calc(277 / 1340 * 100vw);
    left: calc(17 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(29) {
    top: calc(248 / 1340 * 100vw);
    left: calc(6 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(30) {
    top: calc(219 / 1340 * 100vw);
    left: calc(-1 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(31) {
    top: calc(189 / 1340 * 100vw);
    left: calc(-3 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(32) {
    top: calc(160 / 1340 * 100vw);
    left: 0;
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(33) {
    top: calc(130 / 1340 * 100vw);
    left: calc(6 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(34) {
    top: calc(102 / 1340 * 100vw);
    left: calc(18 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(35) {
    top: calc(76 / 1340 * 100vw);
    left: calc(33 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(36) {
    top: calc(53 / 1340 * 100vw);
    left: calc(53 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(37) {
    top: calc(34 / 1340 * 100vw);
    left: calc(76 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(38) {
    top: calc(18 / 1340 * 100vw);
    left: calc(102 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(39) {
    top: calc(6 / 1340 * 100vw);
    left: calc(129 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet:nth-child(40) {
    top: calc(-1 / 1340 * 100vw);
    left: calc(159 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(27 / 1340 * 100vw);
    height: calc(20 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {
    top: calc(-5 / 1340 * 100vw);
    left: calc(183 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {
    top: calc(-3 / 1340 * 100vw);
    left: calc(212 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {
    top: calc(2 / 1340 * 100vw);
    left: calc(242 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4) {
    top: calc(14 / 1340 * 100vw);
    left: calc(270 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5) {
    top: calc(31 / 1340 * 100vw);
    left: calc(297 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6) {
    top: calc(50 / 1340 * 100vw);
    left: calc(319 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(7) {
    top: calc(73 / 1340 * 100vw);
    left: calc(338 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(8) {
    top: calc(99 / 1340 * 100vw);
    left: calc(355 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(9) {
    top: calc(127 / 1340 * 100vw);
    left: calc(366 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(10) {
    top: calc(153 / 1340 * 100vw);
    left: calc(372 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(11) {
    top: calc(183 / 1340 * 100vw);
    left: calc(374 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(12) {
    top: calc(215 / 1340 * 100vw);
    left: calc(375 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(13) {
    top: calc(246 / 1340 * 100vw);
    left: calc(368 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(14) {
    top: calc(274 / 1340 * 100vw);
    left: calc(355 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(15) {
    top: calc(300 / 1340 * 100vw);
    left: calc(340 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(16) {
    top: calc(322 / 1340 * 100vw);
    left: calc(320 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(17) {
    top: calc(342 / 1340 * 100vw);
    left: calc(297 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(18) {
    top: calc(358 / 1340 * 100vw);
    left: calc(271 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(19) {
    top: calc(369 / 1340 * 100vw);
    left: calc(244 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(20) {
    top: calc(379 / 1340 * 100vw);
    left: calc(214 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(21) {
    top: calc(379 / 1340 * 100vw);
    left: calc(185 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(22) {
    top: calc(377 / 1340 * 100vw);
    left: calc(154 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(23) {
    top: calc(369 / 1340 * 100vw);
    left: calc(124 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(24) {
    top: calc(358 / 1340 * 100vw);
    left: calc(96 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(25) {
    top: calc(342 / 1340 * 100vw);
    left: calc(71 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(26) {
    top: calc(322 / 1340 * 100vw);
    left: calc(48 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(27) {
    top: calc(299 / 1340 * 100vw);
    left: calc(28 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(28) {
    top: calc(274 / 1340 * 100vw);
    left: calc(12 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(29) {
    top: calc(245 / 1340 * 100vw);
    left: calc(1 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(30) {
    top: calc(215 / 1340 * 100vw);
    left: calc(-9 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(31) {
    top: calc(189 / 1340 * 100vw);
    left: calc(-6 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(32) {
    top: calc(157 / 1340 * 100vw);
    left: calc(-6 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(33) {
    top: calc(127 / 1340 * 100vw);
    left: 0;
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(34) {
    top: calc(99 / 1340 * 100vw);
    left: calc(14 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(35) {
    top: calc(73 / 1340 * 100vw);
    left: calc(28 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(36) {
    top: calc(50 / 1340 * 100vw);
    left: calc(48 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(37) {
    top: calc(31 / 1340 * 100vw);
    left: calc(71 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(38) {
    top: calc(15 / 1340 * 100vw);
    left: calc(98 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(39) {
    top: calc(3 / 1340 * 100vw);
    left: calc(125 / 1340 * 100vw);
  }
  .SpecialSlider__main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(40) {
    top: calc(-4 / 1340 * 100vw);
    left: calc(154 / 1340 * 100vw);
  }
  .SpecialSlider__img {
    height: calc(390 / 1340 * 100vw);
  }
  .SpecialSlider__tmb {
    width: calc(800 / 1340 * 100vw);
    height: calc(130 / 1340 * 100vw);
  }
  .SpecialSlider__panel .number {
    width: calc(81 / 1340 * 100vw);
    height: calc(54 / 1340 * 100vw);
    margin: 0 calc(16 / 1340 * 100vw);
    font-size: calc(32 / 1340 * 100vw);
  }
  .SpecialSlider__panel .text {
    width: calc(580 / 1340 * 100vw);
    margin-right: calc(20 / 1340 * 100vw);
  }
  .SpecialSlider__panel .text p {
    font-size: calc(20 / 1340 * 100vw);
  }
  .SpecialSlider__panel .text small {
    margin-top: calc(20 / 1340 * 100vw);
  }
  .SpecialSlider__panel .arrow {
    width: calc(60 / 1340 * 100vw);
    height: calc(60 / 1340 * 100vw);
  }
  .SpecialSlider__panel .arrow::after {
    width: calc(20 / 1340 * 100vw);
    height: calc(20 / 1340 * 100vw);
  }
}

@media (min-width: 751px) and (max-width: 1044px) {
  #List .List {
    padding-top: calc(70 / 1044 * 100vw) 0 calc(100 / 1044 * 100vw);
  }
  #List .List__logo {
    width: calc(135 / 1044 * 100vw);
  }
  #List .List__ttl {
    width: calc(760 / 1044 * 100vw);
    margin-bottom: calc(60 / 1044 * 100vw);
  }
  #List .List__anc {
    margin-bottom: calc(65 / 1044 * 100vw);
  }
  #List .List__item {
    margin-bottom: calc(90 / 1044 * 100vw);
  }
  #List .List__item li:nth-child(n+4) {
    margin-top: calc(20 / 750 * 100vw);
  }
  #List .List__item li .number {
    top: calc(18 / 1044 * 100vw);
    left: calc(16 / 1044 * 100vw);
    width: calc(56 / 1044 * 100vw);
    height: calc(37 / 1044 * 100vw);
    font-size: calc(24 / 1044 * 100vw);
  }
  #List .List__item li .img {
    margin-bottom: calc(20 / 1044 * 100vw);
  }
  #List .List__item li .wrap {
    padding: 0 calc(20 / 1044 * 100vw) calc(20 / 1044 * 100vw);
  }
  #List .List__item li .wrap .txt {
    margin-bottom: calc(15 / 1044 * 100vw);
    font-size: calc(16 / 1044 * 100vw);
  }
  #List .List__item li .wrap .date {
    font-size: calc(14 / 1044 * 100vw);
  }
  #List .List__item li a::before {
    bottom: calc(18 / 1044 * 100vw);
    right: calc(18 / 1044 * 100vw);
    width: calc(40 / 1044 * 100vw);
    height: calc(40 / 1044 * 100vw);
  }
  #List .List__item li a::after {
    bottom: calc(30 / 1044 * 100vw);
    right: calc(30 / 1044 * 100vw);
    width: calc(18 / 1044 * 100vw);
    height: calc(16 / 1044 * 100vw);
  }
  #List .List__btn {
    width: calc(300 / 1044 * 100vw);
  }
}

@media (min-width: 1045px) {
  #List .List__item li:nth-child(n+4) {
    margin-top: 2rem;
  }
}

/*# sourceMappingURL=../../../../maps/products/brand/chocopie/css/style.css.map */