@charset "UTF-8";
.page p, .page span, .page a, .page h2, .page h3 {
  line-height: 1.5;
}
.page a {
  display: block;
  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 {
  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 {
  -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;
  appearance: none;
}

.l-wrap {
  overflow: initial;
}

@media screen and (min-width: 769px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}
.page {
  overflow: hidden;
  background: #fff;
  position: relative;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Montserrat", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "sans-serif";
  /*=============================
   kv
  =============================*/
}
.page__inner {
  margin: auto;
  max-width: 980px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page__inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page__inner {
    max-width: 89.6vw;
    margin: auto;
  }
}
.page .img-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .page .img-pc {
    display: none;
  }
}
.page .img-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .page .img-sp {
    display: block;
  }
}
.page .item__list__id a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page .underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page .item__list__text a {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .page .item__list__text a {
    font-size: 3.125vw;
  }
}
.page .cartinbtn {
  text-decoration: none !important;
}
.page .item__list__id--none .item--name {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .page .item__list__id--none .item--name {
    font-size: 3.125vw !important;
  }
}
.page .coming {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .page .coming {
    font-size: 3.125vw !important;
  }
}
.page .kv h1 {
  min-width: 1920px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .kv h1 {
    min-width: 190vw;
  }
}
@media screen and (max-width: 768px) {
  .page .kv h1 {
    min-width: 100%;
  }
}
.page .kv h1 img {
  margin: auto;
}
.page .item__list {
  text-align: left;
  width: 236px;
}
@media screen and (max-width: 768px) {
  .page .item__list {
    width: 100%;
  }
}
.page .item__list .item--name {
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .item__list .item--name {
    width: 100%;
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
}
.page .item__list .preset_price_area {
  line-height: 16px;
  color: #222222;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .page .item__list .preset_price_area {
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
}
.page .item__list .item__list__id {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .page .item__list .item__list__id {
    margin-bottom: 2.6vw;
  }
}
.page .ajax_area > a.cartinbtn {
  background-color: #7BAB99;
}
@media screen and (max-width: 768px) {
  .page .ajax_area > a.cartinbtn {
    font-size: 3.4vw;
    margin-top: 3.1vw;
  }
}
.page .ajax_area > .preset_price_area {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .page .ajax_area > .preset_price_area {
    font-size: 3.9vw;
    line-height: 5.5vw;
  }
}
@media screen and (max-width: 768px) {
  .page .ajax_area > .stock_exist {
    font-size: 3.4vw;
    padding: 0.4vw 0 0.4vw 4.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .ajax_area > .stock_exist:before {
    border: 1.2vw solid transparent;
    border-bottom: 1.6vw solid #444;
  }
}
@media screen and (max-width: 768px) {
  .page .ajax_area > .stock_exist:after {
    border: 1.2vw solid transparent;
    border-top: 1.6vw solid #444;
  }
}
.page .top_nav {
  max-width: 723px;
  margin: 64px auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page .top_nav {
    max-width: 89.6vw;
    margin-top: 8.3vw;
    flex-direction: column;
  }
}
.page .top_nav_btn {
  width: 44.2%;
  font-size: 16px;
  padding: 14px 0;
  border: 1px solid #000;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .top_nav_btn {
    width: 100%;
    font-size: 4.4vw;
    padding: 4.2vw 0;
    margin-bottom: 4.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .top_nav_btn:last-of-type {
    margin-bottom: 0;
  }
}
.page .top_nav_btn::after {
  content: "";
  background-image: url(/ec/img/usr/pg/men/formal/nav_arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 6px;
  height: 12px;
  position: absolute;
  top: 43%;
  right: 7%;
}
@media screen and (max-width: 768px) {
  .page .top_nav_btn::after {
    width: 1.6vw;
    height: 3.1vw;
    right: 7.3vw;
  }
}
.page .lineup-formal {
  width: 100%;
  margin: auto;
  margin-top: 96px;
}
@media screen and (max-width: 768px) {
  .page .lineup-formal {
    margin-top: 12.5vw;
  }
}
.page .lineup-formal__title {
  width: 626px;
  margin: 0 auto 56px;
}
@media screen and (max-width: 768px) {
  .page .lineup-formal__title {
    width: 76.6vw;
    margin-bottom: 9.4vw;
  }
}
.page .lineup-formal__list {
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
.page .lineup-formal__item {
  width: 312px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .lineup-formal__item {
    width: 42.2vw;
  }
}
.page .lineup-formal__item:nth-child(1) {
  margin-right: 22px;
}
@media screen and (max-width: 768px) {
  .page .lineup-formal__item:nth-child(1) {
    margin-right: 2.9vw;
  }
}
.page .lineup-formal__item:nth-child(3) {
  width: 647px;
  margin-top: 96px;
}
@media screen and (max-width: 768px) {
  .page .lineup-formal__item:nth-child(3) {
    width: 100%;
    margin-top: 14.6vw;
  }
}
.page .sticky {
  position: fixed;
  right: 0;
  top: 200px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .sticky {
    position: static;
    left: 0;
    bottom: 0;
    top: auto;
  }
}
.page .sticky__title {
  display: none;
}
.page .sticky__figure {
  height: 100px;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .page .sticky__figure {
    height: auto;
    width: auto;
  }
}
.page .sticky__figure img {
  width: 100%;
  height: auto;
}
.page .ladies_bnr {
  max-width: 400px;
  margin: 80px auto 100px;
}
@media screen and (max-width: 768px) {
  .page .ladies_bnr {
    max-width: 100%;
    width: 52.1vw;
    margin: 19.5vw auto 13vw;
  }
}
.page .ladies_bnr p {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .ladies_bnr p {
    font-size: 4.4vw;
    margin-bottom: 2.6vw;
  }
}

@media screen and (max-width: 768px) {
  .page .slick-arrow {
    position: absolute;
    z-index: 100;
    top: 24%;
    width: 2.1vw;
    height: 5.2vw;
  }
  .page .prev-arrow {
    left: -2.1vw;
  }
  .page .next-arrow {
    right: -2.1vw;
  }
}
.page {
  background: #fff;
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.page .no-after::after {
  display: none;
}
.page > .ceremony__banner {
  background-image: url("/ec/img/usr/pg/men/formal/ceremony/CEREMONY-FORMAL-kv.png");
}
@media screen and (max-width: 768px) {
  .page > .ceremony__banner {
    background-image: url("/ec/img/usr/pg/men/formal/ceremony/kv-sp-Ceremony.png");
  }
}
.page .ceremony--active {
  background-color: #ffffff;
  color: #2EA399;
}
.page .ceremony--active::after {
  color: #2EA399;
}
.page .ceremony-top {
  width: 488px;
  height: 732px;
  margin-right: 69px;
}
.page .ceremony-top--nomargin {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .page .ceremony-top {
    display: none;
  }
}
.page .ceremony-top__figure {
  width: 488px;
  height: 732px;
}
.page .ceremony-top__figure img {
  width: 100%;
  height: auto;
}
.page .ceremony-formal {
  width: 980px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page .ceremony-formal {
    width: 100vw;
  }
}
.page .ceremony-formal__title {
  height: 61.34px;
  width: 980px;
  margin: 70.2px auto 101.4px auto;
}
@media screen and (max-width: 768px) {
  .page .ceremony-formal__title {
    width: 89.5833333333vw;
    height: 7.9127604167vw;
    margin: 7.4479166667vw auto 6.1197916667vw auto;
  }
}
.page .ceremony-formal__title img {
  width: 100%;
  height: 61.34px;
}
@media screen and (max-width: 768px) {
  .page .ceremony-formal__title img {
    height: auto;
  }
}
.page .ceremony__list {
  min-width: 980px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .ceremony__list {
    min-width: 100vw;
  }
}
.page .ceremonysec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page .ceremonysec-margin {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec-margin {
    margin-bottom: 0;
  }
}
.page .ceremonysec__title {
  width: 500px;
  height: 37px;
  margin: 0 0 25px 0;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__title {
    width: 89.5833333333vw;
    height: 6.5794270833vw;
    margin: 0 0 3.90625vw 0;
  }
}
.page .ceremonysec__title img {
  width: 100%;
  height: auto;
}
.page .ceremonysec__wrapper {
  display: flex;
  flex-direction: column;
}
.page .ceremonysec__list {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31px;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__list {
    height: 6.640625vw;
  }
}
.page .ceremonysec__item {
  font-family: "Trajan Pro";
  font-size: 23px;
  line-height: 52px;
  color: #010101;
  display: flex;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__item {
    font-size: 4.9479166667vw;
    line-height: 9.1145833333vw;
  }
}
.page .ceremonysec__item:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  font-weight: 600;
  color: #A1820E;
  font-size: 15px;
  margin: 0 10px;
}
.page .ceremonysec__item:nth-child(2)::after {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  font-weight: 600;
  color: #A1820E;
  font-size: 15px;
  margin: 0 10px;
}
.page .ceremonysec__sub {
  text-align: center;
  font-family: "Hiragino Kaku Gothic Std W2";
  font-size: 18px;
  line-height: 34px;
  margin: 0 0 12px 0;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__sub {
    font-size: 3.125vw;
    line-height: 4.5572916667vw;
    margin: 0 0 3.90625vw 0;
  }
}
.page .ceremonysec__list2 {
  display: flex;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__list2 {
    flex-wrap: wrap;
    width: 88vw;
    align-items: center;
    justify-content: center;
    margin-bottom: 9.765625vw;
  }
}
.page .ceremonysec__item2 {
  font-family: "Hiragino Kaku Gothic Std W2";
  font-size: 15px;
  line-height: 34px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__item2 {
    font-size: 3.125vw;
    line-height: 5.2083333333vw;
  }
}
.page .ceremonysec__item2:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  content: "/";
  font-weight: 600;
  color: #A1820E;
  font-size: 15px;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__item2:nth-child(2)::before {
    font-size: 3.125vw;
    margin: 0 1.3020833333vw;
  }
}
.page .ceremonysec__item2:nth-child(2)::after {
  font-family: "Font Awesome 5 Free";
  content: "/";
  font-weight: 600;
  color: #A1820E;
  font-size: 15px;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .page .ceremonysec__item2:nth-child(2)::after {
    font-size: 3.125vw;
    margin: 0 1.3020833333vw;
  }
}
.page .ceremonysamp__title {
  display: none;
}
.page .ceremonysamp__item {
  width: 849px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page .ceremonysamp__item {
    margin-bottom: 14.3229166667vw;
    width: 100%;
  }
}
.page .ceremonysamp__item > .row-reverse {
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page .ceremonysamp__item > .row-reverse {
    margin-bottom: 13.28125vw;
  }
}
.page .ceremonysamp__wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page .ceremonysamp__wrapper {
    justify-content: center;
  }
}
.page .ceremonyitem {
  width: 320px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem > a {
    order: 6;
  }
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem {
    width: 76.8229166667vw;
    display: flex;
    flex-direction: column;
  }
}
.page .ceremonyitem > .ceremonyitem__figure--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem > .ceremonyitem__figure--sp {
    display: flex;
    width: 76.8229166667vw;
    height: 115.234375vw;
  }
}
.page .ceremonyitem__title {
  font-family: "HiraMinStd-W2";
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 41px;
  color: #E8817A;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__title {
    order: 2;
    font-size: 4.6875vw;
    line-height: 7.1614583333vw;
    margin-bottom: 5.2083333333vw;
  }
}
.page .ceremonyitem__decs {
  font-family: "HiraKakuStd-W2";
  font-size: 13px;
  line-height: 22.5px;
  color: #222222;
  margin-bottom: 65px;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__decs {
    order: 3;
    font-size: 3.90625vw;
    line-height: 6.5104166667vw;
    margin-bottom: 5.2083333333vw;
    color: #222222;
    letter-spacing: -0.2604166667vw;
  }
}
.page .ceremonyitem__figure {
  text-align: center;
  width: 168px;
  height: 268px;
  margin: 0 auto 37px auto;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__figure {
    order: 1;
    width: 88.4114583333vw;
    height: 131.640625vw;
    margin: 0 auto 5.2083333333vw auto;
  }
}
.page .ceremonyitem__figure img {
  width: 100%;
  height: auto;
}
.page .ceremonyitem__list {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__list {
    order: 4;
  }
}
.page .ceremonyitem__itemlist:nth-child(1) {
  font-family: "HiraKakuStd-W3";
  font-size: 13px;
  line-height: 22.75px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__itemlist:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .ceremonyitem__itemlist:nth-child(2) {
  font-family: "HiraKakuStd-W6";
  font-size: 16px;
  line-height: 25px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__itemlist:nth-child(2) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
  }
}
.page .ceremonyitem__itemlist:nth-child(3) {
  font-family: "HiraKakuStd-W3";
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .ceremonyitem__price {
  font-family: "FuturaPT-Heavy";
  font-size: 30px;
  margin: 15px 0 15px 0;
  color: #222222;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__price {
    font-size: 6.5104166667vw;
    line-height: 6.5104166667vw;
    margin: 3.3854166667vw 0 9.1145833333vw 0;
    order: 5;
  }
}
.page .ceremonyitem__price span:nth-child(1) {
  font-family: "HiraKakuStd-W3";
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .ceremonyitem__price span:nth-child(2) {
  font-family: "HiraKakuStd-W3";
  font-size: 10px;
  line-height: 32px;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .ceremonyitem__button {
  height: 42px;
  width: 228px;
  background-color: #E8817A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "HiraKakuStd-W3";
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__button {
    border-radius: 1.0416666667vw;
    font-size: 4.1666666667vw;
    line-height: 4.6875vw;
    order: 6;
    height: 13.0208333333vw;
    width: 100%;
  }
}
.page .ceremonyitem__button::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 600;
  color: white;
  font-size: 15px;
  position: absolute;
  right: 12px;
}
@media screen and (max-width: 768px) {
  .page .ceremonyitem__button::after {
    font-size: 4.4270833333vw;
    right: 3.515625vw;
  }
}
@media screen and (max-width: 768px) {
  .page .ceremonysuit {
    margin-bottom: -5.2vw;
    margin-top: 2vw;
  }
}
.page .ceremonysuit__title {
  display: none;
}
.page .ceremonysuit__figure {
  width: 646px;
  margin: 70px auto -30px auto;
}
@media screen and (max-width: 768px) {
  .page .ceremonysuit__figure {
    width: 90%;
    margin: auto;
  }
}
.page .ceremonysuit__figure img {
  width: 100%;
  height: auto;
}

.page {
  background: #fff;
  position: relative;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Montserrat", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "sans-serif";
}
@media screen and (max-width: 768px) {
  .page a {
    width: 100%;
  }
}
.page .prev-arrow {
  left: -11.71875vw;
  width: 7.8125vw;
  height: 12.5vw;
}
.page .prev-arrow img {
  width: 100%;
  height: auto;
}
.page .next-arrow {
  right: -11.71875vw;
  width: 7.8125vw;
  height: 12.5vw;
}
.page .next-arrow img {
  width: 100%;
  height: auto;
}
.page .formal {
  max-width: 980px;
  width: 100%;
  margin: auto;
}
.page .formal--active {
  background-color: #ffffff;
  color: #2EA399;
}
.page .formal--active::after {
  color: #2EA399;
}
@media screen and (max-width: 768px) {
  .page .formal {
    width: 100vw;
    min-width: 100%;
    margin-bottom: 29.6223958333vw;
  }
}
.page .formal__title {
  width: 632px;
  margin: 96px auto 56px auto;
}
@media screen and (max-width: 768px) {
  .page .formal__title {
    width: 49.5vw;
    margin: 11.5vw auto 9.4vw auto;
  }
}
.page .formal__sub {
  text-align: center;
  font-weight: 900;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 24px;
  color: #7BAB99;
}
@media screen and (max-width: 768px) {
  .page .formal__sub {
    font-size: 5.2vw;
    line-height: 8.3vw;
    margin-bottom: 5.2vw;
  }
}
.page .formal__decs {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 77px;
}
@media screen and (max-width: 768px) {
  .page .formal__decs {
    font-weight: 400;
    font-size: 3.9vw;
    line-height: 6.5vw;
    text-align: left;
    width: 76.8229166667vw;
    margin: auto;
    margin-bottom: 25.1vw;
  }
  .page .formal__decs > br {
    display: none;
  }
}
.page .formal__list {
  width: 100%;
}
.page .formal .item__list {
  width: 280px;
}
.page .prayer {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .prayer {
    width: 76.8vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
@media screen and (max-width: 768px) {
  .page .prayer__wrapper {
    width: 100%;
  }
}
.page .prayer__title {
  width: 300px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .prayer__title {
    width: 58.6vw;
    margin-bottom: 6.3vw;
  }
}
.page .prayer__decs {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 37px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .prayer__decs {
    font-weight: 400;
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin-bottom: 19.7vw;
    text-align: left;
  }
  .page .prayer__decs > br {
    display: none;
  }
}
.page .prayer__list {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .prayer__list {
    width: 76.8229166667vw;
  }
}
.page .prayer__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 478px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .prayer__item {
    max-width: 76.8vw;
    width: 100%;
    height: auto;
  }
}
.page .prayer-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 280px;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__list {
    width: 76.8229166667vw;
  }
}
.page .prayer-slide__item:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__item:nth-child(1) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
  }
}
.page .prayer-slide__item:nth-child(2) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__item:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .prayer-slide__item:nth-child(3) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__item:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .prayer-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .prayer-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .prayer-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .prayer-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .prayer-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .prayer__figure {
  max-width: 478px;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .prayer__figure {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
  }
}
.page .necklace {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .necklace {
    width: 76.8229166667vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
.page .necklace__wrapper {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .page .necklace__wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.page .necklace__title {
  width: 320px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .necklace__title {
    width: 65.9vw;
    margin-bottom: 6.3vw;
  }
}
.page .necklace__desc {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 37px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .page .necklace__desc {
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin-bottom: 6.9vw;
    text-align: justify;
  }
  .page .necklace__desc > br {
    display: none;
  }
}
.page .necklace__list {
  width: 980px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .necklace__list {
    width: 76.8229166667vw;
    flex-direction: column;
    margin-top: 0;
  }
}
.page .necklace__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .necklace__item {
    width: 76.8229166667vw;
    height: auto;
    flex-direction: column;
  }
}
.page .necklace-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 228.56px;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__list {
    width: 76.8229166667vw;
  }
}
.page .necklace-slide__itemlist:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__itemlist:nth-child(1) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
    margin-top: 7.3vw;
  }
}
.page .necklace-slide__itemlist:nth-child(2) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__itemlist:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .necklace-slide__itemlist:nth-child(3) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .necklace-slide__itemlist:nth-child(4) {
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__itemlist:nth-child(4) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .necklace-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .necklace-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .necklace-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .necklace-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .necklace-slide__sub {
  font-size: 11px;
  line-height: 19px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .page .necklace-slide__sub {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-bottom: 3.2552083333vw;
  }
}
.page .necklace__figure {
  width: 478px;
  height: 340px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .necklace__figure {
    width: 76.8229166667vw;
    height: 54.64453125vw;
    margin-bottom: 0;
  }
}
.page .necklace__figure img {
  width: 100%;
  height: auto;
}
.page .crepe {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .crepe {
    width: 76.8229166667vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
.page .crepe__wrapper {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .page .crepe__wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.page .crepe__title {
  width: 166px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page .crepe__title {
    width: 32.3vw;
    margin-bottom: 6.3vw;
  }
}
.page .crepe__desc {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 37px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .page .crepe__desc {
    font-weight: 400;
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin-bottom: 13.4vw;
    text-align: left;
  }
  .page .crepe__desc > br {
    display: none;
  }
}
.page .crepe__list {
  width: 810px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .crepe__list {
    width: 76.8229166667vw;
    flex-direction: column;
    margin-top: 0;
  }
}
.page .crepe__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .crepe__item {
    width: 76.8229166667vw;
    height: auto;
    flex-direction: column;
  }
}
.page .crepe-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 228px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__list {
    max-width: 100%;
    width: 100%;
  }
}
.page .crepe-slide__itemlist:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__itemlist:nth-child(1) {
    margin-top: 7.3vw;
    font-size: 3.90625vw;
    line-height: 5.859375vw;
  }
}
.page .crepe-slide__itemlist:nth-child(2) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__itemlist:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .crepe-slide__itemlist:nth-child(3) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .crepe-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .crepe-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .crepe-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .crepe-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .crepe-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .crepe__figure {
  width: 478px;
  height: 340px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .crepe__figure {
    width: 76.8229166667vw;
    height: 54.64453125vw;
    margin-bottom: 0;
  }
}
.page .crepe__figure img {
  width: 100%;
  height: auto;
}
.page .gloves {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .gloves {
    width: 76.8229166667vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
.page .gloves__wrapper {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .page .gloves__wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.page .gloves__title {
  width: auto;
  height: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .gloves__title {
    width: 26.0416666667vw;
    height: 18.8802083333vw;
    margin-bottom: 6.5104166667vw;
  }
}
.page .gloves__decs {
  text-align: center;
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .gloves__decs {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-bottom: 0;
    text-align: justify;
  }
  .page .gloves__decs > br {
    display: none;
  }
}
.page .gloves__list {
  width: 810px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .gloves__list {
    width: 76.8229166667vw;
    flex-direction: column;
    margin-top: 0;
  }
}
.page .gloves__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .gloves__item {
    width: 76.8229166667vw;
    height: auto;
    flex-direction: column;
  }
}
.page .gloves-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 228.56px;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__list {
    width: 76.8229166667vw;
  }
}
.page .gloves-slide__itemlist:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__itemlist:nth-child(1) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
    margin-top: 7.3vw;
  }
}
.page .gloves-slide__itemlist:nth-child(2) {
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__itemlist:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .gloves-slide__itemlist:nth-child(3) {
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .gloves-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .gloves-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .gloves-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .gloves-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .gloves-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .gloves__figure {
  width: 478px;
  height: 340px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .gloves__figure {
    width: 76.8229166667vw;
    height: 54.64453125vw;
    margin-bottom: 0;
  }
}
.page .gloves__figure img {
  width: 100%;
  height: auto;
}
.page .bag {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .bag {
    width: 76.8vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
.page .bag__wrapper {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .page .bag__wrapper {
    width: 100%;
  }
}
.page .bag__title {
  width: 82px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page .bag__title {
    width: 15.9vw;
    margin-bottom: 6.3vw;
  }
}
.page .bag__decs {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 37px;
}
@media screen and (max-width: 768px) {
  .page .bag__decs {
    text-align: left;
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin-bottom: 13.4vw;
    text-align: justify;
  }
  .page .bag__decs > br {
    display: none;
  }
}
.page .bag__list {
  width: 980px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .page .bag__list {
    width: 76.8229166667vw;
    margin-top: 0;
  }
}
.page .bag__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 478px;
  height: auto;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .page .bag__item {
    width: 76.8229166667vw;
    height: auto;
    margin-bottom: 0;
  }
}
.page .bag-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 280px;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__list {
    width: 76.8229166667vw;
  }
}
.page .bag-slide__itemlist:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__itemlist:nth-child(1) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
    margin-top: 7.3vw;
  }
}
.page .bag-slide__itemlist:nth-child(2) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__itemlist:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .bag-slide__itemlist:nth-child(3) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .bag-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .bag-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__price span:nth-child(1) {
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
}
.page .bag-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .bag-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .bag-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .bag__figure {
  width: 478px;
  height: 368px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .bag__figure {
    width: 76.8229166667vw;
    height: 54.64453125vw;
    margin-bottom: 0;
  }
}
.page .bag__figure img {
  width: 100%;
  height: auto;
}
.page .accessories {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .accessories {
    width: 76.8229166667vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
.page .accessories__wrapper {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .page .accessories__wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.page .accessories__title {
  width: 480px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page .accessories__title {
    width: 53.1vw;
    margin-bottom: 6.5vw;
  }
}
.page .accessories__desc {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 37px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .page .accessories__desc {
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin-bottom: 13.4vw;
    text-align: left;
  }
  .page .accessories__desc > br {
    display: none;
  }
}
.page .accessories__list {
  width: 810px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .accessories__list {
    width: 76.8229166667vw;
    flex-direction: column;
    margin-top: 0;
  }
}
.page .accessories__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .accessories__item {
    width: 76.8229166667vw;
    height: auto;
    flex-direction: column;
  }
}
.page .accessories-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__list {
    max-width: 100%;
    width: 100%;
  }
}
.page .accessories-slide__itemlist:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__itemlist:nth-child(1) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
    margin-top: 7.3vw;
  }
}
.page .accessories-slide__itemlist:nth-child(2) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__itemlist:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .accessories-slide__itemlist:nth-child(3) {
  font-weight: 300;
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .accessories-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .accessories-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .accessories-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .accessories-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .accessories-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .accessories__figure {
  width: 478px;
  height: 340px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .accessories__figure {
    width: 76.8229166667vw;
    height: 54.64453125vw;
    margin-bottom: 0;
  }
}
.page .accessories__figure img {
  width: 100%;
  height: auto;
}
.page .shoes {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
}
@media screen and (max-width: 768px) {
  .page .shoes {
    width: 76.8229166667vw;
    margin: auto;
    margin-bottom: 12.5vw;
  }
}
.page .shoes__wrapper {
  width: 33%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .shoes__wrapper {
    margin-left: 0;
    width: 100%;
  }
}
.page .shoes__title {
  width: 138px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page .shoes__title {
    width: 27.1vw;
    margin-bottom: 6.3vw;
  }
}
.page .shoes__desc {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 37px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .page .shoes__desc {
    font-size: 3.9vw;
    line-height: 6.5vw;
    margin-bottom: 13.4vw;
    text-align: left;
  }
  .page .shoes__desc > br {
    display: none;
  }
}
.page .shoes__list {
  width: 810px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .shoes__list {
    width: 76.8229166667vw;
    flex-direction: column;
    margin-top: 0;
  }
}
.page .shoes__item {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .page .shoes__item {
    width: 76.8229166667vw;
    height: auto;
    flex-direction: column;
  }
}
.page .shoes-slide__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 228.56px;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__list {
    width: 76.8229166667vw;
  }
}
.page .shoes-slide__itemlist:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__itemlist:nth-child(1) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
    margin-top: 7.3vw;
  }
}
.page .shoes-slide__itemlist:nth-child(2) {
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__itemlist:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .shoes-slide__itemlist:nth-child(3) {
  font-size: 11px;
  line-height: 19px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__itemlist:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .shoes-slide__price {
  display: flex;
  justify-content: flex-start;
  width: 228.56px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 5px 0 12px 0;
  color: #333333;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__price {
    width: 76.8vw;
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1.3vw 0 2.1vw 0;
  }
}
.page .shoes-slide__price span:nth-child(1) {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__price span:nth-child(1) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .shoes-slide__price span:nth-child(2) {
  font-size: 10px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__price span:nth-child(2) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
.page .shoes-slide__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 300;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  width: 228px;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .shoes-slide__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    order: 6;
    padding: 2.2vw 0;
    width: 100%;
  }
}
.page .shoes__figure {
  width: 478px;
  height: 340px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page .shoes__figure {
    width: 76.8229166667vw;
    height: 54.64453125vw;
    margin-bottom: 0;
  }
}
.page .shoes__figure img {
  width: 100%;
  height: auto;
}

@media all and (-ms-high-contrast: none) and (min-width: 768px), all and (-ms-high-contrast: active) and (min-width: 768px) {
  .page .next-arrow {
    right: -9.71vw;
  }
}
.page {
  background: #fff;
  position: relative;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Montserrat", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "sans-serif";
}
.page .kv {
  border-bottom: 1px solid #82A3A7;
}
.page .no-image img {
  display: none;
}
.page .no-img4 .pop-section__list {
  margin-bottom: 20px;
}
.page .no-img4 .pop-section__list--nomarginbot {
  margin-bottom: 0;
}
.page .all {
  margin: 96px auto 0;
}
@media screen and (max-width: 768px) {
  .page .all {
    min-width: 89.5833333333vw;
    width: 89.5833333333vw;
    margin: 11.5vw auto 0;
  }
}
.page .all--active {
  background-color: #ffffff;
  color: #7BAB99;
}
.page .all--active::after {
  color: #2ea399;
}
.page .all__title {
  width: 556px;
  margin: 0 auto 56px;
}
@media screen and (max-width: 768px) {
  .page .all__title {
    width: 59.1vw;
    margin: 0 auto 6.9vw;
  }
}
.page .all__figure {
  max-width: 685px;
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .all__figure {
    width: 89.6vw;
  }
}
.page .standard {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .page .standard {
    margin-top: 12.5vw;
  }
}
.page .standard__title {
  width: 404px;
  margin: 0 auto 48px;
}
@media screen and (max-width: 768px) {
  .page .standard__title {
    width: 79.2vw;
    margin: 0 auto 8.3vw;
  }
}
.page .standard__list {
  display: flex;
  align-items: center;
  width: 315px;
  margin: auto;
  justify-content: space-between;
  margin-bottom: 78px;
}
@media screen and (max-width: 768px) {
  .page .standard__list {
    width: 69.7669270833vw;
    height: 12.3971354167vw;
    margin-bottom: 5.7682291667vw;
  }
}
.page .standard__item {
  font-size: 16px;
  line-height: 26.16px;
  color: #222222;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .standard__item {
    font-size: 3.90625vw;
    line-height: 6.5104166667vw;
  }
}
.page .standard__item:nth-child(1) {
  width: 61.45px;
}
@media screen and (max-width: 768px) {
  .page .standard__item:nth-child(1) {
    width: 11.7734375vw;
  }
}
.page .standard__item:nth-child(1) img {
  width: 100%;
  height: auto;
}
.page .stylish {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .page .stylish {
    margin-top: 12.5vw;
  }
}
.page .stylish__title {
  width: 352px;
  margin: 0 auto 48px;
}
@media screen and (max-width: 768px) {
  .page .stylish__title {
    width: 68.8vw;
    margin: 0 auto 8.3vw;
  }
}
.page .vest {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .page .vest {
    margin-top: 12.5vw;
  }
}
.page .vest__title {
  width: 102px;
  margin: 0 auto 48px;
}
@media screen and (max-width: 768px) {
  .page .vest__title {
    width: 19.8vw;
    margin: 0 auto 8.3vw;
  }
}
.page .normal {
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .page .normal {
    margin-bottom: 10.5vw;
  }
}
.page .normal .icon {
  width: 170px;
  margin: auto;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .page .normal .icon {
    margin: unset;
    margin-right: auto;
    width: 35.4vw;
    margin-top: 3.3vw;
  }
}
.page .normal .icon--1 {
  width: 110px;
}
@media screen and (max-width: 768px) {
  .page .normal .icon--1 {
    width: 22.4vw !important;
  }
}
.page .normal .icon--2 {
  width: 50px;
}
@media screen and (max-width: 768px) {
  .page .normal .icon--2 {
    width: 9.6vw !important;
  }
}
.page .normal .icon--3 {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .page .normal .icon--3 {
    width: 73.7vw !important;
  }
}
@media screen and (max-width: 768px) {
  .page .normal .note {
    font-size: 3.1vw;
  }
}
.page .normal__title {
  width: 120px;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  .page .normal__title {
    width: 26vw;
    margin: 0 auto 6.3vw;
  }
}
.page .normal__list {
  max-width: 648px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .page .normal__list {
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.page .normal__item {
  margin-right: 16px;
  max-width: 316px;
  width: 48.7%;
  margin-right: 2.46%;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
.page .normal__item:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .page .normal__item {
    max-width: 100%;
    width: 42.2vw;
    margin-right: 5.2vw;
  }
}
.page .normal__item.one_item {
  max-width: 350px;
  width: 100%;
  margin-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .page .normal__item.one_item {
    max-width: 73.7vw;
  }
}
.page .normal__item.one_item .normal__figure {
  margin: 0 auto;
}
.page .normal__item:nth-child(1), .page .normal__item:nth-child(2), .page .normal__item:nth-child(3), .page .normal__item:nth-child(4) {
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .page .normal__item:nth-child(1), .page .normal__item:nth-child(2), .page .normal__item:nth-child(3), .page .normal__item:nth-child(4) {
    margin-bottom: 9.4vw;
  }
}
.page .normal__figure {
  max-width: 316px;
  width: 100%;
}
.page .normal__figure a {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .normal__figure {
    max-width: 42.2vw;
    width: 100%;
  }
}
.page .normal__figcapt {
  text-align: center;
  margin-top: 13px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #7BAB99;
}
@media screen and (max-width: 768px) {
  .page .normal__figcapt {
    margin: 2.6vw auto 0;
    font-size: 3.9vw;
    line-height: 6.5vw;
    text-align: left;
  }
}
.page .product {
  background-color: #F6E8E3;
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .product .sectiona__figure {
    max-width: 42.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .product {
    padding: 12.5vw 0 18.6vw 0;
  }
}
.page .product__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 45px;
  color: #000000;
  margin-bottom: 23px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .product__title {
    font-size: 4.6875vw;
    line-height: 6.5104166667vw;
    color: #000000;
    margin-bottom: 5.2083333333vw;
    width: 100%;
  }
}
.page .product__desc {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 66px;
}
@media screen and (max-width: 768px) {
  .page .product__desc {
    text-align: left;
    font-size: 3.90625vw;
    line-height: 6.5104166667vw;
    margin-bottom: 12.5vw;
    width: 77.6041666667vw;
  }
  .page .product__desc > br {
    display: none;
  }
}
.page .product__list {
  display: flex;
  width: 980px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page .product__list {
    flex-direction: column;
    width: 89.5833333333vw;
  }
}
.page .typea {
  max-width: 980px;
  width: 100%;
}
.page .typea .item__list {
  width: 100%;
}
.page .typea .ajax_area > .stock_exist {
  width: 100%;
  margin: 10px 0 0;
}
.page .typea .ajax_area a.cartinbtn {
  width: 100%;
  margin: 5px 0;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .typea {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .typea {
    max-width: 89.6vw;
  }
}
.page .typea__title {
  display: none;
}
.page .typea__list {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .page .typea__list {
    width: 100%;
  }
}
.page .typea__item {
  width: 23.2%;
  margin-right: 2.4%;
  margin-top: 90px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .typea__item {
    max-width: 42.2vw;
    width: 50%;
    margin-right: 5.2vw;
    margin-top: 15.6vw;
  }
  .page .typea__item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .page .typea__item:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .page .typea__item:nth-child(-n+4) {
    margin-top: 0;
  }
  .page .typea__item:nth-child(4n), .page .typea__item:last-child {
    margin-right: 0;
  }
}
.page .typea__item:last-child {
  margin-right: 0;
}
.page .typea__item .sectiona__item:first-child {
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .page .typea__item .sectiona__item:first-child {
    font-size: 3vw;
    line-height: 4.7vw;
  }
}
.page .typea__item .popup-btn {
  margin: 10px auto 0;
  width: 100%;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .page .typea__item .popup-btn {
    margin: 2.6vw auto 0;
    width: 100%;
    height: 3.9vw;
  }
}
.page .typea__item .popup-btn:after {
  background-position: center;
}
@media screen and (max-width: 768px) {
  .page .typea .pop-up__list {
    min-height: calc(100vh - 50px);
  }
}
.page .typea .pop-up__item .pop-up__figure {
  background-color: #F6E8E3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .typea .pop-up__item .pop-up__figure img {
  width: auto;
  height: 75.8%;
  max-height: 100%;
  max-width: initial;
}
.page .typea .pop-up__item .ajax_area {
  width: 228px;
}
@media screen and (max-width: 768px) {
  .page .typea .pop-up__item .ajax_area {
    width: 76.8vw;
  }
}
.page .typea .pop-up__item .sectiona__list {
  text-align: left;
}
.page .typea .pop-up__item .pop-section__list {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page .typea .pop-up__item .pop-section__list {
    margin-bottom: 3.9vw;
  }
}
.page .typea .pop-up__item .pop-section__item {
  font-weight: 400;
  font-size: 11px;
  line-height: 1.72;
  margin: 0 0 5px;
}
@media screen and (min-width: 769px) {
  .page .typea .pop-up__item .pop-section__item:first-child {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .page .typea .pop-up__item .pop-section__item {
    font-size: 3.1vw;
    margin: 0 0 0.7vw;
  }
}
.page .sectiona__title {
  display: none;
}
.page .sectiona__wrapper {
  width: 100%;
}
.page .sectiona__figure {
  max-width: 228px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .sectiona__figure {
    max-width: 42.1875vw;
  }
}
.page .sectiona__item:nth-child(1) {
  font-size: 13px;
  line-height: 22.75px;
}
@media screen and (max-width: 768px) {
  .page .sectiona__item:nth-child(1) {
    font-size: 3.1vw;
    line-height: 4.7vw;
    margin-bottom: 0.7vw;
  }
}
.page .sectiona__item:nth-child(2) {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .page .sectiona__item:nth-child(2) {
    font-size: 3.9vw;
    line-height: 5.9vw;
  }
}
.page .sectiona__item:nth-child(3) {
  font-size: 11px;
  line-height: 19px;
}
@media screen and (max-width: 768px) {
  .page .sectiona__item:nth-child(3) {
    font-size: 3.1vw;
    line-height: 4.7vw;
  }
}
.page .sectiona__price {
  display: flex;
  justify-content: flex-start;
  max-width: 228.56px;
  width: 100%;
  font-weight: 300;
  line-height: 16px;
  margin: 10px 0 15px 0;
  color: #222222;
  align-items: flex-end;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .page .sectiona__price {
    width: 100%;
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1vw 0 2.1vw 0;
  }
}
.page .sectiona__price span {
  font-size: 16px;
  margin-bottom: -5px;
}
@media screen and (max-width: 768px) {
  .page .sectiona__price span {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-bottom: 0;
  }
}
.page .sectiona__button1 {
  width: 100%;
  font-size: 13px;
  position: relative;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  max-width: 228px;
  width: 100%;
  padding: 10.5px 0 10.5px 10px;
  text-align: left;
  margin-bottom: 16px;
  background-color: #FFFFFF;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .page .sectiona__button1 {
    max-width: 100%;
    width: 100%;
    font-size: 3.5vw;
    padding: 2.7vw 0 2.7vw 2.6vw;
    margin: 2vw auto 0;
    border-radius: 0.8vw;
  }
}
.page .sectiona__button1:before {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  display: block;
  border-bottom: 5px solid #444;
  top: 50%;
  right: 5%;
  transform: translate(0, -130%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .page .sectiona__button1:before {
    border: 1.2vw solid transparent;
    border-bottom: 1.6vw solid #444;
  }
}
.page .sectiona__button1:after {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  display: block;
  border-top: 5px solid #444;
  top: 50%;
  right: 5%;
  transform: translate(0, 30%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .page .sectiona__button1:after {
    border: 1.2vw solid transparent;
    border-top: 1.6vw solid #444;
  }
}
.page .sectiona__button3 {
  display: none !important;
  font-size: 13px;
  font-weight: 300;
  max-width: 228px;
  width: 100%;
  color: #7BAB99;
  margin-top: 17px;
  text-align: center;
}
.page .sectiona__button3::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 14px;
  background-image: url(/ec/img/usr/pg/men/formal/hanger_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 4px 0 0;
}
@media screen and (max-width: 768px) {
  .page .sectiona__button3::before {
    width: 5.7vw;
    height: 3.4vw;
  }
}
@media screen and (max-width: 768px) {
  .page .sectiona__button3 {
    font-size: 3.4vw;
    width: 100%;
    line-height: 4.6vw;
    margin: auto;
    margin-top: 3.9vw;
  }
}
.page .sectiona__button {
  background-color: #7BAB99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 13px;
  line-height: 32px;
  color: #ffffff;
  position: relative;
  max-width: 228px;
  width: 100%;
  padding: 2px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .sectiona__button {
    border-radius: 1.0416666667vw;
    font-size: 3.4vw;
    line-height: 4.4vw;
    padding: 2.2vw 0;
    width: 100%;
    max-width: 100%;
    margin-top: 3.1vw;
  }
}
.page .separator {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .separator {
    height: 22.0052083333vw;
    margin: 4.6875vw 0;
  }
}
.page .separator__title {
  display: none;
}
.page .separator__figure {
  width: 251.22px;
  height: 169px;
}
@media screen and (max-width: 768px) {
  .page .separator__figure {
    width: 47.3958333333vw;
    height: 22.0052083333vw;
    margin: 4.6875vw 0;
  }
}
.page .separator__figure img {
  width: 100%;
  height: 100%;
}
.page .caption {
  margin-top: 26px;
  max-width: 980px;
  width: 100%;
  margin-top: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page .caption {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .caption {
    margin-top: 15.6vw;
    max-width: 89.6vw;
  }
}
.page .caption__title {
  display: none;
}
.page .caption__title {
  display: none;
}
.page .caption-img__title {
  display: none;
}
.page .caption__list {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page .caption__list {
    flex-wrap: wrap;
  }
}
.page .caption__item {
  max-width: 228px;
  width: calc(25% - 11px);
  margin-right: 22px;
}
@media screen and (max-width: 768px) {
  .page .caption__item {
    max-width: 42.2vw;
    width: 50%;
    margin-right: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .caption__item:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .caption__item:nth-child(1), .page .caption__item:nth-child(2) {
    margin-bottom: 12.5vw;
  }
}
.page .caption__item:last-child {
  margin-right: 0;
}
.page .caption-img__figure {
  max-width: 42.2vw;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page .caption-img__figure {
    max-width: 42.1875vw;
    height: auto;
  }
}
.page .caption-img__figcapt {
  margin-top: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .page .caption-img__figcapt {
    margin-top: 4.2vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
  .page .caption-img__figcapt > br {
    display: none;
  }
}
.page .sample {
  width: 100%;
}
.page .sample__title {
  display: none;
}
.page .sample .web_only_title {
  width: 336px;
  margin: 0 auto 32px;
}
.page .sample .web_only_title_text {
  text-align: center;
  color: #82A3A7;
  margin: 0 auto 24px;
}
.page .sample__list {
  max-width: 980px;
  display: flex;
  margin: auto;
  margin: 95px auto 100px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page .sample__list {
    flex-direction: column;
    max-width: 89.6vw;
    width: 100%;
    margin: 18.6vw auto 14.6vw auto;
  }
}
@media screen and (max-width: 768px) {
  .page .sample__img {
    width: 89.6vw;
    height: auto;
  }
}
.page .sample__img:nth-child(1) {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page .sample__img:nth-child(1) {
    margin-bottom: 12.5vw;
  }
}
.page .sample__wrapper {
  justify-content: center;
}
.page .sample__wrapper--ul {
  display: flex;
}
.page .sample__wrapper--ul li.coat:nth-child(1) {
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .page .sample__wrapper--ul li.coat:nth-child(1) {
    margin-right: 5.2vw;
  }
}
.page .sample-sec .icon {
  width: 104px;
  margin: 13px auto 0;
}
@media screen and (max-width: 768px) {
  .page .sample-sec .icon {
    width: 20.5vw;
    margin: 13px 0 0;
  }
}
.page .sample-sec .icon--3 {
  width: 159px;
  margin: auto;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .page .sample-sec .icon--3 {
    margin: unset;
    margin-top: 3.3vw;
    margin-right: auto;
    width: 31vw !important;
  }
}
.page .sample-sec .icon-txt {
  text-align: center;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .page .sample-sec .icon-txt {
    font-size: 2.6vw;
    text-align: left;
    margin-bottom: 1.3vw;
  }
}
.page .sample-sec .icon-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 104px;
  margin: auto;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .page .sample-sec .icon-list {
    align-items: flex-start;
    margin: unset;
    margin-right: auto;
    width: 20.4vw;
    margin-top: 3.3vw;
  }
}
@media screen and (max-width: 768px) {
  .page .sample-sec .icon-list .icon-item {
    margin-top: 3vw;
  }
}
.page .sample-sec .icon-list .icon-item:nth-child(2) {
  margin-top: 16px;
}
.page .sample-sec__title {
  width: 84px;
  margin: 0 auto 40px auto;
}
@media screen and (max-width: 768px) {
  .page .sample-sec__title {
    width: 19.5vw;
    margin: 0 auto 6.3vw auto;
  }
}
.page .sample-sec__figure {
  width: 313px;
}
.page .sample-sec__figure a {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .sample-sec__figure {
    width: 42.2vw;
    margin: auto;
  }
}
.page .sample-sec__figcapt {
  margin-top: 24px;
  color: #7BAB99;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .page .sample-sec__figcapt {
    text-align: left;
    margin-top: 5.2vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
}
.page .pop-wrapperall {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .page .pop-wrapperall {
    margin-bottom: 7.2vw;
  }
}
.page .pop-wrapperall:last-child {
  margin-bottom: 0;
}
.page .pop-wrapperall--nomargin {
  margin-bottom: 19px !important;
}
@media screen and (max-width: 768px) {
  .page .pop-wrapperall--nomargin {
    margin-bottom: 4.4vw !important;
  }
}
.page .pop-wrapperall--last {
  margin-bottom: 28px !important;
}
.page .pop-wrapperall__img {
  width: 92px;
  height: 92px;
  margin-right: 21px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .page .pop-wrapperall__img {
    width: 26.3vw;
    height: 26.3vw;
  }
}
.page .pop-wrapperall__title {
  font-family: josefin-sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #7BAB99;
}
@media screen and (max-width: 768px) {
  .page .pop-wrapperall__title {
    font-size: 4.6875vw;
    line-height: 6.5104166667vw;
  }
}
@media screen and (max-width: 768px) {
  .page .pop-wrapperall__desc {
    width: 45.8vw;
  }
}
.page .pop-wrapperall__sub {
  font-size: 13px;
  line-height: 19px;
}
@media screen and (max-width: 768px) {
  .page .pop-wrapperall__sub {
    font-size: 3.90625vw;
    line-height: 6.5104166667vw;
  }
}
.page .pop-3 {
  margin-bottom: 75px !important;
}
.page .pop-up1__wrapper {
  display: flex;
}
.page .pop-up1__wrapper > a > .sectiona__button:nth-child(1) {
  width: 120px;
  margin-right: 2px;
  font-size: 9.16px;
  text-align: center;
  line-height: 10.56px;
}
@media screen and (max-width: 768px) {
  .page .pop-up1__wrapper > a > .sectiona__button:nth-child(1) {
    width: 24vw;
    height: 12vw;
    margin-right: 1.5vw;
    font-size: 2.7vw;
    line-height: 3.3vw;
  }
}
.page .pop-up1__wrapper > a > .sectiona__button:nth-child(1)::after {
  font-size: 18px;
  right: 3px;
}
@media screen and (max-width: 768px) {
  .page .pop-up1__wrapper > a > .sectiona__button:nth-child(1)::after {
    font-size: 4.34375vw;
    right: 1.9vw;
  }
}
.page .pop-up1__wrapper > .sectiona__button:nth-child(2) {
  width: 122px;
  font-size: 9.16px;
  text-align: center;
  line-height: 10.56px;
}
@media screen and (max-width: 768px) {
  .page .pop-up1__wrapper > .sectiona__button:nth-child(2) {
    width: 36.9791666667vw;
    height: 13.0208333333vw;
    font-size: 2.6041666667vw;
    line-height: 3.2552083333vw;
  }
}
.page .pop-up1__wrapper > .sectiona__button:nth-child(2)::after {
  font-size: 18px;
  right: 3px;
}
@media screen and (max-width: 768px) {
  .page .pop-up1__wrapper > .sectiona__button:nth-child(2)::after {
    font-size: 4.34375vw;
    right: 1.9vw;
  }
}
.page .pop-nomargin {
  margin-bottom: 0 !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 768px) {
  .page .pop-nomargin {
    font-size: 3.8vw !important;
  }
}
.page .pop-close {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page .pop-close {
    width: 12.5vw;
    height: 12.5vw;
  }
}
.page .pop-close img {
  width: 100%;
  height: auto;
}
.page .pop-wrapper, .page .pop-wrapper2, .page .pop-wrapper1, .page .pop-wrapper3, .page .pop-wrapper4, .page .pop-wrapper5, .page .pop-wrapper7, .page .pop-wrapper8 {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  display: none;
  opacity: -1;
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .page .pop-wrapper, .page .pop-wrapper2, .page .pop-wrapper1, .page .pop-wrapper3, .page .pop-wrapper4, .page .pop-wrapper5, .page .pop-wrapper7, .page .pop-wrapper8 {
    position: fixed;
    overflow: scroll;
    cursor: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
  }
  .page .pop-wrapper::-webkit-scrollbar, .page .pop-wrapper2::-webkit-scrollbar, .page .pop-wrapper1::-webkit-scrollbar, .page .pop-wrapper3::-webkit-scrollbar, .page .pop-wrapper4::-webkit-scrollbar, .page .pop-wrapper5::-webkit-scrollbar, .page .pop-wrapper7::-webkit-scrollbar, .page .pop-wrapper8::-webkit-scrollbar {
    display: none;
  }
}
.page .pop-up {
  width: 810px;
  height: 558px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  z-index: 99999;
}
@media screen and (max-width: 768px) {
  .page .pop-up {
    position: absolute;
    top: 8%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, 0);
    background: none;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  .page .pop-up.scroll-area:after {
    content: "scroll";
    font-size: 15px;
    letter-spacing: 0.2rem;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 8px;
    top: 50px;
    writing-mode: vertical-rl;
  }
  .page .pop-up.scroll-area .pop-up__list:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 36px;
    top: 50px;
    z-index: 1;
  }
  .page .pop-up.scroll-area .pop-up__list:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #BCE5E1;
    opacity: 0.8;
    border-radius: 100%;
    position: absolute;
    top: 50px;
    right: 29px;
    z-index: 2;
    animation-name: scroll;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
  }
}
@keyframes scroll {
  100% {
    top: 140px;
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .pop-up > .pop-up__list > .pop-up__item > .pop-section > a > .sectiona__button {
    margin-bottom: 6.5234375vw;
  }
}
.page .pop-up__title {
  display: none;
}
.page .pop-up__list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .page .pop-up__list {
    flex-direction: column;
    height: auto;
    margin: auto;
    background-color: #ffffff;
    border: 5.2vw solid #333232;
  }
}
.page .pop-up__figure {
  width: 395px;
  background-color: gray;
}
@media screen and (max-width: 768px) {
  .page .pop-up__figure {
    width: 100%;
  }
}
.page .pop-up__figure img {
  width: 100%;
  height: 100%;
}
.page .pop-section {
  width: 349px;
  padding: 37px 0 0;
  margin-left: 18px;
  height: 558px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
@media screen and (max-width: 768px) {
  .page .pop-section {
    width: 76.8229166667vw;
    padding: 0;
    margin: auto;
    margin-top: 6.1vw;
    margin-bottom: 5.2vw;
    height: auto;
    overflow-y: unset;
  }
}
.page .pop-section::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .page .pop-section .sectiona__price {
    font-size: 3.9vw;
    line-height: 5.5vw;
    margin: 1vw 0 2.1vw 0;
  }
  .page .pop-section .sectiona__price span {
    margin-bottom: 0;
    line-height: 5.5vw;
  }
}
.page .pop-section__title {
  font-weight: 600;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  color: #7BAB99;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .page .pop-section__title {
    font-size: 5.2vw;
    line-height: 8.3vw;
  }
}
.page .pop-section__list {
  text-align: left;
  margin: 25px auto 15px;
}
.page .pop-section__sub {
  font-weight: 300;
  font-size: 13px;
  line-height: 23px;
  color: #222222;
  margin-bottom: 33px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page .pop-section__sub {
    font-weight: 400;
    margin-top: 2.1vw;
    margin-bottom: 5.7vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
}
.page .pop-section__item--sub {
  font-size: 11px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .page .pop-section__item--sub {
    font-size: 3.1vw;
    line-height: 4.7vw;
  }
}
.page .pop-section__item--sub2 {
  font-size: 11px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .page .pop-section__item--sub2 {
    font-size: 3.1vw;
    line-height: 4.7vw;
  }
}
.page .pop-section__item:nth-child(1) {
  font-size: 13px;
  line-height: 22.75px;
  color: #222222;
}
@media screen and (max-width: 768px) {
  .page .pop-section__item:nth-child(1) {
    margin: 0 0 1vw;
    font-size: 3.125vw;
    line-height: 1.5;
  }
}
.page .pop-section__item:nth-child(2) {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #222222;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .page .pop-section__item:nth-child(2) {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
  }
}
.page .pop-section__item:nth-child(3) {
  font-size: 11px;
  line-height: 19px;
  color: #222222;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .page .pop-section__item:nth-child(3) {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-bottom: 2.734375vw;
  }
}
.page .pop-sec1 {
  margin-bottom: 31px;
}
@media screen and (max-width: 768px) {
  .page .pop-sec1 {
    margin: auto;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .pop-sec2 {
    margin: auto;
    margin-top: 7.65625vw;
    margin-bottom: 0;
  }
}
.page .margin-zero {
  font-size: 11px !important;
  line-height: 1.72 !important;
  margin-bottom: 0 !important;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .page .margin-zero {
    font-size: 3vw !important;
    margin: 0.5vw 0 0;
  }
}
.page .pop-up .margin-zero {
  font-weight: normal;
}
.page .pop-up .pop-wrapperall--last {
  margin-bottom: 0 !important;
}
.page .pop-up .ajax_area {
  margin: 0;
}
.page .pop-up .ajax_area .stock_exist, .page .pop-up .ajax_area a.cartinbtn {
  width: 100%;
}
.page .pop-up .ajax_area a.cartinbtn {
  margin: 15px 0 0;
}
@media screen and (max-width: 768px) {
  .page .pop-up .preset_price_area {
    margin: 0 0 1.3vw;
  }
}
.page .item__list .item__list__id {
  margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
  .page .item__list .item__list__id {
    margin-bottom: 4.3vw;
  }
}
.page .item__list .item__list__id:last-child {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .page .item__list .item__list__id:last-child {
    margin-bottom: 0;
  }
}
.page .item__list .item--name {
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  .page .item__list .item--name {
    font-size: 3.9vw;
    margin: 0 0 0.9vw;
  }
}

.popup-btn {
  position: relative;
}
.popup-btn img {
  width: 100%;
}

.pop-wrapper, .pop-wrapper2, .pop-wrapper3, .pop-wrapper4, .pop-wrapper5, .pop-wrapper6, .pop-wrapper7, .pop-wrapper8, .product-pop-01, .product-pop-02, .product-pop-03, .product-pop-04, .product-pop-05, .product-pop-06 {
  z-index: 999 !important;
}