@charset "UTF-8";
.SPshow {
  display : none;
}

.PCshow {
  display : block;
}

.cta {
  position : relative;
  display : block;
  width : 100%;
  max-width : 756px;
  margin-right : -16px;
}
.cta__bg > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.cta__button {
  position : absolute;
  right : -15px;
  bottom : 108px;
  left : 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 : -webkit-fit-content;
  width : -moz-fit-content;
  width : fit-content;
  padding : 22px 110px;
  margin : 0 auto;
  font-family : "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size : 22.814px;
  font-style : normal;
  font-weight : 700;
  line-height : normal;
  color : #ffffff;
  letter-spacing : 2.281px;
  background-color : #000000;
  -webkit-transition : .6s;
  transition : .6s;
}
.cta__button:visited {
  color : #ffffff;
}
.cta__button:hover {
  color : #ffffff;
  background-color : #ac3336;
  -webkit-transition : .6s;
  transition : .6s;
}
.cta__day {
  position : absolute;
  right : -14px;
  bottom : 61px;
  left : 0;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  -webkit-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : -webkit-fit-content;
  width : -moz-fit-content;
  width : fit-content;
  margin : 0 auto;
  font-family : "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size : 20px;
  font-style : normal;
  font-weight : 700;
  line-height : 41.667px; /* 208.337% */
  color : #ac3336;
  letter-spacing : 2px;
}
.cta__day > span {
  display : block;
  width : -webkit-fit-content;
  width : -moz-fit-content;
  width : fit-content;
  padding : 0 10px;
  margin-right : 10px;
  font-family : "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size : 11.128px;
  font-style : normal;
  font-weight : 700;
  line-height : 23.183px; /* 208.337% */
  color : #ac3336;
  letter-spacing : 1.113px;
  background : rgba(217, 217, 217, 0);
  border : .534px solid #ac3336;
}

.footer {
  width : 100%;
  height : auto;
  margin-top : auto;
  background-color : #f2f2f2;
}
.footer__inner {
  display : block;
  width : 100%;
  max-width : 1000px;
  height : auto;
  padding : 88px 0 31px;
  margin : 0 auto;
}

.header {
  position : fixed;
  top : 0;
  left : 0;
  z-index : 1001;
  width : 100%;
  height : 92px;
}
.header__inner {
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  -webkit-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  -webkit-box-pack : justify;
  -ms-flex-pack : justify;
  justify-content : space-between;
  width : 100%;
  height : 100%;
  padding : 0 30px;
  margin : 0 auto;
}
.header__inner > h1 {
  display : block;
  width : 152px;
  height : auto;
}
.header__inner > h1 > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}

.kv {
  position : relative;
  display : block;
  width : 100%;
  height : 645px;
  background-image : url(https://katsuda.itembox.design/item/kv_bg_pc.png);
  background-position : -420px center;
  background-size : cover;
}
.kv__inner {
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  width : -webkit-fit-content;
  width : -moz-fit-content;
  width : fit-content;
  max-width : 1280px;
  height : 100%;
  margin : 0 auto;
}
.kv__inner .kv-bottle-wrap {
  display : block;
  width : 296px;
  height : auto;
  margin-top : 19px;
  margin-left : -54px;
}
.kv__inner .kv-bottle-wrap > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
  -o-object-fit : contain;
  object-fit : contain;
}
.kv__inner .kv-right-container {
  position : relative;
  right : 27px;
  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-align : center;
  -ms-flex-align : center;
  align-items : center;
  padding-top : 69px;
}
.kv__inner .kv-right-container--image {
  display : block;
  width : 836px;
  height : auto;
  margin-bottom : 70px;
}
.kv__inner .kv-right-container--image > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}

.main {
  display : block;
  width : 100%;
  height : auto;
  margin : 0 auto;
}
.main .topic-path__lists {
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  gap : 20px;
  -webkit-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : 100%;
  max-width : 1040px;
  padding : 20px;
  margin : 0 auto;
}
.main .topic-path__lists .lists__item {
  position : relative;
}
.main .topic-path__lists .lists__item:not(:last-of-type)::before {
  position : absolute;
  top : 50%;
  right : -15px;
  width : 6px;
  height : 6px;
  content : "";
  border-right : 1px solid #333333;
  border-bottom : 1px solid #333333;
  -webkit-transform : translate(-50%, -50%) rotate(-45deg);
  transform : translate(-50%, -50%) rotate(-45deg);
}
.main .topic-path__lists .lists__item .item__link {
  display : block;
  width : 100%;
  max-width : 100px;
  overflow : hidden;
  font-family : "Noto Sans JP", sans-serif;
  font-size : 1rem;
  font-weight : normal;
  line-height : 1;
  text-overflow : ellipsis;
  letter-spacing : .2em;
  white-space : nowrap;
}
.main .sec01 {
  display : block;
  width : 100%;
  height : auto;
  padding : 0 40px;
  background-image : url(https://katsuda.itembox.design/item/lead_bg.png);
  background-size : cover;
}
.main .sec01__inner {
  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-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : 100%;
  max-width : 1280px;
  height : 100%;
  padding-top : 48px;
  padding-bottom : 20px;
  margin : 0 auto;
}
.main .sec01__inner .sec01-lead {
  display : block;
  width : 100%;
  max-width : 774px;
  height : auto;
  margin-bottom : 21px;
}
.main .sec01__inner .sec01-lead > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec02 {
  display : block;
  width : 100%;
  height : auto;
  padding : 0 40px;
  background-image : url(https://katsuda.itembox.design/item/bg01.png);
  background-size : cover;
}
.main .sec02__inner {
  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-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : 100%;
  max-width : 1280px;
  height : 100%;
  padding-top : 61px;
  padding-bottom : 93px;
  margin : 0 auto;
}
.main .sec02__inner .sec02-lead {
  display : block;
  width : 100%;
  max-width : 602px;
  height : auto;
  margin-bottom : 75px;
}
.main .sec02__inner .sec02-lead > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec02__inner .sec02-images {
  display : block;
  width : 100%;
  max-width : 1086px;
  height : auto;
  margin-right : -15px;
}
.main .sec02__inner .sec02-images > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec03 {
  display : block;
  width : 100%;
  height : auto;
  padding : 0 40px;
  background-color : #ffffff;
}
.main .sec03__inner {
  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-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : 100%;
  max-width : 1280px;
  height : 100%;
  padding-top : 76px;
  padding-bottom : 71px;
  margin : 0 auto;
}
.main .sec03__inner .sec03-lead {
  display : block;
  width : 100%;
  max-width : 446px;
  height : auto;
  margin-bottom : 49px;
}
.main .sec03__inner .sec03-lead > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec03__inner .sec03-lead-images {
  display : block;
  width : 100%;
  max-width : 704px;
  height : auto;
  margin-right : -40px;
  margin-bottom : 34px;
}
.main .sec03__inner .sec03-lead-images > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec03__inner .sec03-contents-images {
  display : block;
  width : 60%;
  max-width : 936px;
  height : auto;
}
.main .sec03__inner .sec03-contents-images > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec04 {
  display : block;
  width : 100%;
  height : auto;
  padding : 0 40px;
  background-image : url(https://katsuda.itembox.design/item/bg02.png);
  background-size : cover;
}
.main .sec04__inner {
  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-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : 100%;
  max-width : 1280px;
  height : 100%;
  padding-top : 84px;
  padding-bottom : 76px;
  margin : 0 auto;
}
.main .sec04__inner .sec04-lead {
  display : block;
  width : 100%;
  max-width : 336px;
  height : auto;
  margin-bottom : 78px;
}
.main .sec04__inner .sec04-lead > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec04__inner .sec04-lead-images {
  display : block;
  width : 100%;
  max-width : 646px;
  height : auto;
  margin-bottom : 78px;
}
.main .sec04__inner .sec04-lead-images > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec04__inner .sec04-contents-images {
  display : block;
  width : 100%;
  max-width : 854px;
  height : auto;
}
.main .sec04__inner .sec04-contents-images > img {
  display : block;
  width : 100%;
  height : 100%;
  -o-object-fit : cover;
  object-fit : cover;
}
.main .sec05 {
  display : block;
  width : 100%;
  height : auto;
  padding : 0 40px;
  background-image : url(https://katsuda.itembox.design/item/cta_bg01.png);
  background-size : cover;
}
.main .sec05__inner {
  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-align : center;
  -ms-flex-align : center;
  align-items : center;
  width : 100%;
  max-width : 1280px;
  height : 100%;
  padding-top : 66px;
  padding-bottom : 52px;
  margin : 0 auto;
}
@media screen and (max-width: 767px) {
  .SPshow {
    display : block;
  }
  .PCshow {
    display : none;
  }
  .cta__day {
    right : 6px;
    bottom : 33px;
    font-size : 18.691px;
    font-size : min(4.35vw, 18.691px);
  }
  .cta__day > span {
    font-size : min(2.42vw, 10.4px);
  }
  .kv {
    height : 139.53vw;
    max-height : 600px;
    background-position : center center;
  }
  .kv__inner {
    position : relative;
    width : 100%;
    height : 100%;
    max-height : 600px;
    padding : 41px 0;
  }
  .kv__inner .kv-bottle-wrap {
    position : absolute;
    top : 13px;
    right : 0;
    left : -26px;
    width : 64vw;
    max-width : 275px;
    margin : 0 auto;
    margin-left : auto;
  }
  .kv__inner .kv-right-container {
    position : absolute;
    right : 0;
    left : 0;
    padding : 0 20px;
    margin : 0 auto;
    margin-left : auto;
  }
  .kv__inner .kv-right-container--image {
    width : 100%;
    max-width : 390px;
  }
  .main .sec01 {
    padding : 0 15px;
  }
  .main .sec01__inner {
    max-width : 430px;
    padding-top : 16px;
    padding-bottom : 32px;
  }
  .main .sec01__inner .sec01-lead {
    padding : 0 12px;
    margin-bottom : 31px;
  }
  .main .sec02 {
    padding : 0 42px;
  }
  .main .sec02__inner {
    max-width : 430px;
    padding-top : 38px;
    padding-bottom : 22px;
  }
  .main .sec02__inner .sec02-lead {
    width : 50.23vw;
    max-width : 216px;
    margin-bottom : 19px;
  }
  .main .sec02__inner .sec02-images {
    margin-right : -2px;
  }
  .main .sec03 {
    padding : 0 23px;
  }
  .main .sec03__inner {
    max-width : 430px;
    padding-top : 28px;
    padding-bottom : 61px;
  }
  .main .sec03__inner .sec03-lead {
    width : 55.81vw;
    max-width : 240px;
    margin-bottom : 31px;
  }
  .main .sec03__inner .sec03-lead-images {
    width : 100%;
    padding : 0 16px;
    margin-right : auto;
    margin-bottom : 25px;
  }
  .main .sec04 {
    padding : 0 0;
  }
  .main .sec04__inner {
    max-width : 430px;
    padding-top : 39px;
    padding-bottom : 21px;
  }
  .main .sec04__inner .sec04-lead {
    width : 40.47vw;
    max-width : 174px;
    margin-right : auto;
    margin-bottom : 31px;
    margin-left : auto;
  }
  .main .sec04__inner .sec04-lead-images {
    max-width : 100%;
    padding : 0 65px;
    margin-bottom : 22px;
  }
  .main .sec05 {
    padding : 0 16px;
    background-image : url(https://katsuda.itembox.design/item/cta_bg01_sp.png);
  }
  .main .sec05__inner {
    max-width : 430px;
    padding-top : 96px;
    padding-bottom : 101px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cta__button {
    font-size : 2.23vw;
  }
  .cta__day {
    font-size : 1.95vw;
  }
  .cta__day > span {
    font-size : 1.09vw;
  }
  .kv__inner .kv-bottle-wrap {
    margin-left : -5.27vw;
  }
  .main .sec03__inner .sec03-contents-images {
    max-width : 704px;
  }
}
@media (min-width: 431px) and (max-width: 767px) {
  .cta__button {
    right : -1px;
    bottom : 88px;
    padding : 13px 110px;
    font-size : 18px;
  }
}
@media screen and (max-width: 430px) {
  .cta__button {
    right : -1px;
    bottom : 20.47vw;
    padding : 3.02vw 25.58vw;
    font-size : 4.19vw;
  }
}
@media screen and (min-width: 1441px) {
  .kv {
    background-position : center center;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .kv {
    height : 50.43vw;
    background-position : -32.84vw center;
  }
  .kv__inner .kv-right-container {
    padding-top : 5.39vw;
  }
  .kv__inner .kv-right-container--image {
    width : 65.36vw;
  }
}
@media screen and (max-width: 1024px) {
  .main .sec03__inner .sec03-contents-images {
    width : 100%;
  }
}
/*# sourceMappingURL=style.css.map */