@charset "UTF-8";

.wrapper {
  line-height: 0;
}

.fr-pagetop {
  z-index: 99;
}

.main_inner {
  max-width: 768px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0;

  font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, Hiragino Sans, Noto Sans CJK JP, Osaka, Meiryo, メイリオ, MS PGothic, ＭＳ Ｐゴシック, YuGothic, Yu Gothic, Hiragino Sans GB, Helvetica Neue, HelveticaNeue, Helvetica, Noto Sans, Roboto, Arial, Arial Unicode MS, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6em;
}

img {
  object-fit: contain;
}

footer .fr-globalFooter {
  margin-top: 0 !important;
}

section {
  margin-bottom: 60px;
}

.list-note {
  margin: 0 1em 0 2em;
  padding-bottom: 1em;
}

.list-note li {
  text-indent: -1em;
  margin-bottom: 0.5em;
}

.list-note li:before {
  content: "※";
}

.banner-container {
  width: 90%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 20px auto 45px auto;
}

.banner-box {
  width: 100%;
  margin-bottom: 20px;
}

p.text {
  padding: 0 1em;
}

/* content */

.header-containter {
  position: relative;
  background: transparent;
  max-width: 768px;
  margin: 0 auto;
  z-index: 50;
}

.header_inner {
  position: relative;
  padding: 10px;
}

.header_logo {
  width: 30px;
  height: 30px;
}

section.mv {
  margin-bottom: 0;
}

.mv_img ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.mv_img li {
  aspect-ratio: 1 / 1;
}

.mv_img li img {
  object-fit: cover;
  height: 100%;
}

.mv_title {
  width: 60%;
  max-width: 300px;
  min-width: 300px;
  margin: 1em auto 2em;
}

.mv_title img:first-of-type {
  margin-bottom: 5%;
}

.h2-type_box {
  margin: 0 auto;
}

.h2-type_en {
  margin: 0 auto;
  width: 20%;
  min-width: 110px;
}

.h2-type_jp {
  text-align: center;
  font-size: 1.5em;
  margin: 0.5em 0;
}

.style_type-img {
  margin: 1.5em auto;
  width: 75%;
  max-width: 400px;
}

.sf_bff_products_inner ul.column_1_text li {
  margin-bottom: 0;
  padding-right: 0;
}

.sf_bff_products_inner li .sf_bff_products_itemName {
  font-size: 1em;
}

.sf_bff_products_inner ul.column_1_text li .sf_bff_products_price,
.sf_bff_products_inner li .sf_bff_products_price {
  font-size: 1.2em;
}

.style_type-text .sf_bff_products_flags,
.style_type-text .favorites_layout {
  display: none;
}

.style_type-text .sf_bff_price_flags {
  margin-left: 12px;
}

.style_type-text .sf_bff_products_inner ul.column_1_text li .sf_bff_products_detail {
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.style_type-text .sf_bff_products_inner {
  text-align: center;
}

.styling-box {
  margin-bottom: 35px;
}

.style_img {
  margin-bottom: 1em;
}

.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 20px;
  height: 38px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}

.slick-arrow:hover {
  opacity: 0.7;
}

/* 共通設定 */

.slick-prev,
.slick-next {
  z-index: 10;
}

.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.slick-next::after,
.slick-prev::after {
  width: 15px;
  height: 15px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}

/* next */

.slick-next {
  right: 15px;
}

.slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}

/* prev */

.slick-prev {
  left: 15px;
}

.slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}


.style_text {
  margin-bottom: 30px;
}

.style_text h3 {
  text-align: center;
  font-size: 1.1em;
  line-height: 2em;
}

.sf_bff_products_inner ul.column_1_text li {
  margin-bottom: 0;
  padding-right: 0;
}

.sf_bff_products_inner li .sf_bff_products_itemName {
  font-size: 1em;
}

.sf_bff_products_inner ul.column_1_text li .sf_bff_products_price,
.sf_bff_products_inner li .sf_bff_products_price {
  font-size: 1.2em;
}

.style_items-text .sf_bff_products_flags,
.style_items-text .favorites_layout {
  display: none;
}

.style_items-text .sf_bff_price_flags {
  margin-left: 12px;
}

.style_items-text .sf_bff_products_inner ul.column_1_text li .sf_bff_products_detail {
  margin-bottom: 0.5em;
}

.style_items-text {
  margin: 0 1em;
}

.link-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.link-box a {
  position: relative;
  display: inline-block;
  width: 250px;
  padding: 1em 0;
  margin: 1.5em 0;
  border: 1px solid #000;
}

.link-container .link-container:first-of-type {
  margin-top: 0;
}

.link-box a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.link-box.link-box_pdf a::before {
  content: '';
  background: url(https://www.plst.com/jp/ja/special-feature/common/images/pdficon.png) no-repeat;
  position: absolute;
  bottom: 0.9em;
  left: 2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  background-size: contain;
  vertical-align: middle;
}

/* sp-small */
@media screen and (max-width: 425px) {

  .style_items-text .sf_bff_products_inner ul.column_1_text li .sf_bff_products_detail {
    flex-direction: column;
    padding-right: 0;
  }

  .style_items-text .column_1_text>* {
    padding-right: 0;
  }

  .sf_bff_products_inner ul.column_1_text li .sf_bff_products_price,
  .style_items-text .sf_bff_price_flags {
    margin-left: 0;
  }

}

/* pc */

@media screen and (min-width: 768px) {

  .sp-only {
    display: none;
  }

  .main_inner {
    font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, Hiragino Sans, Noto Sans CJK JP, Osaka, Meiryo, メイリオ, MS PGothic, ＭＳ Ｐゴシック, YuGothic, Yu Gothic, Hiragino Sans GB, Helvetica Neue, HelveticaNeue, Helvetica, Noto Sans, Roboto, Arial, Arial Unicode MS, sans-serif;
    font-size: 15px;
  }

  section {
    margin-bottom: 100px;
  }

  p.text,
  .style_item-carousel .sf_bff_products_inner ul {
    padding: 0;
  }

  /* next */

  .slick-next {
    right: 30px;
  }

  .slick-prev {
    left: 30px;
  }

  .style_items-text {
    margin: 0;
  }

  .list-note {
    margin: 0 1em;
  }

  .banner-container {
    width: 45%;
  }

  .banner-container.eventbanner {
    max-width: 650px;
    width: 100%;
  }

}