.block-category-list--header-freespace html {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
}

.block-category-list--header-freespace .main {
  font-feature-settings: "palt";
  max-width: 460px;
  margin: 0 auto;
  overflow-x: hidden;
  width: 100%;
}

.block-category-list--header-freespace .mv {
  position: relative;
}

.block-category-list--header-freespace .mv_text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 60%;
  z-index: 1;
}

.block-category-list--header-freespace .noslide {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

.block-category-list--header-freespace .container {
  margin: 0 auto;
  width: 90%;
}

.block-category-list--header-freespace .container {
  display: block;
}

.block-category-list--header-freespace .intro {
  padding: 14% 0 20%;
}

.block-category-list--header-freespace .intro_img {
  margin: 0 auto 20%;
  width: 90%;
}

.block-category-list--header-freespace .intro_title {
  color: #4d4d4d;
  font-size: 24.533332px;
  line-height: 39.8666645px;
  text-align: center;
  margin: 0 0 12%;
}

.block-category-list--header-freespace .intro_text {
  color: #4d4d4d;
  font-size: 16.7px;
  line-height: 29.4399984px;
  text-align: center;
}

.block-category-list--header-freespace .recommend {
  padding: 0 0 20%;
}

.block-category-list--header-freespace .recommend_title {
  margin: 0 auto 9%;
  width: 44%;
}

.block-category-list--header-freespace .recommend_images {
  display: flex;
  justify-content: space-between;
}

.block-category-list--header-freespace .recommend_link {
  opacity: 1 !important;
  transition: .2s !important;
}

.block-category-list--header-freespace .recommend_link:hover {
  opacity: .6 !important;
}

.block-category-list--header-freespace .recommend_img01 {
  display: flex;
  align-items: flex-end;
  padding: 12% 0 0;
  width: 32%;
}

.block-category-list--header-freespace .recommend_img02 {
  display: flex;
  align-items: center;
  padding: 6% 0;
  width: 32%;
}

.block-category-list--header-freespace .recommend_img03 {
  display: flex;
  align-items: flex-start;
  padding: 0 0 12%;
  width: 32%;
}

.block-category-list--header-freespace .about {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
  padding: 20% 0;
}

.block-category-list--header-freespace .about_title {
  margin: 0 auto 9%;
  width: 20%;
}

.block-category-list--header-freespace .about_text {
  color: #4d4d4d;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto 9%;
  text-align: center;
}

.block-category-list--header-freespace .about_text_close {
  color: #4d4d4d;
  display: block;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto 9%;
  height: 0;
  overflow: hidden;
  text-align: center;
  transition: all .5s ease 0s;
}

.block-category-list--header-freespace .about_text_close.is_active {
  margin: 0 auto;
}

.block-category-list--header-freespace .about_btn {
  display: block;
  margin: 0 auto;
  opacity: 1;
  transition: .2s;
  width: 44%;
}

.block-category-list--header-freespace .about_btn.noDisplay {
  display: none;
}

.block-category-list--header-freespace .about_btn:hover {
  opacity: .6;
}

.block-category-list--header-freespace .collaboration {
  border-bottom: 1px solid #4d4d4d;
  padding: 20% 0;
}

.block-category-list--header-freespace .collaboration_title {
  margin: 0 auto 9%;
  width: 44%;
}

.block-category-list--header-freespace .collaboration_swiper {
  margin: 0 auto 9%;
}

.block-category-list--header-freespace .collaboration_slider {
  margin: 0 0 20%;
}

.block-category-list--header-freespace .collaboration_slider_title01 {
  margin: 0 auto 9%;
  width: 52%;
}

.block-category-list--header-freespace .collaboration_slider_title02 {
  margin: 0 auto 9%;
  width: 38%;
}

.block-category-list--header-freespace .collaboration_slider_title03 {
  margin: 0 auto 9%;
  width: 36%;
}

.block-category-list--header-freespace .collaboration_slider_text {
  color: #4d4d4d;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto 6%;
  text-align: justify;
  width: 90%;
}

.block-category-list--header-freespace .collaboration_slider_text span {
  cursor: pointer;
  font-size: .8em;
}

.block-category-list--header-freespace .collaboration_btn {
  display: block;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto;
  padding: 2.4% 0 3%;
  opacity: 1;
  transition: .2s;
  text-align: center;
  text-decoration: none;
  width: 48%;
}

.block-category-list--header-freespace .collaboration_btn.bg_brown {
  border: 1px solid #866546;
  background-color: #866546;
  color: #fff;
}

.block-category-list--header-freespace .collaboration_btn.bg_white {
  border: 1px solid #4d4d4d;
  background-color: #fff;
  color: #4d4d4d;
}

.block-category-list--header-freespace .collaboration_btn:hover {
  opacity: .6;
}

.block-category-list--header-freespace .collaboration_slider_caption {
  color: #4d4d4d;
  font-size: 14.7199992px;
  line-height: 22.0799988px;
  margin: 0 auto 6%;
  text-align: center;
}

.block-category-list--header-freespace .journal {
  padding: 20% 0;
}

.block-category-list--header-freespace .journal_title {
  margin: 0 auto 9%;
  width: 44%;
}

.block-category-list--header-freespace .journal_swiper {
  margin: 0 auto 9%;
}

.block-category-list--header-freespace .journal_slider {
  margin: 0 0 20%;
}

.block-category-list--header-freespace .journal_slide_img {
  margin: 0 auto 6%;
}

.block-category-list--header-freespace .journal_slide_title {
  color: #4d4d4d;
  font-size: 19.6266656px;
  line-height: 1.2em;
  text-align: center;
}

.block-category-list--header-freespace .journal_slide_title span {
  font-size: .8em;
}

.block-category-list--header-freespace .swiper-pagination-bullet {
  background: #cbcbcb;
  opacity: 1;
}

.block-category-list--header-freespace .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.block-category-list--header-freespace .modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto calc(calc(100vw - 460px) / 2) auto auto;
  max-width: 433px;
  height: 90vh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
  overflow: hidden;
  /* padding: 0 0 0 10%; */
}

.block-category-list--header-freespace .modal.is_active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}

.block-category-list--header-freespace .modal_inner {
  background-color: #fff;
  border: 1px solid #4d4d4d;
  padding: 14% 0;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100px);
  transition: .6s;
  height: 100%;
}

.block-category-list--header-freespace .modal_inner.is_active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.block-category-list--header-freespace .modal_item {
  display: none;
  margin: 0 auto;
  width: 90%;
}

.block-category-list--header-freespace .modal_item.is_active {
  display: block;
}

.block-category-list--header-freespace .modal_item {
  margin: 0 auto;
  width: 90%;
}

.block-category-list--header-freespace .modal_item_title01 {
  margin: 0 auto 12%;
  width: 74%;
}

.block-category-list--header-freespace .modal_item_title02 {
  margin: 0 auto 12%;
  width: 52%;
}

.block-category-list--header-freespace .modal_item_title03 {
  margin: 0 auto 12%;
  width: 42%;
}

.block-category-list--header-freespace .modal_item_title04 {
  margin: 0 0 12%;
  width: 54%;
}

.block-category-list--header-freespace .modal_item_title05 {
  margin: 0 0 12%;
  width: 54%;
}

.block-category-list--header-freespace .modal_item_title06 {
  margin: 0 0 12%;
  width: 54%;
}

.block-category-list--header-freespace .modal_item_img {
  margin: 0 auto 12%;
}

.block-category-list--header-freespace .modal_item_text {
  color: #4d4d4d;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto 18%;
  text-align: justify;
}

.block-category-list--header-freespace .modal_item_text02 {
  color: #4d4d4d;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto 10%;
  text-align: justify;
}

.block-category-list--header-freespace .modal_close {
  display: block;
  margin: 0 auto;
  opacity: 1;
  transition: .2s;
  width: 50%;
}

.block-category-list--header-freespace .modal_close:hover {
  opacity: .6;
}

.block-category-list--header-freespace .modal_product {
  margin: 0 0 10%;
}

.block-category-list--header-freespace .modal_product_img01 {
  margin: 0 auto;
  width: 80%;
}

.block-category-list--header-freespace .modal_product_img02 {
  margin: 0 auto;
  width: 100%;
}

.block-category-list--header-freespace .modal_product_img03 {
  margin: 0 auto;
  width: 100%;
}

.block-category-list--header-freespace .modal_product_title {
  color: #4d4d4d;
  font-size: 17.1733324px;
  line-height: 29.4399984px;
  margin: 0 auto 14%;
  text-align: center;
}

.block-category-list--header-freespace .modal_product_btn {
  display: block;
  margin: 0 auto;
  width: 50%;
}

.block-category-list--header-freespace .scrollIn {
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}

.block-category-list--header-freespace .scrollInUp {
  transform: translateY(50px);
}

.block-category-list--header-freespace .scrollInUp.fadeInUp {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.block-category-list--header-freespace .scrollInRight {
  transform: translateX(50px);
}

.block-category-list--header-freespace .scrollInRight.fadeInRight {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.block-category-list--header-freespace .scrollInLeft {
  transform: translateX(-50px);
}

.block-category-list--header-freespace .scrollInLeft.fadeInLeft {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.block-category-list--header-freespace .scrollUp.fadeUp {
  opacity: 1;
  visibility: visible;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.block-category-list--header-freespace .fadeInUp {
  animation-name: fadeInUp;
}

.block-category-list--header-freespace .fadeInRight {
  animation-name: fadeInRight;
}

.block-category-list--header-freespace .fadeInLeft {
  animation-name: fadeInLeft;
}

.block-category-list--header-freespace .fadeUp {
  animation-name: fadeUp;
}

@media screen and (max-width: 460px) {
  .block-category-list--header-freespace .noslide {
    display: block;
    max-width: 65%;
    margin: 0 auto;
  }

  .block-category-list--header-freespace .main {
    max-width: 100%;
  }

  .intro_title {
    font-size: 5.333vw;
    line-height: 8.667vw;
  }

  .block-category-list--header-freespace .intro_text {
    font-size: 3.63vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .about_text {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .about_text_close {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .collaboration_slider_text {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .collaboration_btn {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .collaboration_slider_caption {
    font-size: 3.2vw;
    line-height: 4.8vw;
  }

  .block-category-list--header-freespace .journal_slide_title {
    font-size: 4.267vw;
  }

  .block-category-list--header-freespace .modal {
    margin: auto 0 auto auto;
    max-width: 94.13vw;
  }

  .block-category-list--header-freespace .modal_inner {
    transform: translateX(100px);
  }

  .block-category-list--header-freespace .modal_inner.is_active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .block-category-list--header-freespace .modal_item_text {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .modal_item_text02 {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .modal_product_title {
    font-size: 3.733vw;
    line-height: 6.4vw;
  }

  .block-category-list--header-freespace .scrollInUp {
    transform: translateY(10.87vw);
  }

  .block-category-list--header-freespace .scrollInRight {
    transform: translateX(10.87vw);
  }

  .block-category-list--header-freespace .scrollInLeft {
    transform: translateX(-10.87vw);
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(2.174vw);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translateX(2.174vw);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(-2.174vw);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
}