@charset "UTF-8";
/* ================================================ vw vh */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* =================================================================== hover */
/* ================================================ vw vh */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ catalog Top */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー main */
.catalog.article a {
  display: inline;
}
.catalogTop .main .mainBg span {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.catalogTop .main .mainLeader > p {
  font-size: 46px;
  line-height: 1.5;
  letter-spacing: 0.05em; }
.catalogTop .main .mainContents {
  pointer-events: none; }
  .catalogTop .main .mainContents .mainContents__position {
    top: 25%;
    transform: translateY(0);
    -webkit-transform: translateY(0); }
.catalogTop .main .grid {
  padding-left: 100px;
  padding-right: 100px; }
.catalogTop .main__banner {
  width: calc(100vw - 200px);
  pointer-events: all; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー catelog block */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー list */
.catelogList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .catelogList .catelogBlock {
    width: calc(50% - 27px);
    margin-right: 54px;
    margin-bottom: 70px; }
    .catelogList .catelogBlock:nth-child(2n) {
      margin-right: 0; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー thum */
.catelogBlock__thum {
  padding-top: 53.5%; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー info */
.catelogBlock__info {
  position: relative;
  margin-top: 18px; }

.catelogBlock__info--title {
  font-size: 21px;
  line-height: 1.4;
  padding-right: 100px;
  text-align: left;
  margin-bottom: 13px; }

.catelogBlock__info--date {
  font-size: 13px;
  line-height: 1; }

.catelogBlock__info--num {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 13px;
  line-height: 1; }
  .catelogBlock__info--num strong {
    display: inline-block;
    font-size: 23px;
    margin-right: 0.1em; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ catalog detail */
.catalogDetail .main {
  max-height: 1000px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー borderFrame */
.borderFrame {
  position: relative;
  padding: 40px 50px; }
  .borderFrame:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-default);
    opacity: .1;
    pointer-events: none;
    z-index: 1; }
  .borderFrame.first:after {
    border-bottom: none; }
  .borderFrame .block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .borderFrame .block .blockImg--wrapper {
      width: 145px; }
    .borderFrame .block .blockInfo {
      align-self: center;
      width: calc(100% - 195px);
      margin-top: 0; }
      .borderFrame .block .blockInfo .products__name {
        font-size: 14px;
        margin-bottom: 0; }
        .borderFrame .block .blockInfo .products__name .products__price {
          margin-left: 0.3em; }
      .borderFrame .block .blockInfo .product__desc {
        margin-top: 10px; }
      .borderFrame .block .blockInfo .btnShop {
        position: relative;
        z-index: 2; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー sectionBlock__footer */
.sectionBlock__footer {
  margin-bottom: 20px; }
  .sectionBlock__footer:before, .sectionBlock__footer:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    background-color: var(--color-default);
    opacity: .1; }
  .sectionBlock__footer:after {
    top: auto;
    bottom: 0; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー recommend */
.catalog__recommend {
  width: calc(100% - 360px); }
  .catalog__recommend .sliderWrapper {
    top: -25px; }
  .catalog__recommend .catelogBlock__info--title {
    font-size: 16px; }
  .catalog__recommend .catelogBlock__info--num {
    font-size: 10px; }
    .catalog__recommend .catelogBlock__info--num strong {
      font-size: 18px; }
  .catalog__recommend .catelogBlock__info--date {
    font-size: 12px; }
  .catalog__recommend .sliderArrow.sliderArrow--right {
    right: 6px; }

.recommend__title {
  font-size: 33px;
  line-height: 1; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ hover */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー pc */
@media (hover: hover) and (pointer: fine) {
  .main .mainBg > a:hover span, .main .mainBg > a:active span {
    transform: scale(1.05); }

  .catelogBlock > a:hover .blockImg img, .catelogBlock > a:active .blockImg img {
    transform: scale(1.05); }
  .catelogBlock > a:hover .catelogBlock__info--title, .catelogBlock > a:active .catelogBlock__info--title {
    text-decoration: underline; } }