@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;
}

.serif {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.mv-title_sub,
.mv-title_txt,
h2,
h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", ヒラギノ角ゴ 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;
}

/* 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 {
  position: relative;
  margin-bottom: 0;
}

.mv-title {
  position: absolute;
  right: 0;
  top: 5%;
  margin: 5%;
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.mv-title_sub {
  margin-top: 5%;
  background-color: #000;
  color: #fff;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 60%;
}

.mv-title_txt {
  margin-bottom: 5%;
  text-align: end;
  width: 90%;
}

.mv-lead {
  padding: 2em 1em;
  text-align: left;
}

h2,
h3 {
  text-align: center;
  line-height: normal;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.7em;
}

h3 {
  font-size: 1.5em;
}

.h2-type {
  font-size: 1.5em;
  padding-bottom: 2em;
}

.h2-type:after {
  content: "";
  margin: 1em auto 0;
  display: block;
  width: 120px;
  height: 2px;
  background-color: #000000;
}

.detail-box {
  position: relative;
  max-width: 600px;
  margin: 75px auto 100px;
  padding: 0 1em;
}

.detail-point {
  position: absolute;
}

#shape .detail-point:first-of-type {
  top: -2.5em;
  right: 1em;
}

#shape .detail-point:nth-child(2) {
  top: 8em;
  left: 1em;
}

#shape .detail-point:nth-child(3) {
  bottom: -4em;
  left: 1em;
}

.detail-point p {
  display: inline;
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom: #000000 1px solid;
  padding: 3px;
  line-height: 1.6em;
  font-size: 1.1em;
}

.detail-point p::before {
  content: "Point";
  color: #fff;
  font-family: "Cormorant Infant", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1em;
  font-weight: 500;
  line-height: normal;
  padding: 0 1em;
  position: absolute;
  top: -1.5em;
  background-color: #000000;
}

.detail-point::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  box-sizing: border-box;
  background-color: #000000;
  rotate: 300deg;
  translate: -100%;
}

#shape .detail-point:first-child::after {
  bottom: -20px;
  left: 50%;
}

#shape .detail-point:nth-child(2)::after {
  bottom: -20px;
  right: 20%;
  rotate: 240deg;
}

#shape .detail-point:nth-child(3)::after {
  top: -20px;
  right: 0;
  rotate: 310deg;
}

.detail-img {
  width: 50%;
  max-width: 300px;
  min-width: 180px;
  margin: 30px auto 50px;
}

.list-review {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.review-item {
  width: 90%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ececec;
  padding: 1em;
  position: relative;
  margin-bottom: 2em;
}

.review-item:before,
.review-item:after {
  color: #333;
  position: absolute;
  font-size: 4em;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.review-item:before {
  content: '“';
  top: 0;
  left: 0;
}

.review-item:after {
  content: '”';
  bottom: -0.5em;
  right: 0;
}

.review-txt span {
  font-weight: 600;
  border-bottom: #fff 2px solid;
  padding-bottom: 1px;
}

.review-name {
  font-size: 0.9em;
}

.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-title h3 {
  font-size: 1.2em;
  text-align: left;
  padding: 0 1em;
}

.style_img {
  margin-bottom: 1em;
}

.style_text {
  margin-bottom: 30px;
}

.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_products_inner ul.column_1_text li .sf_bff_products_detail {
  margin-bottom: 0.5em;
}

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

.styling-other .style-imgtxt h3 {
  font-size: 1.2em;
}

.list-imglink {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 0.5em;
}

.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;
}

.pspants-box{
  display: flex;
  justify-content: center;
  padding: 0 1em;
}

.list-num li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

.list-num li span{
  font-size: 1.5em;
}

/* 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
  {
    margin-left: 0;
  }

}

/* pc */

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

  .sp-only {
    display: none;
  }

  .main_inner {
    font-size: 15px;
  }

  section {
    margin-bottom: 100px;
  }

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

  .mv-title_txt {
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .mv-title_sub{
    font-size: 105%;
    padding: 5px;
  }

  .list-review {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5em;
  }

  .review-item {
    height: 130px;
  }

  .style_items-text {
    margin: 0;
  }

  .list-imglink {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .banner-container {
    width: 45%;
  }

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

}