@charset "UTF-8";
.page a {
  display: block;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.page a:hover {
  opacity: 0.6;
}
.page img {
  max-width: 100%;
  height: auto;
}
.page div, .page span, .page applet, .page object, .page iframe,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page p,
.page blockquote, .page pre, .page a, .page abbr, .page acronym, .page address,
.page big, .page cite, .page code, .page del, .page dfn, .page em, .page img, .page ins, .page kbd, .page q, .page s, .page samp, .page small, .page strike, .page strong, .page sub, .page sup, .page tt, .page var, .page b, .page u, .page i, .page center,
.page dl, .page dt, .page dd, .page ol, .page ul, .page li,
.page fieldset, .page form, .page label, .page legend,
.page table, .page caption, .page tbody, .page tfoot, .page thead, .page tr, .page th, .page td,
.page article, .page aside, .page canvas, .page details, .page embed, .page figure, .page figcaption, .page footer, .page header, .page hgroup,
.page menu, .page nav, .page output, .page ruby, .page section, .page summary, .page time, .page mark, .page audio, .page video, .page picture {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page article, .page aside, .page details, .page figcaption, .page figure, .page footer, .page header, .page hgroup, .page menu, .page nav, .page section, .page summary, .page picture {
  display: block;
}
.page *, .page *:before, .page *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.page button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.page br {
  line-height: 0;
}

.l-wrap {
  overflow: initial;
}
.pane-footer .cmn-footer{
  z-index: 10;
}
.block-copyright{
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none !important;
  }
  .view--sp {
    display: block;
  }
}
.page {
  overflow-x: hidden;
  position: relative;
  /*
  	kv
  ---------------------------------*/
  /*
  	カート
  ---------------------------------*/
}
.page * {
  color: #000000;
  line-height: 1.5;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "メイリオ", "sans-serif";
}
.page p,
.page a {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.12rem;
}
@media screen and (max-width: 768px) {
  .page p,
  .page a {
    font-size: 3.3vw;
    line-height: 1.8;
    letter-spacing: 0.08rem;
  }
}
@media screen and (max-width: 340px) {
  .page p,
  .page a {
    letter-spacing: 0.03rem;
  }
}
.page a {
  display: inline-block;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.page img {
  vertical-align: bottom;
}
.page .ancor {
  margin-top: -90px;
  padding-top: 90px;
}
.page__innr {
  width: 100%;
  max-width: 980px;
  margin: auto;
}
@media screen and (min-width: 769px) and (max-width: 981px) {
  .page__innr {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page__innr {
    padding: 0;
    width: 89.6vw;
  }
}
.page__tit {
  text-align: center;
}
.page__tit h2 {
  font-size: 60px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page__tit h2 {
    font-size: 10.4vw;
  }
}
.page__btn {
  text-align: center;
}
.page__btn a {
  font-size: 14px;
  border: solid 1px;
  padding: 3px 15px;
  line-height: 1.5;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .page__btn a {
    font-size: 2.6vw;
  }
}
@media screen and (max-width: 768px) {
  .page__btn a {
    padding: 0.7vw 2vw;
    margin-top: 2vw;
  }
}
.page__btn a:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 8px;
  background-image: url("/ec/img/usr/pg/campaign/zero_pressure/arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 18px;
}
@media screen and (max-width: 768px) {
  .page__btn a:after {
    width: 1.2vw;
    height: 2.1vw;
    margin-left: 2vw;
  }
}
.page__btn a:after {
  margin-left: 10px;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.page .kv h1 {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page .kv h1 {
    min-width: 1980px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.page .kv img {
  margin: auto;
}
.page .ajax_area .stock_exist,
.page .ajax_area a.cartinbtn {
  width: 100%;
}
.page .ajax_area a.cartinbtn {
  font-size: 14px;
  margin: 10px 0 0;
  background: #000000;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .page .ajax_area a.cartinbtn {
    padding: 1.8vw 0;
    margin-top: 2vw;
    font-size: 2.9vw;
  }
}
.page .stock_exist {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .page .stock_exist {
    font-size: 2.9vw;
    line-height: 1.5;
    padding: 1.7vw 2.3vw;
  }
}
@media screen and (max-width: 768px) {
  .page .static_matrix_list {
    font-size: 2.9vw;
  }
}
.page .btn--reservation,
.page .reservation__btn {
  display: inline-block;
  width: 100%;
  padding: 0.5rem;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  margin: 10px auto 0;
  text-align: center;
  line-height: 25px;
  position: relative;
}
.page .btn--reservation a,
.page .reservation__btn a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page .btn--reservation,
  .page .reservation__btn {
    font-size: 2.9vw;
    line-height: 8vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page .btn--reservation:after,
.page .reservation__btn:after {
  content: "";
  width: 5px;
  height: 10px;
  display: inline-block;
  background: url("/ec/img/usr/pg/campaign/zero_pressure/more-white.png");
  background-size: contain;
  position: absolute;
  right: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page .item__list__text p {
    font-size: 4.2vw;
  }
}

.page .kv {
  position: relative;
  z-index: 10;
}
.page .kv_slider {
  min-width: 1920px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 981px) {
  .page .kv_slider {
    min-width: 190vw;
  }
}
@media screen and (max-width: 768px) {
  .page .kv_slider {
    min-width: 100%;
  }
}
.page .kv_slider img {
  margin: auto;
}
.page .bg_blue {
  background: #E8F3F6;
  padding-top: 25px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .page .bg_blue {
    padding-top: 2.6vw;
  }
}
.page .text-slider {
  height: 80px;
  overflow-y: hidden;
}
@media screen and (max-width: 768px) {
  .page .text-slider {
    height: 10.4vw;
  }
}
.page .text-slider img {
  min-width: 5369px;
}
@media screen and (max-width: 768px) {
  .page .text-slider img {
    min-width: 699.1vw;
  }
}
.page .intro {
  display: block;
  margin: -30px auto 60px;
  max-width: 600px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .page .intro {
    max-width: 78.1vw;
    margin: -2.6vw auto 12.5vw;
  }
}
.page .slidein_img01 {
  position: relative;
  z-index: 1;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media screen and (max-width: 768px) {
  .page .slidein_img01 {
    width: 100vw;
  }
}
.page .slidein_img01.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page .slidein_img02 {
  position: relative;
  z-index: 2;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  margin-top: -41%;
}
@media screen and (max-width: 768px) {
  .page .slidein_img02 {
    width: 107.4vw;
    margin-top: -87vw;
  }
}
.page .slidein_img02.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .page .slidein_img02.active {
    -webkit-transform: translateX(-7vw);
            transform: translateX(-7vw);
  }
}
.page .lineup {
  padding-top: 98px;
  padding-bottom: 104px;
  background: #E8F3F6;
  background-image: url(/ec/img/usr/pg/campaign/zero_pressure/25ss/lineup_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .page .lineup {
    padding-top: 12.5vw;
    padding-bottom: 7.8vw;
    background-image: none;
  }
}
.page .lineup_heading {
  width: 228px;
  display: block;
  margin: 0 auto 72px;
}
@media screen and (max-width: 768px) {
  .page .lineup_heading {
    width: 44.4vw;
    margin-bottom: 7.8vw;
  }
}
.page .lineup_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec {
    max-width: 100%;
    margin-bottom: 7.8vw;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page .lineup_sec.sec-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.page .lineup_sec_mv {
  width: 43.3%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_mv {
    width: 67.7vw;
    margin-bottom: 11.7vw;
  }
}
.page .lineup_sec_item {
  width: 50%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item {
    width: 100%;
    margin-top: 0;
  }
}
.page .lineup_sec_item_list {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page .lineup_sec_item_list.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item_list.active {
    gap: 0;
    overflow-x: scroll;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.page .lineup_sec_item_list li {
  text-align: center;
  max-width: 185px;
}
.page .lineup_sec_item_list li img {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item_list li {
    max-width: 100%;
    width: 36.2vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item_list li:last-of-type {
    margin-right: 5.2vw;
  }
}
.page .lineup_sec_item_text_top {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item_text_top {
    font-size: 4.7vw;
    margin-bottom: 3.1vw;
  }
}
.page .lineup_sec_item_text_top span {
  font-size: 28px;
  font-weight: bold;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item_text_top span {
    font-size: 4.2vw;
  }
}
.page .lineup_sec_item_text_bottom {
  font-size: 17px;
  line-height: 2;
  margin-bottom: 34px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .lineup_sec_item_text_bottom {
    max-width: 89.6vw;
    margin: 0 auto 7.2vw;
    font-size: 3.6vw;
    line-height: 1.5;
  }
}
.page .lineup_sec .lineup-arrow {
  width: 50px;
  height: 60px;
  position: absolute;
  top: 44%;
  cursor: pointer;
  z-index: 10;
}
.page .lineup_sec .lineup-prev-arrow {
  left: 0;
}
.page .lineup_sec .lineup-next-arrow {
  right: 0;
}
.page .lineup .lineup-slider-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .lineup .lineup-slider-dots {
    max-width: 79.2vw;
    bottom: -9.3vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
.page .lineup .lineup-slider-dots li {
  display: inline-block;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .page .lineup .lineup-slider-dots li {
    display: inline-block;
    margin: 0 1.3vw;
    line-height: 5.2vw;
  }
}
.page .lineup .lineup-slider-dots li button {
  position: relative;
  text-indent: -9999px;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .page .lineup .lineup-slider-dots li button {
    padding: 0 0.5vw;
  }
}
.page .lineup .lineup-slider-dots li button::before {
  content: "";
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #959595;
  display: block;
}
@media screen and (max-width: 768px) {
  .page .lineup .lineup-slider-dots li button::before {
    width: 3.9vw;
    height: 3.9vw;
  }
}
.page .lineup .lineup-slider-dots li.slick-active button::before {
  background: #00AFE5;
}
.page .tvcm {
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 981px) {
  .page .tvcm {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .tvcm {
    margin: 0 auto;
  }
}
.page .tvcm_mgn {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .page .tvcm_mgn {
    margin-top: 12.4vw;
  }
}
.page .tvcm .tvcm__wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .page .tvcm .tvcm__wrap {
    margin-top: 2.9vw;
  }
}
.page .tvcm .tvcm__wrap img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 9999;
}
.page .tvcm .tvcm__wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page .tvcm__title {
  font-size: 35px;
  font-weight: bold;
  position: relative;
  max-width: 173px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page .tvcm__title {
    max-width: 29.7vw;
    font-size: 5.7vw;
    margin-bottom: 2.9vw;
  }
}
.page .tvcm__title:before {
  content: "";
  height: 37.3px;
  width: 1px;
  background-color: #000;
  display: block;
  -webkit-transform: translateY(-50%) rotate(-43deg);
          transform: translateY(-50%) rotate(-43deg);
  position: absolute;
  left: 13px;
  top: 51%;
}
@media screen and (max-width: 768px) {
  .page .tvcm__title:before {
    left: 1.7vw;
    height: 4.9vw;
  }
}
.page .tvcm__title::after {
  content: "";
  height: 37.3px;
  width: 1px;
  background-color: #000;
  display: block;
  -webkit-transform: translateY(-50%) rotate(43deg);
          transform: translateY(-50%) rotate(43deg);
  position: absolute;
  right: 13px;
  top: 51%;
}
@media screen and (max-width: 768px) {
  .page .tvcm__title::after {
    right: 1.7vw;
    height: 4.9vw;
  }
}
.page .tvcm__text {
  font-size: 22px;
  line-height: 1.46;
  font-weight: 600;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .page .tvcm__text {
    font-size: 2.9vw;
    margin-top: 2.3vw;
  }
}
.page .suit {
  padding-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .page .suit {
    padding-top: 19.8vw;
    padding-bottom: 10vw;
    border-top: 4px solid #000;
  }
}
.page .suit_mv {
  max-width: 768px;
  display: block;
  margin: 0 auto 62px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .suit_mv {
    width: 89.6vw;
    margin-bottom: 10.4vw;
  }
}
.page .suit .model_slider_m {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, transparent), color-stop(48%, #00AFE5));
  background: linear-gradient(to bottom, transparent 48%, #00AFE5 48%);
  padding-bottom: 20px;
}
.page .suit .modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.page .suit .modal-content {
  background-color: #fff;
  border: 6px solid #000;
  border-radius: 20px;
  max-width: 988px;
  width: 96%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 86px 160px 144px;
  -webkit-box-shadow: -16px 16px 0px #000;
          box-shadow: -16px 16px 0px #000;
}
@media screen and (max-width: 768px) {
  .page .suit .modal-content {
    width: 89.6vw;
    border: 0.8vw solid #000;
    border-radius: 2.6vw;
    padding: 13.7vw 6vw 9.1vw;
    -webkit-box-shadow: -2.1vw 2.1vw 0 #000;
            box-shadow: -2.1vw 2.1vw 0 #000;
    height: 80vh;
    overflow-y: scroll;
  }
}
.page .suit .modal-content-heading {
  width: 280px;
  display: block;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .page .suit .modal-content-heading {
    width: 50.8vw;
    margin-bottom: 8.2vw;
  }
}
.page .suit .modal-content-list {
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 56px;
}
@media screen and (max-width: 768px) {
  .page .suit .modal-content-list {
    width: 77.6vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5.2vw;
  }
}
.page .suit .modal-content-list li {
  text-align: center;
  max-width: 185px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .suit .modal-content-list li {
    max-width: 100%;
    width: 35.2vw;
    margin-top: 6.1vw;
  }
}
.page .suit .modal-content-list li:nth-of-type(-n+2) {
  margin-top: 0;
}
.page .suit .modal-content-list li img {
  margin-bottom: 6px;
}
.page .suit .modal .close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 35px;
  right: 35px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .suit .modal .close {
    width: 9.1vw;
    height: 9.1vw;
    top: 4.6vw;
    right: 4.6vw;
  }
}
.page .suit .open-modal {
  cursor: pointer;
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .page .suit .open-modal {
    max-width: 72.3vw;
    margin: 0 6.5vw;
  }
}
.page .suit .model-arrow {
  position: absolute;
  top: 42%;
  width: 68px;
  height: 68px;
  z-index: 5;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .suit .model-arrow {
    width: 14.3vw;
    height: 14.3vw;
    top: 43%;
  }
}
.page .suit .model-prev-arrow {
  left: 39%;
}
@media screen and (max-width: 768px) {
  .page .suit .model-prev-arrow {
    left: 10.4vw;
  }
}
.page .suit .model-next-arrow {
  right: 39%;
}
@media screen and (max-width: 768px) {
  .page .suit .model-next-arrow {
    right: 10.4vw;
  }
}
.page .cool {
  padding: 125px 0;
  background-image: url(/ec/img/usr/pg/campaign/zero_pressure/25ss/cool_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .page .cool {
    padding: 12.5vw 0;
  }
}
.page .cool_mv {
  max-width: 768px;
  display: block;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page .cool_mv {
    width: 89.6vw;
    margin-bottom: 7.3vw;
  }
}
.page .cool_sec {
  max-width: 1050px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 70px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .cool_sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
}
.page .cool_model {
  width: 41.9%;
}
@media screen and (max-width: 768px) {
  .page .cool_model {
    width: 71.6vw;
    margin-bottom: 5.2vw;
  }
}
.page .cool_item {
  width: 51.4%;
}
@media screen and (max-width: 768px) {
  .page .cool_item {
    width: 100%;
  }
}
.page .cool_item_info {
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .page .cool_item_info {
    width: 84.4vw;
    margin-bottom: 15.4vw;
  }
}
.page .cool_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .page .cool_item_list {
    gap: 0;
    overflow-x: scroll;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.page .cool_item_list li {
  text-align: center;
}
.page .cool_item_list li img {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .page .cool_item_list li {
    width: 36.2vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .cool_item_list li:last-of-type {
    margin-right: 5.2vw;
  }
}
.page .t-shirt {
  padding: 125px 0;
}
@media screen and (max-width: 768px) {
  .page .t-shirt {
    padding: 13vw 0 20.8vw;
  }
}
.page .t-shirt_mv {
  max-width: 768px;
  display: block;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt_mv {
    max-width: 89.6vw;
    margin-bottom: 7.3vw;
  }
}
.page .t-shirt .waffle_sec {
  max-width: 1050px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 70px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    margin-bottom: 13vw;
  }
}
.page .t-shirt .waffle_model {
  width: 41.9%;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_model {
    width: 71.6vw;
    margin-bottom: 9.1vw;
  }
}
.page .t-shirt .waffle_item {
  width: 51.4%;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_item {
    width: 100%;
  }
}
.page .t-shirt .waffle_item_info {
  display: block;
  max-width: 528px;
  margin: 0 auto 45px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_item_info {
    max-width: 89.6vw;
    margin-bottom: 10.4vw;
  }
}
.page .t-shirt .waffle_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_item_list {
    gap: 0;
  }
}
.page .t-shirt .waffle_item_list li {
  max-width: 185px;
  text-align: center;
}
.page .t-shirt .waffle_item_list li img {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_item_list li {
    width: 36.2vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .t-shirt .waffle_item_list li:last-of-type {
    margin-right: 5.2vw;
  }
}
.page .t-shirt .knit_sec {
  max-width: 1050px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 29px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    margin-bottom: 0;
  }
}
.page .t-shirt .knit_model {
  width: 41.9%;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_model {
    width: 71.6vw;
    margin-bottom: 9.1vw;
  }
}
.page .t-shirt .knit_item {
  width: 55.4%;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_item {
    width: 100%;
  }
}
.page .t-shirt .knit_item_info {
  display: block;
  max-width: 456px;
  margin: 0 auto 45px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_item_info {
    max-width: 89.6vw;
    margin-bottom: 10.4vw;
  }
}
.page .t-shirt .knit_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_item_list {
    gap: 0;
    overflow-x: scroll;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.page .t-shirt .knit_item_list li {
  max-width: 185px;
  text-align: center;
}
.page .t-shirt .knit_item_list li img {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_item_list li {
    width: 36.2vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .t-shirt .knit_item_list li:last-of-type {
    margin-right: 5.2vw;
  }
}
.page .shoes {
  max-width: 1200px;
  margin: -120px auto 0;
  padding-top: 120px;
  padding-bottom: 122px;
  border-bottom: 4px solid #000;
}
@media screen and (max-width: 768px) {
  .page .shoes {
    max-width: 89.6vw;
    padding-top: 8vw;
    margin-top: -8vw;
    padding-bottom: 7.8vw;
    border-bottom: 1vw solid #000;
  }
}
.page .shoes_mv {
  max-width: 768px;
  display: block;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .page .shoes_mv {
    margin-bottom: 6.8vw;
  }
}
.page .shoes_info {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  .page .shoes_info {
    font-size: 4.6vw;
    margin-bottom: 3.1vw;
  }
}
.page .shoes_note {
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .shoes_note {
    font-size: 3.4vw;
  }
}
.page .shoes .sneakers {
  max-width: 896px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 46px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 768px) {
  .page .shoes .sneakers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    margin-bottom: 8.3vw;
  }
}
.page .shoes .sneakers_model {
  width: 51.3%;
}
@media screen and (max-width: 768px) {
  .page .shoes .sneakers_model {
    width: 78.1vw;
    margin-bottom: 5.2vw;
  }
}
.page .shoes .sneakers_function {
  width: 186px;
  display: block;
  margin: 0 auto 34px;
}
@media screen and (max-width: 768px) {
  .page .shoes .sneakers_function {
    width: 36.3vw;
    margin-bottom: 5.2vw;
  }
}
.page .shoes .sneakers_item {
  width: 43.5%;
}
@media screen and (max-width: 768px) {
  .page .shoes .sneakers_item {
    width: 77.6vw;
  }
}
.page .shoes .sneakers_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .page .shoes .sneakers_item_list {
    gap: 5.2vw;
  }
}
.page .shoes .sneakers_item_list li {
  max-width: 185px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .shoes .sneakers_item_list li {
    max-width: 36.2vw;
  }
}
.page .shoes .sneakers_item_list li img {
  margin-bottom: 6px;
}
.page .shoes .business {
  max-width: 896px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 46px;
  margin: 64px auto;
}
@media screen and (max-width: 768px) {
  .page .shoes .business {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    margin: 8.3vw auto;
  }
}
.page .shoes .business_model {
  width: 51.3%;
}
@media screen and (max-width: 768px) {
  .page .shoes .business_model {
    width: 78.1vw;
    margin-bottom: 5.2vw;
  }
}
.page .shoes .business_function {
  width: 386px;
  display: block;
  margin: 0 auto 34px;
}
@media screen and (max-width: 768px) {
  .page .shoes .business_function {
    width: 75.3vw;
    margin-bottom: 5.2vw;
  }
}
.page .shoes .business_item {
  width: 43.5%;
}
@media screen and (max-width: 768px) {
  .page .shoes .business_item {
    width: 77.6vw;
  }
}
.page .shoes .business_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .page .shoes .business_item_list {
    gap: 5.2vw;
  }
}
.page .shoes .business_item_list li {
  max-width: 185px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .shoes .business_item_list li {
    max-width: 36.2vw;
  }
}
.page .shoes .business_item_list li img {
  margin-bottom: 6px;
}
.page .shoes .iitoko {
  max-width: 896px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 46px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .shoes .iitoko {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
}
.page .shoes .iitoko_model {
  width: 51.3%;
}
@media screen and (max-width: 768px) {
  .page .shoes .iitoko_model {
    width: 78.1vw;
    margin-bottom: 5.2vw;
  }
}
.page .shoes .iitoko_function {
  width: 386px;
  display: block;
  margin: 0 auto 34px;
}
@media screen and (max-width: 768px) {
  .page .shoes .iitoko_function {
    width: 36.3vw;
    margin-bottom: 5.2vw;
  }
}
.page .shoes .iitoko_item {
  width: 43.5%;
}
@media screen and (max-width: 768px) {
  .page .shoes .iitoko_item {
    width: 77.6vw;
  }
}
.page .shoes .iitoko_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .page .shoes .iitoko_item_list {
    gap: 5.2vw;
  }
}
.page .shoes .iitoko_item_list li {
  max-width: 185px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .shoes .iitoko_item_list li {
    max-width: 36.2vw;
  }
}
.page .shoes .iitoko_item_list li img {
  margin-bottom: 6px;
}
.page .about-movie {
  width: 100%;
  max-width: 980px;
  margin: 106px auto 0;
  background: #fff;
}
@media screen and (min-width: 769px) and (max-width: 981px) {
  .page .about-movie {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .about-movie {
    margin: 15.6vw auto 0;
    max-width: 89.6vw;
  }
}
.page .about-movie_heading {
  width: 203px;
  display: block;
  margin: 0 auto 48px;
}
@media screen and (max-width: 768px) {
  .page .about-movie_heading {
    width: 34.6vw;
    margin-bottom: 8.3vw;
  }
}
.page .about-movie__main {
  position: relative;
  width: 100%;
  padding-top: 52.5%;
  border: 1px solid #707070;
}
.page .about-movie__main iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.page .about-movie_title {
  max-width: 750px;
  display: block;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .page .about-movie_title {
    max-width: 87.2vw;
    margin-bottom: 3.9vw;
  }
}
.page .contents {
  border-top: 2px solid #000000;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .page .contents {
    border-top: none;
    margin-top: 0;
  }
}
.page .contents #scroll {
  position: absolute;
  top: -55px;
  width: 1px;
  height: 1px;
}
.page .contents-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -51px;
  margin-bottom: 100px;
  border: 2px solid #000000;
  overflow: hidden;
  position: relative;
  z-index: 11;
}
@media screen and (max-width: 768px) {
  .page .contents-nav {
    position: absolute;
    width: 89.6vw;
    top: -7vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: 0.3vw solid #000000;
    margin: 0 auto;
  }
}
.page .contents-nav__button {
  text-align: center;
  width: 50%;
  background-color: white;
}
.page .contents-nav__button a {
  font-size: 48px;
  line-height: 103px;
  font-weight: bold;
  color: #CCCCCC;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .page .contents-nav__button a {
    font-size: 5.5vw;
    line-height: 12.5vw;
  }
}
.page .contents-nav__button.active {
  position: relative;
}
.page .contents-nav__button.active:after {
  content: "";
  display: block;
  width: 120%;
  height: 101%;
  position: absolute;
  top: 0;
  background-color: #000;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
}
.page .contents-nav__button.active a {
  color: #fff;
  position: relative;
  z-index: 10;
}
.page .contents-nav__button.active.mens:after {
  right: 0;
}
.page .contents-nav__button.active.ladies:after {
  left: 0;
}
@media screen and (min-width: 769px) {
  .page .contents.contents--ladies .pattern.pattern-margin01 {
    margin-bottom: 93px;
  }
}
.page .talent_profile {
  max-width: 980px;
  margin: 96px auto 128px;
}
@media screen and (max-width: 768px) {
  .page .talent_profile {
    max-width: 89.6vw;
    margin: 15.6vw auto;
  }
}
.page .talent_profile_heading {
  margin: 0 auto 48px;
  width: 232px;
  display: block;
}
@media screen and (max-width: 768px) {
  .page .talent_profile_heading {
    width: 45.4vw;
    margin-bottom: 8.3vw;
  }
}
.page .talent_profile .profile_list {
  max-width: 868px;
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 769px) and (max-width: 981px) {
  .page .talent_profile .profile_list {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page .talent_profile .profile_list .kinnikun_profile,
.page .talent_profile .profile_list .miura_profile,
.page .talent_profile .profile_list .dummy_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  border: 4px solid #000;
  border-radius: 20px;
  -webkit-box-shadow: -10px 10px 0px #000;
          box-shadow: -10px 10px 0px #000;
  text-align: left;
  padding: 45px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .kinnikun_profile,
  .page .talent_profile .profile_list .miura_profile,
  .page .talent_profile .profile_list .dummy_profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 0.8vw solid #000;
    padding: 9.8vw 5.2vw 7.6vw;
    margin-bottom: 6.3vw;
    -webkit-box-shadow: -1vw 1vw 0px #000;
            box-shadow: -1vw 1vw 0px #000;
  }
}
.page .talent_profile .profile_list .kinnikun_profile img,
.page .talent_profile .profile_list .miura_profile img,
.page .talent_profile .profile_list .dummy_profile img {
  max-width: 290px;
  margin: 0 50px auto 0;
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .kinnikun_profile img,
  .page .talent_profile .profile_list .miura_profile img,
  .page .talent_profile .profile_list .dummy_profile img {
    max-width: 53.5vw;
    margin: auto;
    margin-bottom: 4.6vw;
  }
}
.page .talent_profile .profile_list .kinnikun_profile .name,
.page .talent_profile .profile_list .miura_profile .name,
.page .talent_profile .profile_list .dummy_profile .name {
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto 18px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .kinnikun_profile .name,
  .page .talent_profile .profile_list .miura_profile .name,
  .page .talent_profile .profile_list .dummy_profile .name {
    text-align: center;
    font-size: 2.6vw;
    margin-bottom: 3.3vw;
  }
}
.page .talent_profile .profile_list .kinnikun_profile .name span,
.page .talent_profile .profile_list .miura_profile .name span,
.page .talent_profile .profile_list .dummy_profile .name span {
  font-size: 22px;
  font-weight: bold;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .kinnikun_profile .name span,
  .page .talent_profile .profile_list .miura_profile .name span,
  .page .talent_profile .profile_list .dummy_profile .name span {
    font-size: 3.9vw;
  }
}
.page .talent_profile .profile_list .kinnikun_profile .info,
.page .talent_profile .profile_list .miura_profile .info,
.page .talent_profile .profile_list .dummy_profile .info {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .kinnikun_profile .info,
  .page .talent_profile .profile_list .miura_profile .info,
  .page .talent_profile .profile_list .dummy_profile .info {
    font-size: 3.3vw;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .kinnikun_profile {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .page .talent_profile .profile_list .miura_profile {
    border-bottom: none;
  }
}
.page .talent_profile .profile_list .dummy_profile {
  margin-bottom: 0;
}
.page .bnr {
  margin: 0 auto;
  text-align: center;
}
.page .bnr_heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .page .bnr_heading {
    font-size: 4.7vw;
    margin-bottom: 6.3vw;
  }
}
.page .bnr_list {
  max-width: 768px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .bnr_list {
    max-width: 58.6vw;
    gap: 8.3vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page .bnr_list a {
  max-width: 220px;
}
@media screen and (max-width: 768px) {
  .page .bnr_list a {
    max-width: unset;
  }
}
.page nav {
  display: none;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page nav {
    width: 89.6vw;
  }
}
.page .nav-open {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
  padding: 25px 70px;
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  background: #EDEDED;
  border: 1px solid #333333;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .nav-open {
    width: 89.6vw;
    padding: 4.4vw 11.7vw;
    font-size: 3.5vw;
  }
}
.page .nav-open.active {
  border-bottom: none;
}
.page .nav-open.active::before {
  content: "×";
}
.page .nav-open::before {
  content: "＋";
  position: absolute;
  left: 30px;
}
@media screen and (max-width: 768px) {
  .page .nav-open::before {
    left: 5.5vw;
  }
}
.page .nav-open:hover {
  opacity: 0.6;
}
.page .gif_01 {
  position: absolute;
  width: 264px;
  right: -40%;
  bottom: 16%;
}
@media screen and (max-width: 768px) {
  .page .gif_01 {
    display: none;
  }
}
.page .gif_02 {
  position: absolute;
  width: 264px;
  left: -22%;
  top: 26%;
}
@media screen and (max-width: 768px) {
  .page .gif_02 {
    display: none;
  }
}
.page .gif_03 {
  position: absolute;
  width: 264px;
  left: -18%;
  top: 22%;
}
@media screen and (max-width: 768px) {
  .page .gif_03 {
    display: none;
  }
}
.page .gif_04 {
  position: absolute;
  width: 264px;
  left: -36%;
  bottom: 0%;
}
@media screen and (max-width: 768px) {
  .page .gif_04 {
    display: none;
  }
}
.page .gif_05 {
  position: absolute;
  width: 264px;
  right: -7%;
  top: 30%;
}
@media screen and (max-width: 768px) {
  .page .gif_05 {
    display: none;
  }
}
.page.ladies .suit{
  padding-bottom: 0 !important;
}
.page.ladies .cool {
  padding: 96px 0 78px;
}
@media screen and (max-width: 768px) {
  .page.ladies .cool {
    padding: 12.5vw 0 10.2vw;
  }
}
.page.ladies .cool_sec {
  max-width: 1100px;
}
.page.ladies .cool_model {
  width: 41%;
}
@media screen and (max-width: 768px) {
  .page.ladies .cool_model {
    width: 71.6vw;
  }
}
.page.ladies .cool_item {
  width: 62.4%;
}
@media screen and (max-width: 768px) {
  .page.ladies .cool_item {
    width: 89.6vw;
  }
}
.page.ladies .cool_item_info {
  max-width: 540px;
}
@media screen and (max-width: 768px) {
  .page.ladies .cool_item_info {
    max-width: 84.4vw;
    margin-bottom: 15.1vw;
  }
}
.page.ladies .cool_item_list {
  max-width: 620px;
}
.page.ladies .cool_item_list li {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page.ladies .cool_item_list li {
    width: 36.1vw;
  }
}
.page.ladies .tops {
  padding-top: 96px;
  padding-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops {
    padding-top: 19.8vw;
    padding-bottom: 10vw;
    border-top: 4px solid #000;
  }
}
.page.ladies .tops_mv {
  max-width: 768px;
  display: block;
  margin: 0 auto 62px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops_mv {
    width: 89.6vw;
    margin-bottom: 10.4vw;
  }
}
.page.ladies .tops .model_slider_l {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, transparent), color-stop(48%, #F8B500));
  background: linear-gradient(to bottom, transparent 48%, #F8B500 48%);
  padding-bottom: 20px;
}
.page.ladies .tops .modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.page.ladies .tops .modal-content {
  background-color: #fff;
  border: 6px solid #000;
  border-radius: 20px;
  max-width: 988px;
  width: 96%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 86px 160px 144px;
  -webkit-box-shadow: -16px 16px 0px #000;
          box-shadow: -16px 16px 0px #000;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .modal-content {
    width: 89.6vw;
    border: 0.8vw solid #000;
    border-radius: 2.6vw;
    padding: 13.7vw 6vw 9.1vw;
    -webkit-box-shadow: -2.1vw 2.1vw 0 #000;
            box-shadow: -2.1vw 2.1vw 0 #000;
    height: 80vh;
    overflow-y: scroll;
  }
}
.page.ladies .tops .modal-content-heading {
  width: 280px;
  display: block;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .modal-content-heading {
    width: 50.8vw;
    margin-bottom: 8.2vw;
  }
}
.page.ladies .tops .modal-content-list {
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 56px;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .modal-content-list {
    width: 77.6vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5.2vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.page.ladies .tops .modal-content-list li {
  text-align: center;
  max-width: 185px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .modal-content-list li {
    max-width: 100%;
    width: 35.2vw;
    margin-top: 6.1vw;
  }
}
.page.ladies .tops .modal-content-list li:nth-of-type(-n+2) {
  margin-top: 0;
}
.page.ladies .tops .modal-content-list li img {
  margin-bottom: 6px;
}
.page.ladies .tops .modal .close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 35px;
  right: 35px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .modal .close {
    width: 9.1vw;
    height: 9.1vw;
    top: 4.6vw;
    right: 4.6vw;
  }
}
.page.ladies .tops .open-modal {
  cursor: pointer;
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .open-modal {
    max-width: 72.3vw;
    margin: 0 6.5vw;
  }
}
.page.ladies .tops .model-arrow {
  position: absolute;
  top: 42%;
  width: 68px;
  height: 68px;
  z-index: 5;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .model-arrow {
    width: 14.3vw;
    height: 14.3vw;
    top: 43%;
  }
}
.page.ladies .tops .model-prev-arrow {
  left: 39%;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .model-prev-arrow {
    left: 10.4vw;
  }
}
.page.ladies .tops .model-next-arrow {
  right: 39%;
}
@media screen and (max-width: 768px) {
  .page.ladies .tops .model-next-arrow {
    right: 10.4vw;
  }
}
.page.ladies .shoes {
  max-width: 1200px;
  margin: 0 auto;
  padding: 94px 0;
  border-bottom: 4px solid #000;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page.ladies .shoes {
    max-width: 89.6vw;
    padding: 12.5vw 0;
    border-bottom: 1vw solid #000;
  }
}
.page.ladies .shoes_info {
  max-width: 725px;
  display: block;
  margin: 0 auto 62px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page.ladies .shoes_info {
    max-width: 89.6vw;
    margin-bottom: 5.2vw;
  }
}
.page.ladies .shoes_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
  max-width: 619px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page.ladies .shoes_item_list {
    max-width: 100%;
    gap: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: scroll;
  }
}
.page.ladies .shoes_item_list li {
  text-align: center;
}
.page.ladies .shoes_item_list li img {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .page.ladies .shoes_item_list li {
    width: 36.2vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies .shoes_item_list li:last-of-type {
    margin-right: 5.2vw;
  }
}
.page .shoes_toppa{
  width: 768px;
  display: block;
  margin: 0 auto 74px;
}
@media screen and (max-width: 768px) {
  .page .shoes_toppa{
    width: 89.5vw;
    display: block;
    margin: 0 auto 16vw;
  }
}

.page .fixed_btn{
  position: fixed;
  bottom: 30px;
  z-index: 9;
  display: flex;
  justify-content: center;
  gap: 40px;
  width: 600px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.page .fixed_btn a{
  padding: 10px 20px;
  border: 2px solid #000;
  border-radius: 40px;
  background: #fff;
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.page .more_btn{
  width: 490px;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0;
  border: 2px solid #000;
  border-radius: 50px;
  background: #fff;
  margin: 75px auto 0;
  display: block;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.page .more_btn::after{
  content: "";
  background-image: url(/ec/img/usr/pg/campaign/zero_pressure/25ss/more_btn_arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 16px;
  height: 31px;
  position: absolute;
  right: 20px;
  top: 28%;
}

@media screen and (max-width: 768px) {
  .page .fixed_btn{
    position: fixed;
    z-index: 9;
    display: flex;
    justify-content: center;
    gap: 4vw;
    max-width: 90vw;
    bottom: 20vw;
  }
  
  .page .fixed_btn a{
    padding: 2vw;
    border: 0.6vw solid #000;
    border-radius: 40px;
    background: #fff;
    font-size: 3.6vw;
    font-weight: bold;
  }

  .page .more_btn{
    width: 80vw;
    font-size: 4.3vw;
    font-weight: bold;
    padding: 3vw 0;
    border: 0.6vw solid #000;
    border-radius: 50px;
    background: #fff;
    margin: 10vw auto 0;
    display: block;
    text-align: center;
    line-height: 1.5;
    position: relative;
  }
  .page .more_btn::after{
    content: "";
    background-image: url(/ec/img/usr/pg/campaign/zero_pressure/25ss/more_btn_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 4vw;
    height: 8vw;
    position: absolute;
    right: 5vw;
    top: 30%;
  }
}