@charset "UTF-8";
/* =======================================

web font

 ======================================= */
@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");
.wprod {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wprod * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --custom-rem:1px;
  --custom-vw:(100vw / 1920);
}
@media (max-width: 1240px) {
  :root {
    --custom-rem:(100vw / 1240);
  }
}
@media (max-width: 1240px) and (max-width: 768px) {
  :root {
    --custom-rem:(100vw / 390);
    --custom-vw:(100vw / 390);
  }
}

body {
  background-color: #fafafa;
  /*
      &:not(.home){
          background-image: url( "../img/body_bg.png.webp");
          background-size: 100% auto;
          background-position: center 0;
          background-repeat: repeat-y;
      }
  */
}

.contents {
  padding-top: 90px;
}
@media (max-width: 1000px) {
  .contents {
    padding-top: 60px;
  }
}
.home .contents {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.home .container {
  width: 100%;
  background-image: url("../img/body_bg.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .home .container {
    background-image: url("../img/body_bg_sp.png.webp");
    background-position: center 240px;
  }
}

.wprod_column {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 20px;
  gap: 36px;
}
@media (max-width: 768px) {
  .wprod_column {
    gap: 40px;
    padding: 0 10px;
  }
}
.wprod_column .side {
  width: 267px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .wprod_column .side {
    width: 100%;
  }
}
.wprod_column--main {
  width: calc(100% - 36px - 267px);
  max-width: 1577px;
}
@media (max-width: 768px) {
  .wprod_column--main {
    width: 100%;
  }
}

.wprod {
  line-height: 1.5;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.wprod img {
  max-width: 100%;
  height: auto;
}
.wprod a {
  color: inherit;
}
.wprod a:link, .wprod a:visited, .wprod a:active {
  color: inherit;
}
.wprod p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.wprod .wrap_out, .wprod .wrap_main {
  width: 100%;
  height: auto;
}
.wprod .wrap_in, .wprod .base {
  width: 1200px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .wprod .wrap_in, .wprod .base {
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
  }
}

/* タイトル
------------------------------- */
.wprod_ttl_bg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 42px;
}
@media (max-width: 768px) {
  .wprod_ttl_bg {
    margin-bottom: 20px;
  }
}
.wprod_ttl_bg span {
  margin-left: 0;
}
.wprod_ttl_bg--main {
  display: block;
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  background-image: url("../img/text_bg.png");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-clip: text;
  color: transparent;
}
@media (max-width: 768px) {
  .wprod_ttl_bg--main {
    font-size: 36px;
  }
}
.wprod_ttl_bg--small {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .wprod_ttl_bg--small {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 0;
  }
}

/* ボタン
------------------------------- */
.link_ico {
  display: block;
  width: 30px;
  height: 1px;
  background-color: #7d7d7d;
  position: relative;
}
@media (max-width: 768px) {
  .link_ico {
    width: 20px;
  }
}
.link_ico::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  background-color: #e195c5;
  border-radius: 16px;
  opacity: 0.5;
  position: absolute;
  top: 0.5px;
  right: 0;
  transform: translateY(-50%) translateX(50%);
  transition: 0.3s;
}
@media (max-width: 768px) {
  .link_ico::after {
    width: 12px;
  }
}

a:hover .link_ico::after {
  transform: translateY(-50%) translateX(-22px);
}

.wprod_btnwrap {
  margin-top: 50px;
}

.wprod_btn_more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 280px;
  max-width: 100%;
  height: 72px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #fff !important;
  background-color: #333;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_btn_more {
    width: 220px;
    height: 60px;
    font-size: 14px;
  }
}
.wprod_btn_more .link_ico {
  background-color: #fff;
}

/* =======================================

etc

 ======================================= */
/* 横並びリスト
------------------------------- */
.wprod ul.many_rows {
  display: block;
  height: auto;
  overflow: hidden;
}
.wprod ul.many_rows > li {
  display: block;
  height: auto;
  float: left;
}
.wprod ul.two_rows {
  display: block;
  height: auto;
  overflow: hidden;
}
.wprod ul.two_rows > li {
  display: block;
  height: auto;
  float: left;
}
.wprod ul.two_rows > li:nth-child(2n+2) {
  float: right;
}
.wprod ul.three_rows {
  display: block;
  height: auto;
  overflow: hidden;
}
.wprod ul.three_rows > li {
  display: block;
  height: auto;
  float: left;
}
.wprod ul.three_rows > li:nth-child(3n+2) {
  margin-right: 0;
}
.wprod ul.three_rows > li:nth-child(3n+3) {
  float: right;
  margin-right: 0;
}

/*テーブルブロック
------------------------------- */
.wprod .table_block {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wprod .table_block > .table_block--cell {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .wprod .table_block._sp_tate {
    display: block;
    table-layout: auto;
  }
  .wprod .table_block._sp_tate > .table_block--cell {
    display: block;
    width: 100%;
  }
}

/* flex box
------------------------------- */
.wprod .flex_block {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* 画像ブロック
------------------------------- */
.wprod .img_block {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wprod .img_block::after {
  content: "";
  display: block;
  padding-top: 100%;
}

/* object-fit
------------------------------- */
.wprod .fit_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media all and (-ms-high-contrast: none) {
  .wprod .fit_img {
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}

/* ラインマーカー
------------------------------- */
.wprod .linemk {
  background: linear-gradient(transparent 70%, #fccb0f 70%);
}

/* その他
------------------------------- */
.wprod .tk_shdw {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), 1px 0px 5px rgba(0, 0, 0, 0.5), 0px 1px 5px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.5), -1px -1px 5px rgba(0, 0, 0, 0.5), -1px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 5px rgba(0, 0, 0, 0.5);
}
.wprod .tk_shdw_1 {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), 1px 0px 3px rgba(0, 0, 0, 0.5), 0px 1px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5), -1px 0px 3px rgba(0, 0, 0, 0.5), 0px -1px 3px rgba(0, 0, 0, 0.5);
}

/* =======================================

 スライダー

 ======================================= */
/* slick
------------------------------- */
.wprod {
  /*
      .slick-arrow {
          position: absolute;
          top: 0;
          width: -webkit-calc((100vw - 100.0rem) / 2);
          width: calc((100vw - 100.0rem) / 2);
          height: 100%;
          background-repeat: no-repeat;
          z-index: 1001;
          cursor: pointer;
      }

      .slick-prev {
          left: 0;
          background-image: url( "../img/slider/arrowL.png");
          background-position: right 4.0rem center;
      }

      .slick-next {
          right: 0;
          background-image: url( "../img/slider/arrowR.png");
          background-position: left 4.0rem center;
      }

      .slick-dots {
          position: absolute;
          bottom: -4.0rem;
          left: 0;
      }
  */
}
.wprod #slider, .wprod .js_talent_slide, .wprod .js_rank_slide, .wprod .js_cate_rank_slide {
  opacity: 0;
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.wprod #slider.slick-initialized, .wprod .js_talent_slide.slick-initialized, .wprod .js_rank_slide.slick-initialized, .wprod .js_cate_rank_slide.slick-initialized {
  opacity: 1;
}
.wprod #slider .slider_in img {
  width: 100%;
}
.wprod .slick-dots {
  display: block;
  width: 100%;
  padding: 1rem;
  text-align: center;
}
.wprod .slick-dots li {
  display: inline-block;
  margin: 0 1rem;
  vertical-align: middle;
}
.wprod .slick-dots button {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #ccc;
  border: 0;
  -moz-border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  border-radius: 0.8rem;
}
.wprod .slick-dots .slick-active button {
  background-color: #2884cb;
}
@media (max-width: 768px) {
  .wprod .slick-dots {
    padding: 2.6vw;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
  }
  .wprod .slick-dots li {
    display: inline-block;
    margin: 0 1.6vw;
  }
  .wprod .slick-dots button {
    width: 2.66vw;
    height: 2.66vw;
    -moz-border-radius: 2.66vw;
    -webkit-border-radius: 2.66vw;
    border-radius: 2.66vw;
  }
}

/* =======================================

article テキスト設定

 ======================================= */
.wprod .article .ttl_post,
.wprod .ttl_post {
  margin-bottom: 1em;
}
.wprod .article h1, .wprod .article h2, .wprod .article h3, .wprod .article h4, .wprod .article h5, .wprod .article h6, .wprod .article br {
  margin-top: 0;
  padding: 0;
  text-align: left;
  border: 0;
  clear: both;
}
.wprod .article h1:first-child, .wprod .article h2:first-child, .wprod .article h3:first-child, .wprod .article h4:first-child, .wprod .article h5:first-child, .wprod .article h6:first-child, .wprod .article p:first-child {
  margin-top: 0;
}
.wprod .article h1 {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.5;
  color: #e195c5;
  margin: 1em 0;
}
.wprod .article h2 {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.5;
  margin: 1em 0;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.8rem;
  border-left: 0.6rem solid #e195c5;
}
@media (max-width: 768px) {
  .wprod .article h2 {
    padding-top: 1vw;
    padding-bottom: 1vw;
    border-left: 1.5vw solid #e195c5;
  }
}
.wprod .article h3 {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5;
  margin: 1em 0;
}
.wprod .article h4 {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5;
  color: #e195c5;
  margin: 1em 0;
}
.wprod .article h5 {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.5;
  color: #e195c5;
  border-bottom: 0.2rem solid #7f7f7f;
  padding-bottom: 0.2em;
  margin: 1em 0;
  position: relative;
}
@media (max-width: 768px) {
  .wprod .article h5 {
    border-bottom: 2px solid #7f7f7f;
  }
}
.wprod .article h5::after {
  content: "";
  position: absolute;
  display: block;
  border-bottom: 0.2rem solid #e195c5;
  bottom: -0.2rem;
  width: 20%;
}
@media (max-width: 768px) {
  .wprod .article h5::after {
    border-bottom: 2px solid #e195c5;
    bottom: -2px;
  }
}
.wprod .article h6 {
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.5;
  margin: 1em 0;
}
.wprod .article p {
  font-size: 1em;
  line-height: 1.6;
  margin: 1em 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.wprod .article a {
  font-weight: 400;
  text-decoration: underline;
}
.wprod .article blockquote, .wprod .article q {
  quotes: "" "";
}
.wprod .article blockquote:before, .wprod .article blockquote:after, .wprod .article q:before, .wprod .article q:after {
  content: "";
}
.wprod .article blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 0.1rem solid #FFFFFF;
  margin: 1em 0;
  padding: 2rem 5.5rem;
  position: relative;
}
@media (max-width: 768px) {
  .wprod .article blockquote {
    padding: 1.6em 2em;
  }
}
.wprod .article blockquote p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.wprod .article blockquote::before {
  color: rgb(200, 200, 200);
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0rem;
  line-height: 1em;
  position: absolute;
  top: 0rem;
}
.wprod .article blockquote::after {
  color: rgb(200, 200, 200);
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0rem;
  bottom: -0.1em;
}
.wprod .article table {
  border-collapse: collapse;
  margin: 1.5em 0;
}
.wprod .article th {
  font-weight: 700;
  border: solid 1px #ccc;
  background-color: #eee;
}
.wprod .article td {
  border: solid 1px #ccc;
}
.wprod .article th, .wprod .article td {
  padding: 0.6em 1em;
  line-height: 1.6;
}
.wprod .article pre {
  font-family: inherit;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.7em;
  overflow: auto;
  white-space: normal;
  line-height: 1.6;
}
.wprod .article dl {
  line-height: 150%;
  margin: 1.5em 0;
}
.wprod .article ol ol,
.wprod .article ul ul,
.wprod .article dl dl {
  margin: 0;
}
.wprod .article ul {
  list-style: disc;
  margin: 1.5em 0;
  padding-left: 1em;
}
.wprod .article ul li + li {
  margin-top: 0.4em;
}
.wprod .article ol {
  list-style: decimal;
  margin: 1.5em 0;
  padding-left: 1em;
}
.wprod .article ol li + li {
  margin-top: 0.4em;
}
.wprod .article em {
  font-style: italic;
  font-size: 0.8em;
}
.wprod .article .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}
.wprod .article .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wprod .article .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
.wprod .wrap_in.article {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .wprod .wrap_in.article {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.wprod .article {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .wprod .article {
    font-size: 1.6rem;
  }
}

/* =======================================

ページャー

 ======================================= */
.wprod .pager {
  text-align: center;
  padding: 2em 0;
}
.wprod .page-numbers {
  display: inline-block;
  min-width: 2em;
  padding: 0.5em;
  text-align: center;
  border: 1px solid #ccc;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.wprod .page-numbers.current {
  background-color: #ccc;
  color: #fff;
}
@media (min-width: 769px) {
  .wprod a.page-numbers:hover {
    background-color: #F1F1F1;
  }
}

/* =======================================

アニメーション

 ======================================= */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bound {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -1em;
  }
  100% {
    bottom: 0;
  }
}

/* =======================================

調整用スタイルシート

 ======================================= */
.wprod .no_m {
  margin: 0 !important;
}
.wprod .mt0 {
  margin-top: 0px !important;
}
.wprod .mt5 {
  margin-top: 5px !important;
}
.wprod .mt10 {
  margin-top: 10px !important;
}
.wprod .mt15 {
  margin-top: 15px !important;
}
.wprod .mt20 {
  margin-top: 20px !important;
}
.wprod .mt25 {
  margin-top: 25px !important;
}
.wprod .mt30 {
  margin-top: 30px !important;
}
.wprod .mt35 {
  margin-top: 35px !important;
}
.wprod .mt40 {
  margin-top: 40px !important;
}
.wprod .mt45 {
  margin-top: 45px !important;
}
.wprod .mt50 {
  margin-top: 50px !important;
}
.wprod .mt60 {
  margin-top: 60px !important;
}
.wprod .mt70 {
  margin-top: 70px !important;
}
.wprod .mb0 {
  margin-bottom: 0px !important;
}
.wprod .mb5 {
  margin-bottom: 5px !important;
}
.wprod .mb10 {
  margin-bottom: 10px !important;
}
.wprod .mb15 {
  margin-bottom: 15px !important;
}
.wprod .mb20 {
  margin-bottom: 20px !important;
}
.wprod .mb25 {
  margin-bottom: 25px !important;
}
.wprod .mb30 {
  margin-bottom: 30px !important;
}
.wprod .mb35 {
  margin-bottom: 35px !important;
}
.wprod .mb40 {
  margin-bottom: 40px !important;
}
.wprod .mb45 {
  margin-bottom: 45px !important;
}
.wprod .mb50 {
  margin-bottom: 50px !important;
}
.wprod .mb60 {
  margin-bottom: 60px !important;
}
.wprod .mb70 {
  margin-bottom: 70px !important;
}
.wprod .ml0 {
  margin-left: 0px !important;
}
.wprod .ml5 {
  margin-left: 5px !important;
}
.wprod .ml10 {
  margin-left: 10px !important;
}
.wprod .ml15 {
  margin-left: 15px !important;
}
.wprod .ml20 {
  margin-left: 20px !important;
}
.wprod .ml25 {
  margin-left: 25px !important;
}
.wprod .ml30 {
  margin-left: 30px !important;
}
.wprod .ml35 {
  margin-left: 35px !important;
}
.wprod .ml40 {
  margin-left: 40px !important;
}
.wprod .ml45 {
  margin-left: 45px !important;
}
.wprod .ml50 {
  margin-left: 50px !important;
}
.wprod .ml60 {
  margin-left: 60px !important;
}
.wprod .ml70 {
  margin-left: 70px !important;
}
.wprod .mlat {
  margin-left: auto !important;
}
.wprod .ml1em {
  margin-left: 1em !important;
}
.wprod .mb1em {
  margin-bottom: 1em !important;
}
.wprod .mr0 {
  margin-right: 0px !important;
}
.wprod .mr5 {
  margin-right: 5px !important;
}
.wprod .mr10 {
  margin-right: 10px !important;
}
.wprod .mr15 {
  margin-right: 15px !important;
}
.wprod .mr20 {
  margin-right: 20px !important;
}
.wprod .mr25 {
  margin-right: 25px !important;
}
.wprod .mr30 {
  margin-right: 30px !important;
}
.wprod .mr35 {
  margin-right: 35px !important;
}
.wprod .mr40 {
  margin-right: 40px !important;
}
.wprod .mr45 {
  margin-right: 45px !important;
}
.wprod .mr50 {
  margin-right: 50px !important;
}
.wprod .mr60 {
  margin-right: 60px !important;
}
.wprod .mr70 {
  margin-right: 70px !important;
}
.wprod .mt0_5rem {
  margin-top: 0.5rem !important;
}
.wprod .mt1_0rem {
  margin-top: 1rem !important;
}
.wprod .mt1_5rem {
  margin-top: 1.5rem !important;
}
.wprod .mt2_0rem {
  margin-top: 2rem !important;
}
.wprod .mt2_5rem {
  margin-top: 2.5rem !important;
}
.wprod .mt3_0rem {
  margin-top: 3rem !important;
}
.wprod .mt3_5rem {
  margin-top: 3.5rem !important;
}
.wprod .mt4_0rem {
  margin-top: 4rem !important;
}
.wprod .mt4_5rem {
  margin-top: 4.5rem !important;
}
.wprod .mt5_0rem {
  margin-top: 5rem !important;
}
.wprod .mt6_0rem {
  margin-top: 6rem !important;
}
.wprod .mt7_0rem {
  margin-top: 7rem !important;
}
.wprod .mb0_5rem {
  margin-bottom: 0.5rem !important;
}
.wprod .mb1_0rem {
  margin-bottom: 1rem !important;
}
.wprod .mb1_5rem {
  margin-bottom: 1.5rem !important;
}
.wprod .mb2_0rem {
  margin-bottom: 2rem !important;
}
.wprod .mb2_5rem {
  margin-bottom: 2.5rem !important;
}
.wprod .mb3_0rem {
  margin-bottom: 3rem !important;
}
.wprod .mb3_5rem {
  margin-bottom: 3.5rem !important;
}
.wprod .mb4_0rem {
  margin-bottom: 4rem !important;
}
.wprod .mb4_5rem {
  margin-bottom: 4.5rem !important;
}
.wprod .mb5_0rem {
  margin-bottom: 5rem !important;
}
.wprod .mb6_0rem {
  margin-bottom: 6rem !important;
}
.wprod .mb7_0rem {
  margin-bottom: 7rem !important;
}
.wprod .ml0_5rem {
  margin-left: 0.5rem !important;
}
.wprod .ml1_0rem {
  margin-left: 1rem !important;
}
.wprod .ml1_5rem {
  margin-left: 1.5rem !important;
}
.wprod .ml2_0rem {
  margin-left: 2rem !important;
}
.wprod .ml2_5rem {
  margin-left: 2.5rem !important;
}
.wprod .ml3_0rem {
  margin-left: 3rem !important;
}
.wprod .ml3_5rem {
  margin-left: 3.5rem !important;
}
.wprod .ml4_0rem {
  margin-left: 4rem !important;
}
.wprod .ml4_5rem {
  margin-left: 4.5rem !important;
}
.wprod .ml5_0rem {
  margin-left: 5rem !important;
}
.wprod .ml6_0rem {
  margin-left: 6rem !important;
}
.wprod .ml7_0rem {
  margin-left: 7rem !important;
}
.wprod .mr0_5rem {
  margin-right: 0.5rem !important;
}
.wprod .mr1_0rem {
  margin-right: 1rem !important;
}
.wprod .mr1_5rem {
  margin-right: 1.5rem !important;
}
.wprod .mr2_0rem {
  margin-right: 2rem !important;
}
.wprod .mr2_5rem {
  margin-right: 2.5rem !important;
}
.wprod .mr3_0rem {
  margin-right: 3rem !important;
}
.wprod .mr3_5rem {
  margin-right: 3.5rem !important;
}
.wprod .mr4_0rem {
  margin-right: 4rem !important;
}
.wprod .mr4_5rem {
  margin-right: 4.5rem !important;
}
.wprod .mr5_0rem {
  margin-right: 5rem !important;
}
.wprod .mr6_0rem {
  margin-right: 6rem !important;
}
.wprod .mr7_0rem {
  margin-right: 7rem !important;
}
.wprod .mrat {
  margin-right: auto !important;
}
.wprod .myoko_at {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 768px) {
  .wprod .no_m_sp {
    margin: 0 !important;
  }
  .wprod .mt0_sp {
    margin-top: 0px !important;
  }
  .wprod .mt1w_sp {
    margin-top: 1vw !important;
  }
  .wprod .mt2w_sp {
    margin-top: 2vw !important;
  }
  .wprod .mt3w_sp {
    margin-top: 3vw !important;
  }
  .wprod .mt4w_sp {
    margin-top: 4vw !important;
  }
  .wprod .mt5w_sp {
    margin-top: 5vw !important;
  }
  .wprod .mt6w_sp {
    margin-top: 6vw !important;
  }
  .wprod .mt7w_sp {
    margin-top: 7vw !important;
  }
  .wprod .mt8w_sp {
    margin-top: 8vw !important;
  }
  .wprod .mt9w_sp {
    margin-top: 9vw !important;
  }
  .wprod .mt10w_sp {
    margin-top: 10vw !important;
  }
  .wprod .mb0_sp {
    margin-bottom: 0px !important;
  }
  .wprod .mb1w_sp {
    margin-bottom: 1vw !important;
  }
  .wprod .mb2w_sp {
    margin-bottom: 2vw !important;
  }
  .wprod .mb3w_sp {
    margin-bottom: 3vw !important;
  }
  .wprod .mb4w_sp {
    margin-bottom: 4vw !important;
  }
  .wprod .mb5w_sp {
    margin-bottom: 5vw !important;
  }
  .wprod .mb6w_sp {
    margin-bottom: 6vw !important;
  }
  .wprod .mb7w_sp {
    margin-bottom: 7vw !important;
  }
  .wprod .mb8w_sp {
    margin-bottom: 8vw !important;
  }
  .wprod .mb9w_sp {
    margin-bottom: 9vw !important;
  }
  .wprod .mb10w_sp {
    margin-bottom: 10vw !important;
  }
  .wprod .ml0_sp {
    margin-left: 0px !important;
  }
  .wprod .ml3w_sp {
    margin-left: 3vw !important;
  }
  .wprod .mlat_sp {
    margin-left: auto !important;
  }
  .wprod .ml1em_sp {
    margin-left: 1em !important;
  }
  .wprod .mr0_sp {
    margin-right: 0px !important;
  }
  .wprod .mr3w_sp {
    margin-right: 3vw !important;
  }
  .wprod .mrat_sp {
    margin-right: auto !important;
  }
  .wprod .myoko_at_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.wprod .no_p {
  padding: 0 !important;
}
.wprod .pt0 {
  padding-top: 0px !important;
}
.wprod .pt5 {
  padding-top: 5px !important;
}
.wprod .pt10 {
  padding-top: 10px !important;
}
.wprod .pt15 {
  padding-top: 15px !important;
}
.wprod .pt20 {
  padding-top: 20px !important;
}
.wprod .pt25 {
  padding-top: 25px !important;
}
.wprod .pt30 {
  padding-top: 30px !important;
}
.wprod .pt35 {
  padding-top: 35px !important;
}
.wprod .pt40 {
  padding-top: 40px !important;
}
.wprod .pt45 {
  padding-top: 45px !important;
}
.wprod .pt50 {
  padding-top: 50px !important;
}
.wprod .pt60 {
  padding-top: 60px !important;
}
.wprod .pt70 {
  padding-top: 70px !important;
}
.wprod .pb0 {
  padding-bottom: 0px !important;
}
.wprod .pb5 {
  padding-bottom: 5px !important;
}
.wprod .pb10 {
  padding-bottom: 10px !important;
}
.wprod .pb15 {
  padding-bottom: 15px !important;
}
.wprod .pb20 {
  padding-bottom: 20px !important;
}
.wprod .pb25 {
  padding-bottom: 25px !important;
}
.wprod .pb30 {
  padding-bottom: 30px !important;
}
.wprod .pb35 {
  padding-bottom: 35px !important;
}
.wprod .pb40 {
  padding-bottom: 40px !important;
}
.wprod .pb45 {
  padding-bottom: 45px !important;
}
.wprod .pb50 {
  padding-bottom: 50px !important;
}
.wprod .pb60 {
  padding-bottom: 60px !important;
}
.wprod .pb70 {
  padding-bottom: 70px !important;
}
.wprod .pl0 {
  padding-left: 0px !important;
}
.wprod .pl5 {
  padding-left: 5px !important;
}
.wprod .pl10 {
  padding-left: 10px !important;
}
.wprod .pl15 {
  padding-left: 15px !important;
}
.wprod .pl20 {
  padding-left: 20px !important;
}
.wprod .pl25 {
  padding-left: 25px !important;
}
.wprod .pl30 {
  padding-left: 30px !important;
}
.wprod .pl35 {
  padding-left: 35px !important;
}
.wprod .pl40 {
  padding-left: 40px !important;
}
.wprod .pl45 {
  padding-left: 45px !important;
}
.wprod .pl50 {
  padding-left: 50px !important;
}
.wprod .pl60 {
  padding-left: 60px !important;
}
.wprod .pl70 {
  padding-left: 70px !important;
}
.wprod .pr0 {
  padding-right: 0px !important;
}
.wprod .pr5 {
  padding-right: 5px !important;
}
.wprod .pr10 {
  padding-right: 10px !important;
}
.wprod .pr15 {
  padding-right: 15px !important;
}
.wprod .pr20 {
  padding-right: 20px !important;
}
.wprod .pr25 {
  padding-right: 25px !important;
}
.wprod .pr30 {
  padding-right: 30px !important;
}
.wprod .pr35 {
  padding-right: 35px !important;
}
.wprod .pr40 {
  padding-right: 40px !important;
}
.wprod .pr45 {
  padding-right: 45px !important;
}
.wprod .pr50 {
  padding-right: 50px !important;
}
.wprod .pr60 {
  padding-right: 60px !important;
}
.wprod .pr70 {
  padding-right: 70px !important;
}
.wprod .pt0_5rem {
  padding-top: 0.5rem !important;
}
.wprod .pt1_0rem {
  padding-top: 1rem !important;
}
.wprod .pt1_5rem {
  padding-top: 1.5rem !important;
}
.wprod .pt2_0rem {
  padding-top: 2rem !important;
}
.wprod .pt2_5rem {
  padding-top: 2.5rem !important;
}
.wprod .pt3_0rem {
  padding-top: 3rem !important;
}
.wprod .pt3_5rem {
  padding-top: 3.5rem !important;
}
.wprod .pt4_0rem {
  padding-top: 4rem !important;
}
.wprod .pt4_5rem {
  padding-top: 4.5rem !important;
}
.wprod .pt5_0rem {
  padding-top: 5rem !important;
}
.wprod .pt6_0rem {
  padding-top: 6rem !important;
}
.wprod .pt7_0rem {
  padding-top: 7rem !important;
}
.wprod .pb0_5rem {
  padding-bottom: 0.5rem !important;
}
.wprod .pb1_0rem {
  padding-bottom: 1rem !important;
}
.wprod .pb1_5rem {
  padding-bottom: 1.5rem !important;
}
.wprod .pb2_0rem {
  padding-bottom: 2rem !important;
}
.wprod .pb2_5rem {
  padding-bottom: 2.5rem !important;
}
.wprod .pb3_0rem {
  padding-bottom: 3rem !important;
}
.wprod .pb3_5rem {
  padding-bottom: 3.5rem !important;
}
.wprod .pb4_0rem {
  padding-bottom: 4rem !important;
}
.wprod .pb4_5rem {
  padding-bottom: 4.5rem !important;
}
.wprod .pb5_0rem {
  padding-bottom: 5rem !important;
}
.wprod .pb6_0rem {
  padding-bottom: 6rem !important;
}
.wprod .pb7_0rem {
  padding-bottom: 7rem !important;
}
.wprod .pl0_5rem {
  padding-left: 0.5rem !important;
}
.wprod .pl1_0rem {
  padding-left: 1rem !important;
}
.wprod .pl1_5rem {
  padding-left: 1.5rem !important;
}
.wprod .pl2_0rem {
  padding-left: 2rem !important;
}
.wprod .pl2_5rem {
  padding-left: 2.5rem !important;
}
.wprod .pl3_0rem {
  padding-left: 3rem !important;
}
.wprod .pl3_5rem {
  padding-left: 3.5rem !important;
}
.wprod .pl4_0rem {
  padding-left: 4rem !important;
}
.wprod .pl4_5rem {
  padding-left: 4.5rem !important;
}
.wprod .pl5_0rem {
  padding-left: 5rem !important;
}
.wprod .pl6_0rem {
  padding-left: 6rem !important;
}
.wprod .pl7_0rem {
  padding-left: 7rem !important;
}
.wprod .pr0_5rem {
  padding-right: 0.5rem !important;
}
.wprod .pr1_0rem {
  padding-right: 1rem !important;
}
.wprod .pr1_5rem {
  padding-right: 1.5rem !important;
}
.wprod .pr2_0rem {
  padding-right: 2rem !important;
}
.wprod .pr2_5rem {
  padding-right: 2.5rem !important;
}
.wprod .pr3_0rem {
  padding-right: 3rem !important;
}
.wprod .pr3_5rem {
  padding-right: 3.5rem !important;
}
.wprod .pr4_0rem {
  padding-right: 4rem !important;
}
.wprod .pr4_5rem {
  padding-right: 4.5rem !important;
}
.wprod .pr5_0rem {
  padding-right: 5rem !important;
}
.wprod .pr6_0rem {
  padding-right: 6rem !important;
}
.wprod .pr7_0rem {
  padding-right: 7rem !important;
}
.wprod .p1em {
  padding: 1em !important;
}
.wprod .p05em {
  padding: 0.5em !important;
}
.wprod .p03em {
  padding: 0.3em !important;
}
.wprod .pb1em {
  padding-bottom: 1em;
}
@media (max-width: 768px) {
  .wprod .no_p_sp {
    padding: 0 !important;
  }
  .wprod .pt0_sp {
    padding-top: 0px !important;
  }
  .wprod .pt1w_sp {
    padding-top: 1vw !important;
  }
  .wprod .pt2w_sp {
    padding-top: 2vw !important;
  }
  .wprod .pt3w_sp {
    padding-top: 3vw !important;
  }
  .wprod .pt4w_sp {
    padding-top: 4vw !important;
  }
  .wprod .pt5w_sp {
    padding-top: 5vw !important;
  }
  .wprod .pt6w_sp {
    padding-top: 6vw !important;
  }
  .wprod .pt7w_sp {
    padding-top: 7vw !important;
  }
  .wprod .pt8w_sp {
    padding-top: 8vw !important;
  }
  .wprod .pt9w_sp {
    padding-top: 9vw !important;
  }
  .wprod .pt10w_sp {
    padding-top: 10vw !important;
  }
  .wprod .pb0_sp {
    padding-bottom: 0px !important;
  }
  .wprod .pb1w_sp {
    padding-bottom: 1vw !important;
  }
  .wprod .pb2w_sp {
    padding-bottom: 2vw !important;
  }
  .wprod .pb3w_sp {
    padding-bottom: 3vw !important;
  }
  .wprod .pb4w_sp {
    padding-bottom: 4vw !important;
  }
  .wprod .pb5w_sp {
    padding-bottom: 5vw !important;
  }
  .wprod .pb6w_sp {
    padding-bottom: 6vw !important;
  }
  .wprod .pb7w_sp {
    padding-bottom: 7vw !important;
  }
  .wprod .pb8w_sp {
    padding-bottom: 8vw !important;
  }
  .wprod .pb9w_sp {
    padding-bottom: 9vw !important;
  }
  .wprod .pb10w_sp {
    padding-bottom: 10vw !important;
  }
  .wprod .pl0_sp {
    padding-left: 0px !important;
  }
  .wprod .pl1w_sp {
    padding-left: 1vw !important;
  }
  .wprod .pl2w_sp {
    padding-left: 2vw !important;
  }
  .wprod .pl3w_sp {
    padding-left: 3vw !important;
  }
  .wprod .pl4w_sp {
    padding-left: 4vw !important;
  }
  .wprod .pl5w_sp {
    padding-left: 5vw !important;
  }
  .wprod .pl6w_sp {
    padding-left: 6vw !important;
  }
  .wprod .pl7w_sp {
    padding-left: 7vw !important;
  }
  .wprod .pl8w_sp {
    padding-left: 8vw !important;
  }
  .wprod .pl9w_sp {
    padding-left: 9vw !important;
  }
  .wprod .pl10w_sp {
    padding-left: 10vw !important;
  }
  .wprod .pr0_sp {
    padding-right: 0px !important;
  }
  .wprod .pr1w_sp {
    padding-right: 1vw !important;
  }
  .wprod .pr2w_sp {
    padding-right: 2vw !important;
  }
  .wprod .pr3w_sp {
    padding-right: 3vw !important;
  }
  .wprod .pr4w_sp {
    padding-right: 4vw !important;
  }
  .wprod .pr5w_sp {
    padding-right: 5vw !important;
  }
  .wprod .pr6w_sp {
    padding-right: 6vw !important;
  }
  .wprod .pr7w_sp {
    padding-right: 7vw !important;
  }
  .wprod .pr8w_sp {
    padding-right: 8vw !important;
  }
  .wprod .pr9w_sp {
    padding-right: 9vw !important;
  }
  .wprod .pr10w_sp {
    padding-right: 10vw !important;
  }
  .wprod .p1em_sp {
    padding: 1em !important;
  }
  .wprod .p05em_sp {
    padding: 0.5em !important;
  }
  .wprod .p03em_sp {
    padding: 0.3em !important;
  }
}
.wprod .al_c {
  text-align: center !important;
}
.wprod .al_r {
  text-align: right !important;
}
.wprod .al_l {
  text-align: left !important;
}
.wprod .val_m {
  vertical-align: middle !important;
}
@media (max-width: 768px) {
  .wprod .al_c_sp {
    text-align: center !important;
  }
  .wprod .al_r_sp {
    text-align: right !important;
  }
  .wprod .al_l_sp {
    text-align: left !important;
  }
}
.wprod .wht {
  color: #fff !important;
}
.wprod .red {
  color: #ff0000 !important;
}
.wprod .b {
  font-weight: bold !important;
}
.wprod .fs_9 {
  font-size: 9px !important;
}
.wprod .fs_10 {
  font-size: 10px !important;
}
.wprod .fs_11 {
  font-size: 11px !important;
}
.wprod .fs_12 {
  font-size: 12px !important;
}
.wprod .fs_13 {
  font-size: 13px !important;
}
.wprod .fs_14 {
  font-size: 14px !important;
}
.wprod .fs_15 {
  font-size: 15px !important;
}
.wprod .fs_16 {
  font-size: 16px !important;
}
.wprod .fs_17 {
  font-size: 17px !important;
}
.wprod .fs_18 {
  font-size: 18px !important;
}
.wprod .fs_19 {
  font-size: 19px !important;
}
.wprod .fs_20 {
  font-size: 20px !important;
}
.wprod .fs_21 {
  font-size: 21px !important;
}
.wprod .fs_22 {
  font-size: 22px !important;
}
.wprod .fs_23 {
  font-size: 23px !important;
}
.wprod .fs_24 {
  font-size: 24px !important;
}
.wprod .fs_25 {
  font-size: 25px !important;
}
.wprod .fs_26 {
  font-size: 26px !important;
}
.wprod .em05 {
  font-size: 0.5em !important;
}
.wprod .em06 {
  font-size: 0.6em !important;
}
.wprod .em07 {
  font-size: 0.7em !important;
}
.wprod .em08 {
  font-size: 0.8em !important;
}
.wprod .em09 {
  font-size: 0.9em !important;
}
.wprod .em10 {
  font-size: 1em !important;
}
.wprod .em11 {
  font-size: 1.1em !important;
}
.wprod .em12 {
  font-size: 1.2em !important;
}
.wprod .em13 {
  font-size: 1.3em !important;
}
.wprod .em14 {
  font-size: 1.4em !important;
}
.wprod .em15 {
  font-size: 1.5em !important;
}
.wprod .em16 {
  font-size: 1.6em !important;
}
.wprod .em17 {
  font-size: 1.7em !important;
}
.wprod .em18 {
  font-size: 1.8em !important;
}
.wprod .em19 {
  font-size: 1.9em !important;
}
.wprod .em20 {
  font-size: 2em !important;
}
.wprod .rem05 {
  font-size: 0.5rem !important;
}
.wprod .rem06 {
  font-size: 0.6rem !important;
}
.wprod .rem07 {
  font-size: 0.7rem !important;
}
.wprod .rem08 {
  font-size: 0.8rem !important;
}
.wprod .rem09 {
  font-size: 0.9rem !important;
}
.wprod .rem10 {
  font-size: 1rem !important;
}
.wprod .rem11 {
  font-size: 1.1rem !important;
}
.wprod .rem12 {
  font-size: 1.2rem !important;
}
.wprod .rem13 {
  font-size: 1.3rem !important;
}
.wprod .rem14 {
  font-size: 1.4rem !important;
}
.wprod .rem15 {
  font-size: 1.5rem !important;
}
.wprod .rem16 {
  font-size: 1.6rem !important;
}
.wprod .rem17 {
  font-size: 1.7rem !important;
}
.wprod .rem18 {
  font-size: 1.8rem !important;
}
.wprod .rem19 {
  font-size: 1.9rem !important;
}
.wprod .rem20 {
  font-size: 2rem !important;
}
.wprod .rem21 {
  font-size: 2.1rem !important;
}
.wprod .rem22 {
  font-size: 2.2rem !important;
}
.wprod .rem23 {
  font-size: 2.3rem !important;
}
.wprod .rem24 {
  font-size: 2.4rem !important;
}
.wprod .rem25 {
  font-size: 2.5rem !important;
}
.wprod .rem26 {
  font-size: 2.6rem !important;
}
.wprod .rem27 {
  font-size: 2.7rem !important;
}
.wprod .rem28 {
  font-size: 2.8rem !important;
}
.wprod .rem29 {
  font-size: 2.9rem !important;
}
.wprod .rem30 {
  font-size: 3rem !important;
}
@media (min-width: 769px) {
  .wprod .em05_pc {
    font-size: 0.5em !important;
  }
  .wprod .em06_pc {
    font-size: 0.6em !important;
  }
  .wprod .em07_pc {
    font-size: 0.7em !important;
  }
  .wprod .em08_pc {
    font-size: 0.8em !important;
  }
  .wprod .em09_pc {
    font-size: 0.9em !important;
  }
  .wprod .em10_pc {
    font-size: 1em !important;
  }
  .wprod .em11_pc {
    font-size: 1.1em !important;
  }
  .wprod .em12_pc {
    font-size: 1.2em !important;
  }
  .wprod .em13_pc {
    font-size: 1.3em !important;
  }
  .wprod .em14_pc {
    font-size: 1.4em !important;
  }
  .wprod .em15_pc {
    font-size: 1.5em !important;
  }
  .wprod .em16_pc {
    font-size: 1.6em !important;
  }
  .wprod .em17_pc {
    font-size: 1.7em !important;
  }
  .wprod .em18_pc {
    font-size: 1.8em !important;
  }
  .wprod .em19_pc {
    font-size: 1.9em !important;
  }
  .wprod .em20_pc {
    font-size: 2em !important;
  }
}
@media (max-width: 768px) {
  .wprod .em05_sp {
    font-size: 0.5em !important;
  }
  .wprod .em06_sp {
    font-size: 0.6em !important;
  }
  .wprod .em07_sp {
    font-size: 0.7em !important;
  }
  .wprod .em08_sp {
    font-size: 0.8em !important;
  }
  .wprod .em09_sp {
    font-size: 0.9em !important;
  }
  .wprod .em10_sp {
    font-size: 1em !important;
  }
  .wprod .em11_sp {
    font-size: 1.1em !important;
  }
  .wprod .em12_sp {
    font-size: 1.2em !important;
  }
  .wprod .em13_sp {
    font-size: 1.3em !important;
  }
  .wprod .em14_sp {
    font-size: 1.4em !important;
  }
  .wprod .em15_sp {
    font-size: 1.5em !important;
  }
  .wprod .em16_sp {
    font-size: 1.6em !important;
  }
  .wprod .em17_sp {
    font-size: 1.7em !important;
  }
  .wprod .em18_sp {
    font-size: 1.8em !important;
  }
  .wprod .em19_sp {
    font-size: 1.9em !important;
  }
  .wprod .em20_sp {
    font-size: 2em !important;
  }
  .wprod .rem05_sp {
    font-size: 0.5rem !important;
  }
  .wprod .rem06_sp {
    font-size: 0.6rem !important;
  }
  .wprod .rem07_sp {
    font-size: 0.7rem !important;
  }
  .wprod .rem08_sp {
    font-size: 0.8rem !important;
  }
  .wprod .rem09_sp {
    font-size: 0.9rem !important;
  }
  .wprod .rem10_sp {
    font-size: 1rem !important;
  }
  .wprod .rem11_sp {
    font-size: 1.1rem !important;
  }
  .wprod .rem12_sp {
    font-size: 1.2rem !important;
  }
  .wprod .rem13_sp {
    font-size: 1.3rem !important;
  }
  .wprod .rem14_sp {
    font-size: 1.4rem !important;
  }
  .wprod .rem15_sp {
    font-size: 1.5rem !important;
  }
  .wprod .rem16_sp {
    font-size: 1.6rem !important;
  }
  .wprod .rem17_sp {
    font-size: 1.7rem !important;
  }
  .wprod .rem18_sp {
    font-size: 1.8rem !important;
  }
  .wprod .rem19_sp {
    font-size: 1.9rem !important;
  }
  .wprod .rem20_sp {
    font-size: 2rem !important;
  }
  .wprod .rem21_sp {
    font-size: 2.1rem !important;
  }
  .wprod .rem22_sp {
    font-size: 2.2rem !important;
  }
  .wprod .rem23_sp {
    font-size: 2.3rem !important;
  }
  .wprod .rem24_sp {
    font-size: 2.4rem !important;
  }
  .wprod .rem25_sp {
    font-size: 2.5rem !important;
  }
  .wprod .rem26_sp {
    font-size: 2.6rem !important;
  }
  .wprod .rem27_sp {
    font-size: 2.7rem !important;
  }
  .wprod .rem28_sp {
    font-size: 2.8rem !important;
  }
  .wprod .rem29_sp {
    font-size: 2.9rem !important;
  }
  .wprod .rem30_sp {
    font-size: 3rem !important;
  }
}
.wprod .lh10 {
  line-height: 1 !important;
}
.wprod .lh11 {
  line-height: 1.1 !important;
}
.wprod .lh12 {
  line-height: 1.2 !important;
}
.wprod .lh13 {
  line-height: 1.3 !important;
}
.wprod .lh14 {
  line-height: 1.4 !important;
}
.wprod .lh15 {
  line-height: 1.5 !important;
}
.wprod .lh16 {
  line-height: 1.6 !important;
}
.wprod .lh17 {
  line-height: 1.7 !important;
}
.wprod .lh18 {
  line-height: 1.8 !important;
}
.wprod .lh19 {
  line-height: 1.9 !important;
}
.wprod .lh20 {
  line-height: 2 !important;
}
.wprod .yum {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "游明朝", serif !important;
}
.wprod .jp_indent {
  text-indent: -1em;
  padding-left: 1em;
}
.wprod .no_bdr {
  border: none !important;
}
.wprod .bdr_ccc {
  border: 1px solid #ccc;
}
.wprod .bg_wh {
  background-color: #fff !important;
}
.wprod .bg_ccc {
  background-color: #ccc !important;
}
.wprod .radius_5 {
  border-raidus: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
.wprod .radius_10 {
  border-raidus: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}
.wprod .radius_15 {
  border-raidus: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
}
.wprod .radius_20 {
  border-raidus: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
}
.wprod .radius_25 {
  border-raidus: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
}
.wprod .radius_30 {
  border-raidus: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
}
.wprod .no_fl {
  float: none !important;
}
.wprod .fl_l {
  float: left !important;
}
.wprod .fl_r {
  float: right !important;
}
.wprod .clear {
  clear: both !important;
}
.wprod .clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}
.wprod .clearfix {
  display: block;
}
.wprod .w100p {
  width: 100% !important;
}
.wprod .w90p {
  width: 90% !important;
}
.wprod .w80p {
  width: 80% !important;
}
.wprod .w70p {
  width: 70% !important;
}
.wprod .w60p {
  width: 60% !important;
}
.wprod .w50p {
  width: 50% !important;
}
.wprod .w40p {
  width: 40% !important;
}
.wprod .w30p {
  width: 30% !important;
}
.wprod .w20p {
  width: 20% !important;
}
.wprod .w10p {
  width: 10% !important;
}
.wprod .w5p {
  width: 5% !important;
}
@media (min-width: 769px) {
  .wprod .w100p_pc {
    width: 100% !important;
  }
  .wprod .w90p_pc {
    width: 90% !important;
  }
  .wprod .w80p_pc {
    width: 80% !important;
  }
  .wprod .w70p_pc {
    width: 70% !important;
  }
  .wprod .w60p_pc {
    width: 60% !important;
  }
  .wprod .w50p_pc {
    width: 50% !important;
  }
  .wprod .w40p_pc {
    width: 40% !important;
  }
  .wprod .w30p_pc {
    width: 30% !important;
  }
  .wprod .w20p_pc {
    width: 20% !important;
  }
  .wprod .w10p_pc {
    width: 10% !important;
  }
  .wprod .w5p_pc {
    width: 5% !important;
  }
}
@media (max-width: 768px) {
  .wprod .w100p_sp {
    width: 100% !important;
  }
  .wprod .w90p_sp {
    width: 90% !important;
  }
  .wprod .w80p_sp {
    width: 80% !important;
  }
  .wprod .w70p_sp {
    width: 70% !important;
  }
  .wprod .w60p_sp {
    width: 60% !important;
  }
  .wprod .w50p_sp {
    width: 50% !important;
  }
  .wprod .w40p_sp {
    width: 40% !important;
  }
  .wprod .w30p_sp {
    width: 30% !important;
  }
  .wprod .w20p_sp {
    width: 20% !important;
  }
  .wprod .w10p_sp {
    width: 10% !important;
  }
  .wprod .w5p_sp {
    width: 5% !important;
  }
}
.wprod .psn_re {
  position: relative !important;
}
.wprod .ab_off { /*absoluteを解除する*/
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}
.wprod .dis_ib {
  display: inline-block !important;
}
.wprod .dis_il {
  display: inline !important;
}
.wprod .dis_blk {
  display: block !important;
}

.js_aco_ttl {
  cursor: pointer;
}

.js_aco_block {
  display: none;
}

#js_search_btn {
  cursor: pointer;
}

@media (min-width: 769px) {
  #js_search_block {
    display: none;
  }
}

/* ----------------------------------------

header

---------------------------------------- */
.wprod_header_wrap {
  width: 100vw;
  max-width: 100%;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: 0s;
  transition: 0s;
}

.wprod_header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 90px;
  color: #fff;
  background-color: #333333;
  padding: 0 50px;
}
@media (max-width: 1200px) {
  .wprod_header {
    padding: 0 20px;
  }
}
.wprod_header--logo {
  width: 197px;
}
.wprod_header--logo a {
  display: block;
}
.wprod_header--logo img {
  display: block;
  width: 100%;
}
.wprod_header--menu {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: flex-end; /*横方向（Safari用）*/
  justify-content: flex-end; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 197px);
  gap: 32px;
}
@media (max-width: 1200px) {
  .wprod_header--menu {
    gap: 20px;
  }
}
.wprod_header--menu--item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wprod_header--menu--item .js_aco_ttl {
  padding-right: 24px;
  position: relative;
}
.wprod_header--menu--item .js_aco_ttl::after {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  background-image: url("../img/arrow_btm.png");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.wprod_header--menu--item .js_aco_ttl._open::after {
  -webkit-transform: translateY(-50%) translateX(0) rotate(180deg);
  transform: translateY(-50%) translateX(0) rotate(180deg);
}
.wprod_header--gnav {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
}
@media (max-width: 1200px) {
  .wprod_header--gnav {
    gap: 20px;
  }
}
.wprod_header--gnav--item {
  position: relative;
}
.wprod_header--gnav--item ._addico {
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.wprod_header--gnav--item ._addico img {
  display: block;
  width: 33px;
  margin: 0 auto 3px;
}
.wprod_header--gnav--item ._cart {
  position: relative;
}
.wprod_header--gnav--item ._cart ._cart_badge {
  line-height: 1;
  color: #fff;
  background-color: #e195c5;
  border-radius: 10px;
  padding: 3px 5px;
  position: absolute;
  top: -6px;
  right: -8px;
}
@media (min-width: 769px) {
  .wprod_header--gnav--child {
    background-color: #fff;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    position: absolute;
    top: 160%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
  }
}
.wprod_header--gnav--child--list {
  padding: 20px 30px;
}
.wprod_header--gnav--child--list > li {
  color: #333;
}
.wprod_header--gnav--child--list > li a {
  display: block;
  font-size: 14px;
  line-height: 2;
  text-align: left;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .wprod_header--gnav--child--list > li a:hover {
    opacity: 1;
    color: #e195c5;
  }
}
.wprod_header--search {
  width: 100%;
  position: fixed;
  top: 90px;
  left: 0;
}
.wprod_header--search--in {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100vw;
  max-width: 100%;
  height: 230px;
  background-color: #eeeeee;
  padding: 20px;
}
.wprod_header--search--block {
  width: 100%;
  max-width: 1000px;
  height: 70px;
  background-color: #fff;
  position: relative;
}
.wprod_header--search--input {
  display: block;
  border: 0;
  border-radius: 0 !important;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.075em;
  padding: 0 60px 0 22px !important;
}
.wprod_header--search--button {
  display: block;
  width: 33px;
  position: absolute;
  top: 50%;
  right: 22px;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}
.wprod_header--search--button img {
  display: block;
  width: 100%;
}

/* ドロワー
------------------------------- */
@media (max-width: 1000px) {
  .wprod_header {
    height: 60px !important;
    padding: 0 64px 0 10px !important;
  }
  .wprod_header--logo {
    width: 103px;
  }
  .wprod_header .wprod_header--gnav--item ._cart img {
    width: 27px;
    margin: 0 auto;
  }
  .wprod_header .wprod_header--gnav--item ._cart ._ttl {
    display: none;
  }
  .wprod_drawer {
    display: block;
    width: 390px;
    max-width: 100%;
    height: 100dvh;
    background-color: #333;
    position: absolute;
    top: 60px;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(0) translateX(-100%);
    transform: translateY(0) translateX(-100%);
    overflow-y: scroll;
  }
  ._menu_open .wprod_drawer {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
  .wprod_drawer .wprod_header--gnav {
    gap: 0;
  }
  .wprod_drawer .wprod_header--gnav--item {
    width: 100%;
    border-top: 1px solid #fff;
    padding: 0 20px;
  }
  .wprod_drawer .wprod_header--gnav--item.pc {
    display: none;
  }
  .wprod_drawer .wprod_header--gnav--ttl, .wprod_drawer .wprod_header--gnav .js_aco_ttl, .wprod_drawer .wprod_header--gnav ._addico {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /*縦方向（Safari用）*/
    align-items: center; /* 縦方向*/
    -webkit-justify-content: flex-start; /*横方向（Safari用）*/
    justify-content: flex-start; /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-height: 50px;
    font-size: 16px;
  }
  .wprod_drawer .wprod_header--gnav--ttl {
    background-image: url("../img/arrow_triangle.png");
    background-size: 10px auto;
    background-position: right 0 center;
    background-repeat: no-repeat;
  }
  .wprod_drawer .wprod_header--gnav ._addico a {
    display: block;
    width: 100%;
    background-image: url("../img/arrow_triangle.png");
    background-size: 10px auto;
    background-position: right 0 center;
    background-repeat: no-repeat;
  }
  .wprod_drawer .wprod_header--gnav ._addico a img {
    display: none;
  }
  .wprod_drawer .wprod_header--gnav .js_aco_ttl::after {
    width: 15px;
    height: auto;
    aspect-ratio: 1/1;
    background-image: url("../img/ico_plus.png");
    background-size: 100% auto;
    background-position: center center;
  }
  .wprod_drawer .wprod_header--gnav .js_aco_ttl._open::after {
    -webkit-transform: translateY(-50%) translateX(0) rotate(45deg);
    transform: translateY(-50%) translateX(0) rotate(45deg);
  }
  .wprod_drawer .wprod_header--gnav--child {
    position: static;
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
  .wprod_drawer .wprod_header--gnav--child--list {
    padding-top: 0;
  }
  .wprod_drawer .wprod_header--gnav--child--list > li {
    color: #fff;
  }
  .wprod_drawer .wprod_header--gnav--child--list > li a {
    font-size: 16px;
    line-height: 1.4;
    padding: 0.5em 0;
    background-image: url("../img/arrow_triangle.png");
    background-size: 6px auto;
    background-position: right 0 center;
    background-repeat: no-repeat;
  }
  #js_search_block {
    display: block;
    position: static;
  }
  .wprod_header--search--in {
    height: 150px;
    background-color: #333;
    border-top: 1px solid #fff;
  }
  .wprod_header--search--block {
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
  }
  .wprod_header--search--input {
    font-size: 16px;
    padding: 0 20px 0 56px !important;
  }
  .wprod_header--search--button {
    width: 26px;
    right: auto;
    left: 20px;
    opacity: 0.4;
  }
}
/* メニューボタン
------------------------------- */
.wprod_menu {
  display: none;
}

.wprod_overlay {
  display: none;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

@media (max-width: 1000px) {
  .wprod_menu {
    display: block;
    width: 35px;
    aspect-ratio: 35/30;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    cursor: pointer;
  }
  .wprod_menu--btn {
    width: 100%;
    height: 11px;
    position: relative;
  }
  .wprod_menu--btn span {
    height: 1px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 0;
  }
  .wprod_menu--btn span:nth-child(1) {
    width: 100%;
    top: 0;
  }
  ._menu_open .wprod_menu--btn span:nth-child(1) {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0) rotate(-25deg);
    transform: translateY(-50%) translateX(0) rotate(-25deg);
  }
  .wprod_menu--btn span:nth-child(2) {
    width: 50%;
    top: 100%;
  }
  ._menu_open .wprod_menu--btn span:nth-child(2) {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0) rotate(25deg);
    transform: translateY(-50%) translateX(0) rotate(25deg);
  }
  .wprod_menu--ttl {
    display: block;
    width: 110%;
    font-family: "Inter", "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
  }
  .wprod_menu._actibe .wprod_menu--btn span:nth-child(1) {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0) rotate(-25deg);
    transform: translateY(-50%) translateX(0) rotate(-25deg);
  }
  .wprod_menu._actibe .wprod_menu--btn span:nth-child(2) {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0) rotate(25deg);
    transform: translateY(-50%) translateX(0) rotate(25deg);
  }
}
/* ----------------------------------------

footer

---------------------------------------- */
.wprod_footer .base {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px;
  width: 1630px;
  max-width: 100%;
  padding: 0 50px;
}
@media (max-width: 1200px) {
  .wprod_footer .base {
    padding: 0 20px;
  }
}
.wprod_footer--wrap {
  color: #fff;
  background-color: #333;
  padding: 80px 0 30px;
}
@media (max-width: 768px) {
  .wprod_footer--wrap {
    padding: 50px 0 30px;
  }
}
.wprod_footer--logo {
  width: 187px;
}
.wprod_footer--logo a {
  display: block;
  width: 100%;
}
.wprod_footer--logo img {
  display: block;
  width: 100%;
}
.wprod_footer--nav {
  flex-grow: 1;
  max-width: calc(100% - 50px - 187px);
}
.wprod_footer--nav > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: flex-end; /*横方向（Safari用）*/
  justify-content: flex-end; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 54px 50px;
  width: 700px;
  max-width: 100%;
  margin: 0 0 0 auto;
}
@media (max-width: 1000px) {
  .wprod_footer--nav > ul {
    gap: 54px 20px;
  }
}
.wprod_footer--nav > ul > li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  color: #fff;
}
.wprod_footer .copyright {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  color: #fff;
  text-align: right;
  margin-top: 80px;
}

@media (max-width: 880px) {
  .wprod_footer--wrap .base {
    gap: 47px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .wprod_footer--wrap .copyright {
    text-align: center;
    margin-top: 46px;
  }
  .wprod_footer--logo {
    width: 100%;
  }
  .wprod_footer--logo img {
    width: 187px;
    margin: 0 auto;
  }
  .wprod_footer--nav {
    width: 100%;
    max-width: 100%;
  }
  .wprod_footer--nav > ul {
    -webkit-justify-content: flex-start; /*横方向（Safari用）*/
    justify-content: flex-start; /*横方向*/
    gap: 36px 28px;
    margin-right: auto;
  }
  .wprod_footer--nav > ul .sp_large {
    width: 100%;
  }
}
/* ----------------------------------------

SIde

---------------------------------------- */
.wprod_ttl_bdr {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.075em;
  padding-bottom: 6px;
  margin-bottom: 0;
  position: relative;
}
.wprod_ttl_bdr::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #7f7f7f;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wprod_ttl_bdr::after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background-color: #e195c5;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wprod_side {
  padding: 0 0 20px;
  position: relative;
}
@media (min-width: 769px) {
  .wprod_side--block {
    position: sticky;
    top: 110px;
    left: 0;
  }
}
@media (max-width: 768px) {
  .wprod_side--block {
    display: none;
    padding-top: 10px;
  }
}
@media (max-width: 768px) {
  .wprod_side--btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /*縦方向（Safari用）*/
    align-items: center; /* 縦方向*/
    -webkit-justify-content: flex-start; /*横方向（Safari用）*/
    justify-content: flex-start; /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #fff;
    background-color: #333;
    padding: 10px;
    position: relative;
  }
  .wprod_side--btn::after {
    content: "";
    display: block;
    width: 16px;
    aspect-ratio: 16/10;
    background-image: url("../img/arrow_triangle_btm.png");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wprod_side--btn._open::after {
    -webkit-transform: translateY(-50%) translateX(0) rotate(180deg);
    transform: translateY(-50%) translateX(0) rotate(180deg);
  }
}
.wprod_side--wrap {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
  padding: 22px 20px 30px;
}
.wprod_side--search {
  width: 100%;
  height: 36px;
  margin-top: 20px;
  margin-bottom: 45px;
  position: relative;
}
.wprod_side--search input[type=text] {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.035em;
  width: 100%;
  height: 100%;
  border: 1px solid #333;
  border-radius: 5px;
  padding: 0 0 0 36px;
}
.wprod_side--search--btn {
  display: block;
  width: 18px;
  aspect-ratio: 1/1;
  font-size: 0;
  background-image: url("../img/ico_search_gy.png");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}
.wprod_side--catelist > li {
  margin-top: 16px;
}
.wprod_side--catelist > li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #7f7f7f;
  padding-left: 1em;
  padding-bottom: 9px;
  position: relative;
}
@media (min-width: 769px) {
  .wprod_side--catelist > li a:hover {
    opacity: 1;
    color: #e195c5;
  }
}
.wprod_side--catelist > li a::after {
  content: "・";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  position: absolute;
  top: 0;
  left: 0;
}
.wprod_side--bnr {
  width: 100%;
  margin: 30px 0 0;
}
.wprod_side--bnr a {
  display: block;
  width: 100%;
}
.wprod_side--bnr a + a {
  margin-top: 10px;
}
.wprod_side--bnr img {
  display: block;
  width: 100%;
}

/* ----------------------------------------

Home

---------------------------------------- */
.wprod_mv .main-visual {
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .wprod_mv .main-visual {
    margin: 0 0 70px;
  }
}
.wprod_mv .main-visual .bx-wrapper {
  border: 0;
  margin-bottom: 0;
}
.wprod_mv .main-visual .bx-wrapper img {
  height: auto !important;
}
.wprod_mv .main-visual .bx-wrapper .bx-pager.bx-default-pager a {
  background: #e7a4ce;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  opacity: 0.25;
}
.wprod_mv .main-visual .bx-wrapper .bx-pager.bx-default-pager a.active, .wprod_mv .main-visual .bx-wrapper .bx-pager.bx-default-pager a:focus, .wprod_mv .main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover {
  opacity: 1;
}

/* NEWS
------------------------------- */
.wprod_news_ex {
  padding: 71px 0 80px;
}
@media (max-width: 768px) {
  .wprod_news_ex {
    padding: 0 0 70px;
  }
}
.wprod_news_ex .wprod_ttl_bg {
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
}
@media (max-width: 768px) {
  .wprod_news_ex .wprod_ttl_bg {
    -webkit-justify-content: center; /*横方向（Safari用）*/
    justify-content: center; /*横方向*/
  }
}
.wprod_news_ex .wprod_ttl_bg--small {
  text-align: left;
}
@media (max-width: 768px) {
  .wprod_news_ex .wprod_ttl_bg--small {
    text-align: center;
  }
}
.wprod_news_ex .base {
  width: 1240px;
}
@media (max-width: 768px) {
  .wprod_news_ex .base {
    padding-left: 0;
    padding-right: 0;
  }
}
.wprod_news_ex--list--card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .wprod_news_ex--list--card {
    font-size: 16px;
  }
}
.wprod_news_ex--list--card--date {
  width: 150px;
  color: #e195c5;
}
@media (max-width: 768px) {
  .wprod_news_ex--list--card--date {
    width: 100%;
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.wprod_news_ex--list--card--ttl {
  width: calc(100% - 150px);
}
@media (max-width: 768px) {
  .wprod_news_ex--list--card--ttl {
    width: 100%;
  }
}
.wprod_news_ex--list--card--ttl a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 40px 0 0;
  position: relative;
}
.wprod_news_ex--list--card--ttl a .link_ico {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}
.wprod_news_ex--list > li {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 26px;
}
@media (max-width: 768px) {
  .wprod_news_ex--list > li {
    padding-bottom: 18px;
  }
}
.wprod_news_ex--list > li + li {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .wprod_news_ex--list > li + li {
    margin-top: 15px;
  }
}

/* 商品一覧
------------------------------- */
.wprod_product_card {
  position: relative;
}
.wprod_product_card--img {
  width: 100%;
  height: auto;
  aspect-ratio: 36/22;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .wprod_product_card--img {
    aspect-ratio: 18/12;
  }
}
.wprod_product_card--img a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
.wprod_product_card--img img {
  display: block;
  max-width: 100p %;
  max-height: 100%;
}
.wprod_product_card--icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  margin: 20px 0 0;
}
.wprod_product_card--icon img {
  display: block;
  width: auto;
  height: 25px;
}
.wprod_product_card--category {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  margin: 10px 0 0;
}
@media (max-width: 768px) {
  .wprod_product_card--category {
    font-size: 14px;
    margin-top: 8px;
  }
}
.wprod_product_card--name {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  margin: 10px 0 0;
}
@media (max-width: 768px) {
  .wprod_product_card--name {
    font-size: 14px;
    margin: 3px 0 0;
  }
}
.wprod_product_card--price {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
  margin: 10px 0 0;
}
@media (max-width: 768px) {
  .wprod_product_card--price {
    font-size: 14px;
    margin: 16px 0 0;
  }
}
.wprod_product_card .item-icon {
  top: 0;
  right: 0;
}

.wprod_item_list {
  padding: 80px 0;
}
@media (max-width: 768px) {
  .wprod_item_list {
    padding: 0 0 40px;
  }
}
@media (max-width: 768px) {
  .wprod_item_list .base {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .wprod_item_list .wprod_ttl_bg {
    margin-bottom: 50px;
  }
}
.wprod_item_list--block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px 40px;
}
@media (max-width: 768px) {
  .wprod_item_list--block {
    gap: 50px 12px;
  }
}
.wprod_item_list--item {
  width: calc((100% - 1px - 80px) / 3);
}
@media (max-width: 1024px) {
  .wprod_item_list--item {
    width: calc((100% - 1px - 40px) / 2);
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .wprod_item_list--item {
    width: calc((100% - 12px) / 2);
  }
}

/* タレント一覧
------------------------------- */
.wprod_talent_ex {
  padding: 30px 0 100px;
}
@media (max-width: 768px) {
  .wprod_talent_ex {
    padding: 40px 0 80px;
  }
}
.wprod_talent_ex .base {
  width: 1444px;
}
@media (max-width: 768px) {
  .wprod_talent_ex .base {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .wprod_talent_ex .wprod_ttl_bg {
    margin-bottom: 38px;
  }
}
.wprod_talent_ex--list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 46px 16px;
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 768px) {
  .wprod_talent_ex--list {
    gap: 30px 6px;
    width: auto;
    margin-left: -5px;
    margin-right: -5px;
  }
}
.wprod_talent_ex--list > li {
  width: calc((100% - 1px - 48px) / 4);
}
@media (max-width: 1024px) {
  .wprod_talent_ex--list > li {
    width: calc((100% - 1px - 32px) / 3);
  }
}
@media (max-width: 1024px) and (max-width: 834px) {
  .wprod_talent_ex--list > li {
    width: calc((100% - 1px - 16px) / 2);
  }
}
@media (max-width: 1024px) and (max-width: 834px) and (max-width: 768px) {
  .wprod_talent_ex--list > li {
    width: calc((100% - 6px) / 2);
  }
}
.wprod_talent_ex .wprod_btnwrap {
  margin-top: 80px;
}
@media (max-width: 768px) {
  .wprod_talent_ex .wprod_btnwrap {
    margin-top: 50px;
  }
}

.home .wprod_talent_ex--list > li:nth-child(n+9) {
  display: none;
}

.wprod_talent_card {
  aspect-ratio: 1/1;
  border-radius: 324px;
  overflow: hidden;
  border: 10px solid #ccc;
}
@media (max-width: 768px) {
  .wprod_talent_card {
    border-width: 5px !important;
  }
}
.wprod_talent_card a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.wprod_talent_card .wprod_talent_cardimg {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-color: #ccc;
}
.wprod_talent_card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wprod_talent_card--name {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-height: 72px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.075em;
  text-align: center !important;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 18px 90px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 1790px) {
  .wprod_talent_card--name {
    min-height: calc(var(--custom-vw) * 72);
    font-size: calc(var(--custom-vw) * 16);
    padding: calc(var(--custom-vw) * 12) calc(var(--custom-vw) * 70);
  }
}
@media (max-width: 1790px) and (max-width: 1024px) {
  .wprod_talent_card--name {
    min-height: calc(var(--custom-rem) * 54);
    font-size: calc(var(--custom-rem) * 14);
    padding: calc(var(--custom-rem) * 8) calc(var(--custom-rem) * 46);
  }
}
@media (max-width: 1790px) and (max-width: 1024px) and (max-width: 834) {
  .wprod_talent_card--name {
    padding: calc(var(--custom-rem) * 8) calc(var(--custom-rem) * 76);
  }
}
@media (max-width: 768px) {
  .wprod_talent_card--name {
    min-height: calc(var(--custom-rem) * 40) !important;
    font-size: calc(var(--custom-rem) * 12) !important;
    padding: calc(var(--custom-rem) * 4) calc(var(--custom-rem) * 20) !important;
  }
}

/* ----------------------------------------

タレント一覧ページ

---------------------------------------- */
.category-page .contents {
  width: 100%;
  background-image: url("../img/body_bg_page.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .category-page .contents {
    background-size: 1140px auto;
    background-position: right 0;
  }
}
.category-page .wprod_column {
  width: 1668px;
  max-width: 100%;
  padding-top: 60px;
  margin: 0 auto;
}

.category-talent .contents {
  background-image: url("../img/bg_rainbow.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
.category-talent .contents .container {
  display: block;
}
@media (max-width: 768px) {
  .category-talent .wprod_talent_ex {
    padding-top: 50px;
  }
}
.category-talent .wprod_talent_ex .wprod_ttl_bg {
  margin-bottom: 50px;
}
@media (min-width: 769px) {
  .category-talent .wprod_talent_ex .base {
    width: 1476px;
  }
}
@media (max-width: 768px) {
  .category-talent .wprod_talent_ex .base {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  .category-talent .wprod_talent_ex--list {
    gap: 50px 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .category-talent .wprod_talent_ex--list > li {
    width: calc((100% - 1px - 90px) / 4);
  }
}

/* ----------------------------------------

商品一覧ページ

---------------------------------------- */
.wprod_category_list {
  padding-top: 0;
}
@media (min-width: 769px) {
  .wprod_category_list .wprod_ttl_bg {
    -webkit-justify-content: flex-start; /*横方向（Safari用）*/
    justify-content: flex-start; /*横方向*/
  }
  .wprod_category_list .wprod_ttl_bg--small {
    text-align: left;
  }
}

/* スライド
------------------------------- */
.wprod_talent_slide--wrap {
  display: none;
}
.main-category-talent .wprod_talent_slide--wrap {
  display: block;
}
.wprod_talent_slide--img {
  display: block;
  width: 33.3333333333vw !important;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media (max-width: 768px) {
  .wprod_talent_slide--img {
    width: 100vw !important;
  }
}

/*縦長の場合*/
.wprod_talent_slide._vertical .wprod_talent_slide--img {
  width: 33.3333333333vw !important;
  aspect-ratio: 640/1080;
}
@media (max-width: 768px) {
  .wprod_talent_slide._vertical .wprod_talent_slide--img {
    width: 33.3333333333vw !important;
  }
}

/* ページャー
------------------------------- */
.wprod_pager {
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  margin-top: 80px;
}
.wprod_pager .pager {
  gap: 20px;
}
.wprod_pager .pager > li {
  margin: 0;
}
.wprod_pager .pager > li a, .wprod_pager .pager > li span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 40px;
  aspect-ratio: 1/1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  background-color: #fff;
}
.wprod_pager .pager > li a.current, .wprod_pager .pager > li span.current {
  color: #fff;
  background-color: #333;
}

/* ----------------------------------------

商品詳細 product-detail-page

---------------------------------------- */
.product-detail-page .contents {
  width: 1520px;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.product-detail-page .wprod_column {
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
}
.product-detail-page .wprod_column .wprod_item_img {
  width: 755px;
  max-width: calc((100% - 36px) / 2);
}
@media (max-width: 834px) {
  .product-detail-page .wprod_column .wprod_item_img {
    width: 100%;
    max-width: none;
  }
}
.product-detail-page .wprod_column .wprod_item_detail {
  width: calc(100% - 60px - 755px);
  min-width: calc((100% - 36px) / 2);
  padding-left: 0;
}
@media (max-width: 834px) {
  .product-detail-page .wprod_column .wprod_item_detail {
    width: 100%;
    max-width: none;
  }
}

.breadcrumb {
  padding: 50px 20px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .breadcrumb {
    padding: 16px 10px;
    font-size: 14px;
    margin: 0;
  }
}
.breadcrumb-item::after {
  content: "/";
}

.wprod_item_img {
  position: relative;
}
.wprod_item_img .main-image {
  width: 100%;
  margin: 0;
  float: none;
}
.wprod_item_img .gallery .slick-arrow {
  display: block !important;
  width: 0;
  height: 0;
  border: 0;
  top: 50%;
  transform: rotate(0);
}
.wprod_item_img .gallery .slick-arrow::before {
  content: "";
  display: block;
  width: 40px;
  height: auto;
  aspect-ratio: 1/1;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 768px) {
  .wprod_item_img .gallery .slick-arrow::before {
    width: 30px;
  }
}
.wprod_item_img .gallery .slick-arrow::after {
  display: none;
}
.wprod_item_img .gallery .slick-arrow.slick-prev::before {
  background-image: url("../img/arrow_slide_l.png");
  left: 15px;
}
@media (max-width: 768px) {
  .wprod_item_img .gallery .slick-arrow.slick-prev::before {
    left: 10px;
  }
}
.wprod_item_img .gallery .slick-arrow.slick-next::before {
  background-image: url("../img/arrow_slide_r.png");
  left: -15px;
}
@media (max-width: 768px) {
  .wprod_item_img .gallery .slick-arrow.slick-next::before {
    left: -10px;
  }
}
.wprod_item_img .choice-btn {
  margin: 30px 0 0;
}
@media (max-width: 768px) {
  .wprod_item_img .choice-btn {
    margin: 20px 0 0;
  }
}
.wprod_item_img .choice-btn .slick-track {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 768px) {
  .wprod_item_img .choice-btn .slick-track {
    gap: 7px;
  }
}
.wprod_item_img .choice-btn .slick-track .slick-slide {
  width: calc((100% - 1px - 60px) / 7) !important;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #fff;
  margin: 0;
}
@media (max-width: 768px) {
  .wprod_item_img .choice-btn .slick-track .slick-slide {
    width: calc((100% - 1px - 28px) / 5) !important;
  }
}
.wprod_item_img .choice-btn .slick-track .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}
.wprod_item_img .choice-btn .slick-track .slick-slide.slick-current {
  position: relative;
}
.wprod_item_img .choice-btn .slick-track .slick-slide.slick-current::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #333;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
}

/*タイトル周り*/
.wprod_item_detail .item-title--ttl, .wprod_item_detail .item-title .item-category-name {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.6666666667;
  letter-spacing: 0.075em;
}
@media (max-width: 768px) {
  .wprod_item_detail .item-title--ttl, .wprod_item_detail .item-title .item-category-name {
    font-size: 18px;
  }
}
.wprod_item_detail .item-title--tag {
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .wprod_item_detail .item-title--tag {
    font-size: 14px;
  }
}
.wprod_item_detail .item-title--tag a {
  color: #e195c5;
}
.wprod_item_detail .item-icon-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}
.wprod_item_detail .item-icon-list img {
  display: block;
  width: auto;
  height: 25px;
}
@media (max-width: 768px) {
  .wprod_item_detail .item-price-wrap {
    margin-top: 24px;
  }
}
@media (max-width: 768px) {
  .wprod_item_detail .item-price-wrap .item-price {
    font-size: 24px;
  }
}

.wprod_item_description {
  margin-top: 14px;
}
.wprod_item_description--in {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.075em;
  color: #ff0000;
  background-color: #fff;
  padding: 24px 20px;
}
@media (max-width: 768px) {
  .wprod_item_description--in {
    font-size: 13px;
    padding: 14px 10px;
  }
}

/*数量選択*/
.wprod_item_quantity {
  margin-top: 50px;
}
.wprod_item_quantity--block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.wprod_item_quantity--block--text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.075em;
}
.wprod_item_quantity .quantity-box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wprod_item_quantity .quantity-box input {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  border: 0;
  background-color: transparent;
  margin: 0 6px;
}
.wprod_item_quantity .quantity-box button {
  display: block;
  height: 50px;
  border: 0;
  background-color: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
@media (min-width: 769px) {
  .wprod_item_quantity .quantity-box button:hover {
    opacity: 0.7;
  }
}
.wprod_item_quantity .quantity-box button img {
  display: block;
  width: 100%;
}

/*購入まわり*/
.wprod_item_detail .add-cart .btn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  height: 70px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  background-color: #333;
  border-radius: 70px;
  padding: 5px;
  margin: 0;
  position: relative;
}
.wprod_item_detail .add-cart .add-cart-btn {
  color: #fff;
  background-color: #333;
}
.wprod_item_detail .add-cart .add-cart-btn::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 30/31;
  background-image: url("../img/ico_cart.png");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.wprod_item_detail .modal-open {
  width: 100%;
}
.wprod_item_detail .modal-open .favorite {
  display: none;
}
.wprod_item_detail .modal-wrapper {
  box-sizing: content-box;
}
.wprod_item_detail .modal-wrapper .modal-order {
  background: #e195c5;
}

/*商品説明*/
.wprod_item_description_main {
  border-top: 2px solid #7f7f7f;
  border-bottom: 2px solid #7f7f7f;
  margin: 50px 0 30px;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .wprod_item_description_main {
    margin: 50px 0 0;
  }
}
.wprod_item_description_main--ttl {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.075em;
  margin-bottom: 14px;
}
.wprod_item_description_main--inner {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.075em;
}
.wprod_item_description_main + .wprod_item_description_main {
  border-top: 0;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
}
@media (max-width: 768px) {
  .wprod_item_description_main + .wprod_item_description_main {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

.item-contact {
  display: none;
}
.item-contact::before {
  display: none;
}

.wprod_system_code {
  display: none;
}

@media (max-width: 768px) {
  .wprod_add_image_section {
    margin-bottom: 30px;
  }
}
.wprod_add_image_section .add-image {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.wprod_add_image_section .add-image-list {
  display: block;
  width: calc((100% - 1px - 40px) / 3);
  margin: 0;
}
@media (max-width: 768px) {
  .wprod_add_image_section .add-image-list {
    width: 100%;
  }
}
.wprod_add_image_section .add-image-list img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .wprod_add_image_section .add-image-list img {
    max-width: 90%;
  }
}
.wprod_add_image_section .add-description {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.075em;
  padding: 10px;
}
@media (max-width: 768px) {
  .wprod_add_image_section .add-description {
    font-size: 13px;
    padding: 10px 20px;
  }
}

/*利用案内*/
.wprod_product_use_guid {
  background-color: #fff;
  margin-top: 80px;
  padding: 60px 0;
}
@media (max-width: 1560px) {
  .wprod_product_use_guid {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1560px) and (max-width: 768px) {
  .wprod_product_use_guid {
    background-color: transparent;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    padding: 0;
  }
}
.wprod_product_use_guid .base {
  width: 1440px;
}
.wprod_product_use_guid--list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 0;
}
@media (max-width: 768px) {
  .wprod_product_use_guid--list {
    gap: 0;
  }
}
.wprod_product_use_guid--list > li {
  width: 305px;
  max-width: calc((100% - 1px - 60px) / 4);
}
@media (max-width: 1024px) {
  .wprod_product_use_guid--list > li {
    width: calc((100% - 1px - 40px) / 2);
    max-width: none;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .wprod_product_use_guid--list > li {
    width: 100%;
    padding: 25px 0;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
  }
  .wprod_product_use_guid--list > li + li {
    border-top: 0;
  }
}
.wprod_product_use_guid--img {
  margin: 0 0 20px;
}
@media (max-width: 768px) {
  .wprod_product_use_guid--img {
    display: none;
  }
}
.wprod_product_use_guid--img img {
  display: block;
  width: 120px;
  margin: 0 auto;
}
.wprod_product_use_guid--ttl {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  color: #e195c5;
  text-align: center;
  border-bottom: 1px solid #e195c5;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .wprod_product_use_guid--ttl {
    text-align: left;
    border-bottom: 0;
    padding-bottom: 0;
    padding-right: 30px;
    margin-bottom: 0;
    position: relative;
  }
  .wprod_product_use_guid--ttl::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #e195c5;
    position: absolute;
    top: 50%;
    right: 0;
  }
  .wprod_product_use_guid--ttl::after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #e195c5;
    position: absolute;
    top: 50%;
    right: 0;
    transform: rotate(90deg);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .wprod_product_use_guid--ttl._open::after {
    transform: rotate(0);
  }
}
.wprod_product_use_guid--desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7857142857;
}
@media (max-width: 768px) {
  .wprod_product_use_guid--desc {
    font-size: 15px;
    padding-top: 15px;
  }
}
.wprod_product_use_guid--desc a {
  color: #006cff !important;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .js_side_aco_block_sp {
    display: none;
  }
}

/*おすすめアイテム*/
.wprod_recommend_item .wprod_product_card--icon {
  display: none;
}

@media (min-width: 1201px) {
  .product-detail-page .wprod_recommend_item .base, .product-detail-page .wprod_recently_item .base {
    width: 1560px;
  }
  .product-detail-page .wprod_recommend_item .wprod_item_list--block, .product-detail-page .wprod_recently_item .wprod_item_list--block {
    gap: 50px 26px;
  }
  .product-detail-page .wprod_recommend_item .wprod_item_list--item, .product-detail-page .wprod_recently_item .wprod_item_list--item {
    width: calc((100% - 1px - 78px) / 4);
  }
  .product-detail-page .wprod_recommend_item {
    padding: 92px 0 0;
  }
}
@media (max-width: 768px) {
  .product-detail-page .wprod_recommend_item, .product-detail-page .wprod_recently_item {
    padding-top: 60px;
  }
  .product-detail-page .wprod_recommend_item .base, .product-detail-page .wprod_recently_item .base {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*バリエーション選択*/
#js_sku_block {
  display: none;
}

.wprod_item_option {
  width: 100%;
}
.wprod_item_option--bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}
.wprod_item_option--base {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 120px 20px 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .wprod_item_option--base {
    height: 100dvh;
    padding: 70px 10px 20px;
  }
}
.wprod_item_option--base .inner {
  width: 1000px;
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
  border-radius: 20px;
  border-top: 60px solid #fff;
  padding: 0 60px 100px;
  position: relative;
  overflow-y: scroll;
}
@media (max-width: 768px) {
  .wprod_item_option--base .inner {
    border-top: 30px solid #fff;
    padding: 0 20px 20px;
  }
}
.wprod_item_option--head {
  width: 100%;
  background-color: #fff;
  padding-bottom: 18px;
  margin-bottom: 18px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.wprod_item_option--ttl {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.075em;
  color: #e195c5;
}
@media (max-width: 768px) {
  .wprod_item_option--ttl {
    font-size: 22px;
  }
}
.wprod_item_option--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .wprod_item_option--close {
    width: 26px;
    height: 26px;
    top: 3px;
    right: 0;
  }
}
.wprod_item_option--close::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.wprod_item_option--close::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.wprod_item_option .sku-option-title {
  font-size: 18px;
}
.wprod_item_option .add-cart-btn {
  cursor: pointer;
}
@media (min-width: 769px) {
  .wprod_item_option .add-cart-btn:hover {
    opacity: 0.7;
  }
}
.wprod_item_option .add-cart-btn::before {
  display: none !important;
}
.wprod_item_option .sku {
  width: 100%;
  table-layout: auto;
}
.wprod_item_option .sku td {
  padding: 20px 0;
  border-bottom: 1px solid #333333;
}
@media (max-width: 768px) {
  .wprod_item_option .sku td {
    padding: 10px 0;
  }
}
.wprod_item_option .sku td.sku-option-name {
  width: 180px;
  font-size: 18px;
}
@media (max-width: 768px) {
  .wprod_item_option .sku td.sku-option-name {
    width: 160px;
    font-size: 14px;
  }
}
.wprod_item_option .sku--inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: flex-end; /*横方向（Safari用）*/
  justify-content: flex-end; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.wprod_item_option .sku--inner .modal-open {
  width: auto;
}
@media (max-width: 768px) {
  .wprod_item_option .sku--inner .modal-open {
    width: 100%;
  }
}
.wprod_item_option .sku--inner .add-cart-btn {
  width: 160px;
  height: 50px;
  font-size: 16px !important;
}
@media (max-width: 768px) {
  .wprod_item_option .sku--inner .add-cart-btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 30px;
    font-size: 12px !important;
    padding: 0 !important;
  }
}

/* ----------------------------------------

下層ページ

---------------------------------------- */
.under-page .contents {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.under-page .container {
  width: 100%;
  padding: 112px 0 100px;
}
@media (max-width: 768px) {
  .under-page .container {
    padding: 42px 0 50px;
  }
}
.under-page .base {
  width: 1240px;
}
@media (max-width: 768px) {
  .under-page .base {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ----------------------------------------

よくあるご質問

---------------------------------------- */
.page-faq .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-faq .contents {
    background-image: none;
  }
}

.wprod_faq .wprod_ttl_bg {
  margin-bottom: 49px;
}
@media (max-width: 768px) {
  .wprod_faq .wprod_ttl_bg {
    margin-bottom: 50px;
  }
}
.wprod_faq--item + .wprod_faq--item {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .wprod_faq--item + .wprod_faq--item {
    margin-top: 30px;
  }
}
.wprod_faq--ttl {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.075em;
  background-color: #fff;
  border-radius: 10px;
  padding: 22px 80px;
  background-image: url("../img/ttl_bg_Q.png");
  background-size: 100px auto;
  background-position: -47px -47px;
  background-repeat: no-repeat;
  box-shadow: 0 4px 6px 0 rgba(103, 146, 230, 0.2);
  position: relative;
}
@media (max-width: 768px) {
  .wprod_faq--ttl {
    font-size: 16px;
    background-image: url("../img/ttl_bg_Q_sp.png");
    background-position: -56px -58px;
    padding: 18px 30px 16px 40px;
  }
}
.wprod_faq--ttl .wprod_faq--ico {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}
@media (max-width: 768px) {
  .wprod_faq--ttl .wprod_faq--ico {
    right: 8px;
  }
}
.wprod_faq--ttl._open .wprod_faq--ico::after {
  -webkit-transform: translateY(-50%) translateX(0) rotate(0);
  transform: translateY(-50%) translateX(0) rotate(0);
}
.wprod_faq--ico {
  display: block;
  width: 25px;
  aspect-ratio: 1/1;
  position: relative;
}
@media (max-width: 768px) {
  .wprod_faq--ico {
    width: 16px;
  }
}
.wprod_faq--ico::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #6792e6;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}
.wprod_faq--ico::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #6792e6;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) translateX(0) rotate(90deg);
  transform: translateY(-50%) translateX(0) rotate(90deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.wprod_faq--desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #e195c5;
  background-image: url("../img/ttl_bg_A_sp.png");
  background-size: 40px auto;
  background-position: 0 30px;
  background-repeat: no-repeat;
  padding: 34px 40px 28px 77px;
}
@media (max-width: 768px) {
  .wprod_faq--desc {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.05em;
    background-size: 30px auto;
    background-position: 0 20px;
    padding: 61px 0 16px 0;
  }
}

/* ----------------------------------------

利用規約

---------------------------------------- */
.page-terms-of-service .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-terms-of-service .contents {
    background-image: none;
  }
}

.wprod_terms_of_service .wprod_ttl_bg {
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .wprod_terms_of_service .wprod_ttl_bg {
    margin-bottom: 6px;
  }
}
.wprod_terms_of_service h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e195c5;
  margin: 35px 0 16px;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_terms_of_service h2 {
    font-size: 20px;
    margin: 35px 0 6px;
  }
}
.wprod_terms_of_service p {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 -1em 0 0;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_terms_of_service p {
    margin: 0;
  }
}
.wprod_terms_of_service a {
  color: #6792e6 !important;
}

/* ----------------------------------------

プライバシーポリシー

---------------------------------------- */
.page-policy .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-policy .contents {
    background-image: none;
  }
}

.wprod_policy .wprod_ttl_bg {
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .wprod_policy .wprod_ttl_bg {
    margin-bottom: 6px;
  }
}
.wprod_policy h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e195c5;
  margin: 35px 0 16px;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_policy h2 {
    font-size: 20px;
    margin: 35px 0 6px;
  }
}
.wprod_policy p {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 -1em 0 0;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_policy p {
    margin: 0;
  }
}
.wprod_policy a {
  color: #6792e6 !important;
}

/* ----------------------------------------

特定商取引法に基づく表記

---------------------------------------- */
.page-contract .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-contract .contents {
    background-image: none;
  }
}

.wprod_contract .wprod_ttl_bg {
  margin-bottom: 66px;
}
@media (max-width: 768px) {
  .wprod_contract .wprod_ttl_bg {
    margin-bottom: 33px;
  }
  .wprod_contract .wprod_ttl_bg span {
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.wprod_contract h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e195c5;
  margin: 35px 0 16px;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_contract h2 {
    font-size: 20px;
    margin: 29px 0 10px;
  }
}
.wprod_contract p {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 -1em 0 0;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_contract p {
    line-height: 1.5;
    margin: 0;
  }
}
.wprod_contract a {
  color: #6792e6 !important;
}

/* ----------------------------------------

買い物かご

---------------------------------------- */
.page-cart .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-cart .contents {
    background-image: none;
  }
}
.page-cart .container {
  display: block;
}

.wprod_cart .wprod_ttl_bg {
  margin-bottom: 66px;
}
@media (max-width: 768px) {
  .wprod_cart .wprod_ttl_bg {
    margin-bottom: 33px;
  }
  .wprod_cart .wprod_ttl_bg span {
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.wprod_cart .cart-list-table tbody tr {
  border-bottom: 1px solid rgba(225, 149, 197, 0.3);
}
.wprod_cart .cart-list-table th {
  font-size: 16px;
  font-weight: 400;
  background: rgba(225, 149, 197, 0.3);
}
.wprod_cart .cart-total {
  background: rgba(225, 149, 197, 0.3);
}
.wprod_cart .item-cart-delete a {
  letter-spacing: 0.05em;
  background-color: rgba(225, 149, 197, 0.3);
  border: 1px solid rgba(225, 149, 197, 0.3);
}
.wprod_cart .cart-button-wrap .cart-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 280px;
  max-width: 100%;
  height: 72px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #fff !important;
  background-color: #333;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_cart .cart-button-wrap .cart-button a {
    width: 220px;
    height: 60px;
    font-size: 14px;
  }
}
.wprod_cart .cart-button-wrap .cart-button a .link_ico {
  background-color: #fff;
}
.wprod_cart .cart-button-wrap .cart-button a {
  display: inline-flex;
  margin: 0 0 20px;
}
.wprod_cart .incart-total-item {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

/* ----------------------------------------

ご利用ガイド

---------------------------------------- */
.page-guide .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-guide .contents {
    background-image: none;
  }
}

.wprod_guide .wprod_ttl_bg {
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .wprod_guide .wprod_ttl_bg {
    margin-bottom: 6px;
  }
}
.wprod_guide h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e195c5;
  margin: 35px 0 16px;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_guide h2 {
    font-size: 20px;
    margin: 35px 0 6px;
  }
}
.wprod_guide p, .wprod_guide pre {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 0 0;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_guide p, .wprod_guide pre {
    margin: 0;
  }
}
.wprod_guide a {
  color: #6792e6 !important;
}

/* ----------------------------------------

会社概要

---------------------------------------- */
.page-company .contents {
  background-image: url("../img/body_bg_under.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .page-company .contents {
    background-image: none;
  }
}

.wprod_company .wprod_ttl_bg {
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .wprod_company .wprod_ttl_bg {
    margin-bottom: 6px;
  }
}
.wprod_company h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e195c5;
  margin: 35px 0 16px;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_company h2 {
    font-size: 20px;
    margin: 35px 0 6px;
  }
}
.wprod_company p {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 0 0;
  padding: 0;
}
@media (max-width: 768px) {
  .wprod_company p {
    margin: 0;
  }
}
.wprod_company a {
  color: #6792e6 !important;
}

/* ----------------------------------------

ランキング

---------------------------------------- */
.wprod_ranking_list {
  overflow: visible;
  margin: 0 auto 44px;
}
@media (max-width: 768px) {
  .wprod_ranking_list {
    margin: 0 auto 40px;
  }
}
.wprod_ranking_list .slick-slide {
  padding: 0 20px;
}
@media (min-width: 769px) {
  .wprod_ranking_list .slick-slide {
    width: 400px !important;
  }
}
@media (max-width: 768px) {
  .wprod_ranking_list .slick-slide {
    padding: 0 10px;
  }
}
.wprod_ranking_list .wprod_product_card--img {
  aspect-ratio: 52/32;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .wprod_ranking_list .wprod_product_card--img {
    aspect-ratio: 370/228;
  }
}
.wprod_ranking_list .wprod_product_card--name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.wprod_ranking_list .ranking-icon {
  width: 30px;
  vertical-align: sub;
  color: #fff;
  background-color: #6a6a6a;
  border-radius: 0;
  top: 0;
  left: 0;
}
.wprod_ranking_list .ranking-icon.rank-1 {
  background-color: #c9b96a;
}
.wprod_ranking_list .ranking-icon.rank-2 {
  background-color: #8b9fa3;
}
.wprod_ranking_list .ranking-icon.rank-3 {
  background-color: #cd897f;
}
.wprod_ranking_list .slick-dots {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 32px 0 0;
  position: absolute;
  top: 100%;
  left: 0;
}
@media (max-width: 768px) {
  .wprod_ranking_list .slick-dots {
    padding: 28px 0 0;
  }
}
.wprod_ranking_list .slick-dots > li {
  margin: 0 10px;
}
.wprod_ranking_list .slick-dots button {
  display: block;
  width: 12px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #e195c5;
  opacity: 0.2;
  cursor: pointer;
}
.wprod_ranking_list .slick-dots .slick-active button {
  background-color: #e195c5 !important;
  opacity: 1;
}
.wprod_ranking_list .slick-arrow {
  top: 110px;
  width: 0;
  height: 0;
  transform: rotate(0) !important;
}
@media (max-width: 768px) {
  .wprod_ranking_list .slick-arrow {
    top: 114px;
  }
}
.wprod_ranking_list .slick-arrow::before {
  content: "";
  display: block;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50px;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 768px) {
  .wprod_ranking_list .slick-arrow::before {
    width: 30px;
    opacity: 0.8;
  }
}
.wprod_ranking_list .slick-arrow::after {
  display: none;
}
.wprod_ranking_list .slick-arrow.slick-prev {
  left: -40px;
}
@media only screen and (max-width: 1820px) {
  .wprod_ranking_list .slick-arrow.slick-prev {
    left: 10px;
  }
}
@media (max-width: 768px) {
  .wprod_ranking_list .slick-arrow.slick-prev {
    left: 30px;
  }
}
.wprod_ranking_list .slick-arrow.slick-prev::before {
  background-image: url("../img/arrow_slide_l_pk.png");
}
.wprod_ranking_list .slick-arrow.slick-next {
  right: -40px;
}
@media only screen and (max-width: 1820px) {
  .wprod_ranking_list .slick-arrow.slick-next {
    right: 10px;
  }
}
@media (max-width: 768px) {
  .wprod_ranking_list .slick-arrow.slick-next {
    right: 30px;
  }
}
.wprod_ranking_list .slick-arrow.slick-next::before {
  background-image: url("../img/arrow_slide_r_pk.png");
}
@media (min-width: 769px) {
  .wprod_ranking_list.js_cate_rank_slide .slick-list {
    margin-left: -20px;
  }
}

/* おすすめ商品
------------------------------- */
.wprod_feature_list {
  overflow: hidden;
  padding: 60px 0 30px;
}
@media (max-width: 768px) {
  .wprod_feature_list {
    padding: 10px 0 72px;
  }
}
.wprod_feature_list .base {
  width: 1432px;
}
@media (max-width: 768px) {
  .wprod_feature_list .base {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.wprod_feature_list .wprod_ranking_list {
  width: 100%;
}
@media (min-width: 924px) {
  .wprod_feature_list .wprod_ranking_list {
    min-height: 474px;
  }
}
@media (max-width: 768px) {
  .wprod_feature_list .wprod_ranking_list {
    width: 100vw;
    margin-left: -10px;
  }
}
.wprod_feature_list .wprod_ranking_list .slick-track {
  transition: 0.8s;
}
.wprod_feature_list .wprod_ranking_list .slick-slide {
  padding: 0 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
@media (min-width: 924px) {
  .wprod_feature_list .wprod_ranking_list .slick-slide {
    width: 540px !important;
  }
}
@media (min-width: 924px) {
  .wprod_feature_list .wprod_ranking_list .slick-slide:not(.slick-current) {
    width: 416px !important;
    padding-top: 32px;
  }
}
.wprod_feature_list .wprod_ranking_list .slick-arrow {
  top: 160px;
  width: 0;
  height: 0;
  transform: rotate(0) !important;
}
@media (max-width: 768px) {
  .wprod_feature_list .wprod_ranking_list .slick-arrow {
    top: 114px;
  }
}
.wprod_feature_list .wprod_ranking_list .slick-arrow::before {
  content: "";
  display: block;
  width: 50px;
  aspect-ratio: 1/1;
  border-radius: 50px;
  background-color: #000;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 768px) {
  .wprod_feature_list .wprod_ranking_list .slick-arrow::before {
    width: 30px;
    opacity: 0.8;
  }
}
.wprod_feature_list .wprod_ranking_list .slick-arrow::after {
  display: none;
}
.wprod_feature_list .wprod_ranking_list .slick-arrow.slick-prev {
  left: -20px;
}
@media only screen and (max-width: 1820px) {
  .wprod_feature_list .wprod_ranking_list .slick-arrow.slick-prev {
    left: 10px;
  }
}
@media (max-width: 768px) {
  .wprod_feature_list .wprod_ranking_list .slick-arrow.slick-prev {
    left: 30px;
  }
}
.wprod_feature_list .wprod_ranking_list .slick-arrow.slick-prev::before {
  background-image: url("../img/arrow_slide_l.png");
}
.wprod_feature_list .wprod_ranking_list .slick-arrow.slick-next {
  right: -20px;
}
@media only screen and (max-width: 1820px) {
  .wprod_feature_list .wprod_ranking_list .slick-arrow.slick-next {
    right: 10px;
  }
}
@media (max-width: 768px) {
  .wprod_feature_list .wprod_ranking_list .slick-arrow.slick-next {
    right: 30px;
  }
}
.wprod_feature_list .wprod_ranking_list .slick-arrow.slick-next::before {
  background-image: url("../img/arrow_slide_r.png");
}

/* カテゴリーおすすめ商品・ランキング
------------------------------- */
.wprod_category_recommend_list {
  padding-bottom: 72px;
}
@media (min-width: 769px) {
  .wprod_category_recommend_list .wprod_ttl_bg {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .wprod_category_recommend_list .wprod_ttl_bg--small {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .wprod_category_recommend_list .base {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .wprod_category_recommend_list .wprod_ranking_list {
    width: 100vw;
    margin-left: -10px;
  }
}
/* ----------------------------------------

お知らせ

---------------------------------------- */
/* 一覧
------------------------------- */
.news-page .contents {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.news-page .wprod_column {
  width: 1668px;
  max-width: 100%;
  padding-top: 60px;
  margin: 0 auto;
}
.news-page .wprod_news_ex {
  padding-top: 0;
}

/* 詳細
------------------------------- */
@media (max-width: 768px) {
  .wprod_news_detail .base {
    padding-left: 0;
    padding-right: 0;
  }
}
.wprod_news_detail .news-head {
  border-left: 4px solid #e195c5;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .wprod_news_detail .news-head {
    padding-left: 10px;
  }
}
.wprod_news_detail .news-head .news-list-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #e195c5 !important;
  margin: 0;
}
.wprod_news_detail .news-head .news-title {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.075em;
  margin: 0;
  font-size: 20px;
}
.wprod_news_detail .news-content-wrap {
  border-top: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  margin: 15px auto 60px;
  padding: 46px 0;
}
@media (max-width: 768px) {
  .wprod_news_detail .news-content-wrap {
    margin: 20px auto 50px;
    padding: 26px 0;
  }
}
.wprod_news_detail--content {
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .wprod_news_detail--content {
    font-size: 16px;
    line-height: 2;
  }
}
.wprod_news_detail--content img {
  height: auto !important;
}
.wprod_news_detail--content a {
  color: #6792e6 !important;
  text-decoration: underline;
}
.wprod_news_detail--content {
  /* bidi */
  /* https://html.spec.whatwg.org/#bidi-rendering */
  /* To ensure http://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi:
   *
   * "When a block element that does not have a dir attribute is transformed to
   * the style of an inline element by a style sheet, the resulting presentation
   * should be equivalent, in terms of bidirectional formatting, to the
   * formatting obtained by explicitly adding a dir attribute (assigned the
   * inherited value) to the transformed element."
   *
   * and the rules in http://dev.w3.org/html5/spec/rendering.html#rendering
   */
  /* We need the "bdo:-moz-has-dir-attr" bit because "bdo" has lower
     specificity than the ":-moz-has-dir-attr" selector above. */
  /* blocks */
  /* tables */
  /* border collapse rules */
  /* Set hidden if we have 'frame' or 'rules' attribute.
     Set it on all sides when we do so there's more consistency
     in what authors should expect */
  /* Put this first so 'border' and 'frame' rules can override it. */
  /* 'border' before 'frame' so 'frame' overrides
      A border with a given value should, of course, pass that value
      as the border-width in pixels -> attr mapping */
  /* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it
     also checks for other zero-like values according to HTML attribute
     parsing rules */
  /* specificity must beat table:-moz-table-border-nonzero rule above */
  /* Internal Table Borders */
  /* 'border' cell borders first */
  /* collapse only if rules are really specified */
  /* only specified rules override 'border' settings
    (increased specificity to achieve this) */
  /* caption inherits from table not table-outer */
  /* for XHTML tables without tbody */
  /* inlines */
  /* titles */
  /* lists */
  /* nested lists have no top/bottom margins */
  /* 2 deep unordered lists use a circle */
  /* 3 deep (or more) unordered lists use a square */
  /* leafs */
  /* <hr> noshade and color attributes are handled completely by
   * HTMLHRElement::MapAttributesIntoRule.
   * https://html.spec.whatwg.org/#the-hr-element-2
   */
  /* Note that we only intend for the alt content to show up if the image is
   * broken. But non-broken images/inputs will have a replaced box, and thus we
   * won't we don't generate the pseudo-element anyways. This prevents
   * unnecessary reframing when images become broken / non-broken. */
  /* hidden elements: https://html.spec.whatwg.org/#hidden-elements
   *
   * Exceptions:
   *
   *  * area declaration needs to be !important, see below / bug 135040.  That's
   *    hacky and broken.
   *
   *  * [hidden] is implemented as a presentation attribute to avoid a global
   *    selector in a UA sheet.
   */
  /* Details and summary
   * https://html.spec.whatwg.org/#the-details-and-summary-elements
   *
   * Note that these rules need to be duplicated in details.css for the anonymous
   * summary, which wouldn't match otherwise.
   *
   * The spec here says something different, see
   * https://github.com/whatwg/html/issues/8610
   */
  /* media elements */
  /**
   * The pseudo element won't inherit CSS styles from its direct parent, `::cue`
   * would actually inherit styles from video because it's video's pseudo element.
   * Therefore, we have to explicitly set some styles which are already defined
   * in its parent element in vtt.sys.mjs.
   */
  /* <dialog> element styles */
  /* https://html.spec.whatwg.org/#flow-content-3 */
  /* https://html.spec.whatwg.org/#the-marquee-element-2 */
  /* Ruby */
  /* Shadow DOM v1
   * https://drafts.csswg.org/css-scoping/#slots-in-shadow-tree */
  /* Hide noscript elements if scripting is enabled */
  /* Popover UA style, https://html.spec.whatwg.org/#flow-content-3 */
  /* Editor support */
}
.wprod_news_detail--content :-moz-has-dir-attr {
  unicode-bidi: isolate;
}
.wprod_news_detail--content :-moz-dir-attr-rtl {
  direction: rtl;
}
.wprod_news_detail--content :-moz-dir-attr-ltr {
  direction: ltr;
}
.wprod_news_detail--content :-moz-dir-attr-like-auto:dir(ltr) {
  direction: ltr;
}
.wprod_news_detail--content :-moz-dir-attr-like-auto:dir(rtl) {
  direction: rtl;
}
.wprod_news_detail--content input[type=tel]:dir(ltr) {
  direction: ltr;
}
.wprod_news_detail--content address,
.wprod_news_detail--content article,
.wprod_news_detail--content aside,
.wprod_news_detail--content blockquote,
.wprod_news_detail--content body,
.wprod_news_detail--content caption,
.wprod_news_detail--content center,
.wprod_news_detail--content col,
.wprod_news_detail--content colgroup,
.wprod_news_detail--content dd,
.wprod_news_detail--content dir,
.wprod_news_detail--content div,
.wprod_news_detail--content dl,
.wprod_news_detail--content dt,
.wprod_news_detail--content fieldset,
.wprod_news_detail--content figcaption,
.wprod_news_detail--content figure,
.wprod_news_detail--content footer,
.wprod_news_detail--content form,
.wprod_news_detail--content h1,
.wprod_news_detail--content h2,
.wprod_news_detail--content h3,
.wprod_news_detail--content h4,
.wprod_news_detail--content h5,
.wprod_news_detail--content h6,
.wprod_news_detail--content header,
.wprod_news_detail--content hgroup,
.wprod_news_detail--content hr,
.wprod_news_detail--content html,
.wprod_news_detail--content legend,
.wprod_news_detail--content li,
.wprod_news_detail--content listing,
.wprod_news_detail--content main,
.wprod_news_detail--content marquee,
.wprod_news_detail--content menu,
.wprod_news_detail--content nav,
.wprod_news_detail--content noframes,
.wprod_news_detail--content ol,
.wprod_news_detail--content p,
.wprod_news_detail--content plaintext,
.wprod_news_detail--content pre,
.wprod_news_detail--content search,
.wprod_news_detail--content section,
.wprod_news_detail--content summary,
.wprod_news_detail--content table,
.wprod_news_detail--content tbody,
.wprod_news_detail--content td,
.wprod_news_detail--content tfoot,
.wprod_news_detail--content th,
.wprod_news_detail--content thead,
.wprod_news_detail--content tr,
.wprod_news_detail--content ul,
.wprod_news_detail--content xmp {
  unicode-bidi: isolate;
}
.wprod_news_detail--content bdi, .wprod_news_detail--content output {
  unicode-bidi: isolate;
}
.wprod_news_detail--content bdo, .wprod_news_detail--content bdo:-moz-has-dir-attr {
  unicode-bidi: isolate-override;
}
.wprod_news_detail--content textarea:-moz-dir-attr-like-auto,
.wprod_news_detail--content pre:-moz-dir-attr-like-auto {
  unicode-bidi: plaintext;
}
.wprod_news_detail--content article,
.wprod_news_detail--content aside,
.wprod_news_detail--content details,
.wprod_news_detail--content div,
.wprod_news_detail--content dt,
.wprod_news_detail--content figcaption,
.wprod_news_detail--content footer,
.wprod_news_detail--content form,
.wprod_news_detail--content header,
.wprod_news_detail--content hgroup,
.wprod_news_detail--content html,
.wprod_news_detail--content main,
.wprod_news_detail--content nav,
.wprod_news_detail--content search,
.wprod_news_detail--content section,
.wprod_news_detail--content summary {
  display: block;
}
.wprod_news_detail--content p, .wprod_news_detail--content dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.wprod_news_detail--content dd {
  display: block;
  margin-inline-start: 40px;
}
.wprod_news_detail--content blockquote, .wprod_news_detail--content figure {
  display: block;
  margin-block: 1em;
  margin-inline: 40px;
}
@media (max-width: 768px) {
  .wprod_news_detail--content blockquote, .wprod_news_detail--content figure {
    margin-inline: 10px;
  }
}
.wprod_news_detail--content address {
  display: block;
  font-style: italic;
}
.wprod_news_detail--content center {
  display: block;
  text-align: -moz-center;
}
.wprod_news_detail--content h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-block: 0.67em;
}
.wprod_news_detail--content h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin-block: 0.83em;
}
.wprod_news_detail--content h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin-block: 1em;
}
.wprod_news_detail--content h4 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-block: 1.33em;
}
.wprod_news_detail--content h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin-block: 1.67em;
}
.wprod_news_detail--content h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin-block: 2.33em;
}
.wprod_news_detail--content listing {
  display: block;
  font-family: -moz-fixed;
  font-size: medium;
  white-space: pre;
  margin-block: 1em;
}
.wprod_news_detail--content xmp, .wprod_news_detail--content pre, .wprod_news_detail--content plaintext {
  display: block;
  font-family: -moz-fixed;
  white-space: pre;
  margin-block: 1em;
}
.wprod_news_detail--content table {
  display: table;
  border-spacing: 2px;
  border-collapse: separate;
  /* XXXldb do we want this if we're border-collapse:collapse ? */
  box-sizing: border-box;
  text-indent: 0;
}
.wprod_news_detail--content table[rules] {
  border-width: thin;
  border-style: hidden;
}
.wprod_news_detail--content table:-moz-table-border-nonzero {
  border-width: thin;
  border-style: outset;
}
.wprod_news_detail--content table[frame] {
  border: thin hidden;
}
.wprod_news_detail--content table[frame=void] {
  border-style: hidden;
}
.wprod_news_detail--content table[frame=above] {
  border-style: outset hidden hidden hidden;
}
.wprod_news_detail--content table[frame=below] {
  border-style: hidden hidden outset hidden;
}
.wprod_news_detail--content table[frame=lhs] {
  border-style: hidden hidden hidden outset;
}
.wprod_news_detail--content table[frame=rhs] {
  border-style: hidden outset hidden hidden;
}
.wprod_news_detail--content table[frame=hsides] {
  border-style: outset hidden;
}
.wprod_news_detail--content table[frame=vsides] {
  border-style: hidden outset;
}
.wprod_news_detail--content table[frame=box],
.wprod_news_detail--content table[frame=border] {
  border-style: outset;
}
.wprod_news_detail--content table:-moz-table-border-nonzero > * > tr > td,
.wprod_news_detail--content table:-moz-table-border-nonzero > * > tr > th,
.wprod_news_detail--content table:-moz-table-border-nonzero > * > td,
.wprod_news_detail--content table:-moz-table-border-nonzero > * > th,
.wprod_news_detail--content table:-moz-table-border-nonzero > td,
.wprod_news_detail--content table:-moz-table-border-nonzero > th {
  border-width: thin;
  border-style: inset;
}
.wprod_news_detail--content table[rules]:not([rules=none], [rules=""]) {
  border-collapse: collapse;
}
.wprod_news_detail--content table[rules]:not([rules=""]) > tr > td,
.wprod_news_detail--content table[rules]:not([rules=""]) > * > tr > td,
.wprod_news_detail--content table[rules]:not([rules=""]) > tr > th,
.wprod_news_detail--content table[rules]:not([rules=""]) > * > tr > th,
.wprod_news_detail--content table[rules]:not([rules=""]) > td,
.wprod_news_detail--content table[rules]:not([rules=""]) > th {
  border-width: thin;
  border-style: none;
}
.wprod_news_detail--content table[rules][rules=none] > tr > td,
.wprod_news_detail--content table[rules][rules=none] > * > tr > td,
.wprod_news_detail--content table[rules][rules=none] > tr > th,
.wprod_news_detail--content table[rules][rules=none] > * > tr > th,
.wprod_news_detail--content table[rules][rules=none] > td,
.wprod_news_detail--content table[rules][rules=none] > th {
  border-width: thin;
  border-style: none;
}
.wprod_news_detail--content table[rules][rules=all] > tr > td,
.wprod_news_detail--content table[rules][rules=all] > * > tr > td,
.wprod_news_detail--content table[rules][rules=all] > tr > th,
.wprod_news_detail--content table[rules][rules=all] > * > tr > th,
.wprod_news_detail--content table[rules][rules=all] > td,
.wprod_news_detail--content table[rules][rules=all] > th {
  border-width: thin;
  border-style: solid;
}
.wprod_news_detail--content table[rules][rules=rows] > tr,
.wprod_news_detail--content table[rules][rules=rows] > * > tr {
  border-block-start-width: thin;
  border-block-end-width: thin;
  border-block-start-style: solid;
  border-block-end-style: solid;
}
.wprod_news_detail--content table[rules][rules=cols] > tr > td,
.wprod_news_detail--content table[rules][rules=cols] > * > tr > td,
.wprod_news_detail--content table[rules][rules=cols] > tr > th,
.wprod_news_detail--content table[rules][rules=cols] > * > tr > th {
  border-inline-width: thin;
  border-inline-style: solid;
}
.wprod_news_detail--content table[rules][rules=groups] > colgroup {
  border-inline-width: thin;
  border-inline-style: solid;
}
.wprod_news_detail--content table[rules][rules=groups] > tfoot,
.wprod_news_detail--content table[rules][rules=groups] > thead,
.wprod_news_detail--content table[rules][rules=groups] > tbody {
  border-block-width: thin;
  border-block-style: solid;
}
.wprod_news_detail--content caption {
  display: table-caption;
  text-align: center;
}
.wprod_news_detail--content table[align=center] > caption {
  margin-inline: auto;
}
.wprod_news_detail--content table[align=center] > caption[align=left]:dir(ltr) {
  margin-inline-end: 0;
}
.wprod_news_detail--content table[align=center] > caption[align=left]:dir(rtl) {
  margin-inline-start: 0;
}
.wprod_news_detail--content table[align=center] > caption[align=right]:dir(ltr) {
  margin-inline-start: 0;
}
.wprod_news_detail--content table[align=center] > caption[align=right]:dir(rtl) {
  margin-inline-end: 0;
}
.wprod_news_detail--content tr {
  display: table-row;
  vertical-align: inherit;
}
.wprod_news_detail--content col {
  display: table-column;
}
.wprod_news_detail--content colgroup {
  display: table-column-group;
}
.wprod_news_detail--content tbody {
  display: table-row-group;
  vertical-align: middle;
}
.wprod_news_detail--content thead {
  display: table-header-group;
  vertical-align: middle;
}
.wprod_news_detail--content tfoot {
  display: table-footer-group;
  vertical-align: middle;
}
.wprod_news_detail--content table > tr {
  vertical-align: middle;
}
.wprod_news_detail--content td {
  display: table-cell;
  vertical-align: inherit;
  text-align: unset;
  padding: 1px;
}
.wprod_news_detail--content th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 1px;
  text-align: -moz-center-or-inherit;
}
.wprod_news_detail--content :is(tr, tbody, thead, tfoot, table) > form:-moz-is-html {
  /* Important: don't show these forms in HTML */
  display: none !important;
}
.wprod_news_detail--content table[bordercolor] > tbody,
.wprod_news_detail--content table[bordercolor] > thead,
.wprod_news_detail--content table[bordercolor] > tfoot,
.wprod_news_detail--content table[bordercolor] > col,
.wprod_news_detail--content table[bordercolor] > colgroup,
.wprod_news_detail--content table[bordercolor] > tr,
.wprod_news_detail--content table[bordercolor] > * > tr,
.wprod_news_detail--content table[bordercolor] > tr > td,
.wprod_news_detail--content table[bordercolor] > * > tr > td,
.wprod_news_detail--content table[bordercolor] > tr > th,
.wprod_news_detail--content table[bordercolor] > * > tr > th {
  border-color: inherit;
}
.wprod_news_detail--content q:before {
  content: open-quote;
}
.wprod_news_detail--content q:after {
  content: close-quote;
}
.wprod_news_detail--content b, .wprod_news_detail--content strong {
  font-weight: bolder;
}
.wprod_news_detail--content i, .wprod_news_detail--content cite, .wprod_news_detail--content em, .wprod_news_detail--content var, .wprod_news_detail--content dfn {
  font-style: italic;
}
.wprod_news_detail--content tt, .wprod_news_detail--content code, .wprod_news_detail--content kbd, .wprod_news_detail--content samp {
  font-family: -moz-fixed;
}
.wprod_news_detail--content u, .wprod_news_detail--content ins {
  text-decoration: underline;
}
.wprod_news_detail--content s, .wprod_news_detail--content strike, .wprod_news_detail--content del {
  text-decoration: line-through;
}
.wprod_news_detail--content big {
  font-size: larger;
}
.wprod_news_detail--content small {
  font-size: smaller;
}
.wprod_news_detail--content sub {
  vertical-align: sub;
  font-size: smaller;
}
.wprod_news_detail--content sup {
  vertical-align: super;
  font-size: smaller;
}
.wprod_news_detail--content nobr {
  white-space: nowrap;
}
.wprod_news_detail--content mark {
  background: Mark;
  color: MarkText;
}
.wprod_news_detail--content abbr[title], .wprod_news_detail--content acronym[title] {
  text-decoration: dotted underline;
}
.wprod_news_detail--content ul, .wprod_news_detail--content menu, .wprod_news_detail--content dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}
.wprod_news_detail--content ul, .wprod_news_detail--content ol, .wprod_news_detail--content menu {
  counter-reset: list-item;
}
.wprod_news_detail--content ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}
.wprod_news_detail--content li {
  display: list-item;
  text-align: match-parent;
}
.wprod_news_detail--content :is(ul, ol, dir, menu, dl) ul,
.wprod_news_detail--content :is(ul, ol, dir, menu, dl) ol,
.wprod_news_detail--content :is(ul, ol, dir, menu, dl) dir,
.wprod_news_detail--content :is(ul, ol, dir, menu, dl) menu,
.wprod_news_detail--content :is(ul, ol, dir, menu, dl) dl {
  margin-block: 0;
}
.wprod_news_detail--content :is(ol, ul, menu, dir) ul,
.wprod_news_detail--content :is(ol, ul, menu, dir) menu,
.wprod_news_detail--content :is(ol, ul, menu, dir) dir {
  list-style-type: circle;
}
.wprod_news_detail--content :is(ol, ul, menu, dir) :is(ol, ul, menu, dir) ul,
.wprod_news_detail--content :is(ol, ul, menu, dir) :is(ol, ul, menu, dir) menu,
.wprod_news_detail--content :is(ol, ul, menu, dir) :is(ol, ul, menu, dir) dir {
  list-style-type: square;
}
.wprod_news_detail--content hr {
  color: gray;
  border-width: 1px;
  border-style: inset;
  margin-block: 0.5em;
  margin-inline: auto;
  overflow: hidden;
  /* FIXME: This is not really per spec */
  display: block;
}
.wprod_news_detail--content hr[size="1"] {
  border-style: solid none none none;
}
.wprod_news_detail--content input[type=image]::before,
.wprod_news_detail--content img::before {
  content: -moz-alt-content !important;
  unicode-bidi: isolate;
}
.wprod_news_detail--content img[usemap], .wprod_news_detail--content object[usemap] {
  color: blue;
}
.wprod_news_detail--content frameset {
  display: block !important;
  overflow: clip;
  position: static !important;
  float: none !important;
  border: none !important;
}
.wprod_news_detail--content frame {
  border-radius: 0 !important;
}
.wprod_news_detail--content iframe {
  border: 2px inset;
}
.wprod_news_detail--content spacer {
  position: static !important;
  float: none !important;
}
.wprod_news_detail--content canvas {
  user-select: none;
}
.wprod_news_detail--content iframe:focus-visible,
.wprod_news_detail--content body:focus-visible,
.wprod_news_detail--content html:focus-visible {
  /* These elements historically don't show outlines when focused by default.
   * We could consider changing that if needed. */
  outline-style: none;
}
.wprod_news_detail--content base, .wprod_news_detail--content basefont, .wprod_news_detail--content datalist, .wprod_news_detail--content head, .wprod_news_detail--content link, .wprod_news_detail--content meta, .wprod_news_detail--content noembed,
.wprod_news_detail--content noframes, .wprod_news_detail--content param, .wprod_news_detail--content rp, .wprod_news_detail--content script, .wprod_news_detail--content style, .wprod_news_detail--content template, .wprod_news_detail--content title {
  display: none;
}
.wprod_news_detail--content area {
  /* Don't give it frames other than its imageframe */
  display: none !important;
}
.wprod_news_detail--content iframe:fullscreen {
  /* iframes in full-screen mode don't show a border. */
  border: none !important;
  padding: unset !important;
}
.wprod_news_detail--content details > summary:first-of-type {
  display: list-item;
  counter-increment: list-item 0;
  list-style: disclosure-closed inside;
}
.wprod_news_detail--content details[open] > summary:first-of-type {
  list-style-type: disclosure-open;
}
.wprod_news_detail--content video {
  object-fit: contain;
}
.wprod_news_detail--content video > img:-moz-native-anonymous {
  /* Video poster images should render with the video element's "object-fit" &
     "object-position" properties */
  object-fit: inherit !important;
  object-position: inherit !important;
}
.wprod_news_detail--content audio:not([controls]) {
  display: none !important;
}
.wprod_news_detail--content audio[controls] {
  /* This ensures that intrinsic sizing can reliably shrinkwrap our
      controls (which are also always horizontal) and produce a
      reasonable intrinsic size from them. */
  writing-mode: horizontal-tb !important;
}
.wprod_news_detail--content *|*::-moz-html-canvas-content {
  display: block !important;
  /* we want to be an absolute and fixed container */
  transform: translate(0) !important;
}
.wprod_news_detail--content video > .caption-box:-moz-native-anonymous {
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: none;
}
.wprod_news_detail--content ::cue {
  color: rgb(255, 255, 255);
  white-space: pre-line;
  background-color: rgba(0, 0, 0, 0.8);
  font: 10px sans-serif;
  overflow-wrap: break-word;
  /* TODO : enable unicode-bidi, right now enable it would cause incorrect
            display direction, maybe related with bug 1558431. */
}
.wprod_news_detail--content dialog {
  position: absolute;
  display: block;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: auto;
  border-width: initial;
  border-style: solid;
  border-color: initial;
  border-image: initial;
  padding: 1em;
  background-color: Canvas;
  color: CanvasText;
  width: -moz-fit-content;
  height: -moz-fit-content;
}
.wprod_news_detail--content dialog:not([open]) {
  display: none;
}
.wprod_news_detail--content dialog:modal {
  -moz-top-layer: auto !important;
  position: fixed;
  overflow: auto;
  visibility: visible;
  inset-block-start: 0;
  inset-block-end: 0;
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
}
.wprod_news_detail--content dialog::backdrop {
  background: rgba(0, 0, 0, 0.1);
}
.wprod_news_detail--content marquee {
  display: inline-block;
  text-align: initial;
  overflow: hidden !important;
  /* See https://github.com/whatwg/html/issues/10249 */
  inline-size: -moz-available;
  vertical-align: text-bottom;
  white-space: nowrap;
}
.wprod_news_detail--content marquee:is([direction=up], [direction=down]) {
  block-size: 200px;
  white-space: unset;
}
.wprod_news_detail--content ruby {
  display: ruby;
}
.wprod_news_detail--content rb {
  display: ruby-base;
  white-space: nowrap;
}
.wprod_news_detail--content rt {
  display: ruby-text;
}
.wprod_news_detail--content rtc {
  display: ruby-text-container;
}
.wprod_news_detail--content rtc, .wprod_news_detail--content rt {
  white-space: nowrap;
  font-size: 50%;
  -moz-min-font-size-ratio: 50%;
  line-height: 1;
}
@media not (-moz-platform: windows) {
  .wprod_news_detail--content rtc, .wprod_news_detail--content rt {
    /* The widely-used Windows font Meiryo doesn't work fine with this
    * setting, so disable this on Windows. We should re-enable it once
    * Microsoft fixes this issue. See bug 1164279. */
    font-variant-east-asian: ruby;
  }
}
.wprod_news_detail--content rtc, .wprod_news_detail--content rt {
  text-emphasis: none;
}
.wprod_news_detail--content rtc:lang(zh), .wprod_news_detail--content rt:lang(zh) {
  ruby-align: center;
}
.wprod_news_detail--content rtc:lang(zh-TW), .wprod_news_detail--content rt:lang(zh-TW) {
  font-size: 30%; /* bopomofo */
  -moz-min-font-size-ratio: 30%;
}
.wprod_news_detail--content rtc > rt {
  font-size: unset;
}
.wprod_news_detail--content ruby, .wprod_news_detail--content rb, .wprod_news_detail--content rt, .wprod_news_detail--content rtc {
  unicode-bidi: isolate;
}
.wprod_news_detail--content slot {
  display: contents;
}
@media (scripting) {
  .wprod_news_detail--content noscript {
    display: none !important;
  }
}
@media print {
  .wprod_news_detail--content input, .wprod_news_detail--content textarea, .wprod_news_detail--content select, .wprod_news_detail--content button, .wprod_news_detail--content details {
    -moz-inert: inert;
  }
}
.wprod_news_detail--content [popover]:not(:popover-open):not(dialog[open]) {
  display: none;
}
.wprod_news_detail--content dialog:popover-open {
  display: block;
}
.wprod_news_detail--content [popover] {
  position: fixed;
  inset: 0;
  width: fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 0.25em;
  overflow: auto;
  color: CanvasText;
  background-color: Canvas;
}
.wprod_news_detail--content :popover-open {
  -moz-top-layer: auto;
}
.wprod_news_detail--content :popover-open::backdrop {
  position: fixed;
  inset: 0;
  pointer-events: none !important;
  background-color: transparent;
}
.wprod_news_detail--content .mozResizer:-moz-native-anonymous {
  width: 5px;
  height: 5px;
  position: absolute;
  border: 1px black solid;
  background-color: white;
  user-select: none;
  z-index: 2147483646; /* max value -1 for this property */
  /* we can't use :active below */
}
.wprod_news_detail--content .mozResizer:-moz-native-anonymous.active, .wprod_news_detail--content .mozResizer:-moz-native-anonymous:hover {
  background-color: black;
}
.wprod_news_detail--content .mozGrabber:-moz-native-anonymous {
  outline: ridge 2px silver;
  padding: 2px;
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url("resource://gre/res/grabber.gif");
  background-repeat: no-repeat;
  background-position: center center;
  user-select: none;
  cursor: move;
}
.wprod_news_detail--content .mozResizingShadow:-moz-native-anonymous {
  outline: thin dashed black;
  user-select: none;
  opacity: 0.5;
  position: absolute;
  z-index: 2147483647; /* max value for this property */
}
.wprod_news_detail--content .mozResizingInfo:-moz-native-anonymous {
  font-family: sans-serif;
  font-size: x-small;
  color: black;
  background-color: #d0d0d0;
  border: ridge 2px #d0d0d0;
  padding: 2px;
  position: absolute;
  z-index: 2147483647; /* max value for this property */
}
.wprod_news_detail--content .mozTableAddColumnBefore:-moz-native-anonymous,
.wprod_news_detail--content .mozTableAddColumnAfter:-moz-native-anonymous,
.wprod_news_detail--content .mozTableAddRowBefore:-moz-native-anonymous,
.wprod_news_detail--content .mozTableAddRowAfter:-moz-native-anonymous,
.wprod_news_detail--content .mozTableRemoveColumn:-moz-native-anonymous,
.wprod_news_detail--content .mozTableRemoveRow:-moz-native-anonymous {
  position: absolute;
  z-index: 2147483647; /* max value for this property */
  text-decoration: none !important;
  border: none 0 !important;
  width: 4px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  user-select: none;
}
.wprod_news_detail--content .mozTableAddColumnBefore:-moz-native-anonymous {
  background-image: url("resource://gre/res/table-add-column-before.gif");
}
.wprod_news_detail--content .mozTableAddColumnBefore:-moz-native-anonymous:hover {
  background-image: url("resource://gre/res/table-add-column-before-hover.gif");
}
.wprod_news_detail--content .mozTableAddColumnBefore:-moz-native-anonymous:active {
  background-image: url("resource://gre/res/table-add-column-before-active.gif");
}
.wprod_news_detail--content .mozTableAddColumnAfter:-moz-native-anonymous {
  background-image: url("resource://gre/res/table-add-column-after.gif");
}
.wprod_news_detail--content .mozTableAddColumnAfter:-moz-native-anonymous:hover {
  background-image: url("resource://gre/res/table-add-column-after-hover.gif");
}
.wprod_news_detail--content .mozTableAddColumnAfter:-moz-native-anonymous:active {
  background-image: url("resource://gre/res/table-add-column-after-active.gif");
}
.wprod_news_detail--content .mozTableAddRowBefore:-moz-native-anonymous,
.wprod_news_detail--content .mozTableAddRowAfter:-moz-native-anonymous {
  width: 8px;
  height: 4px;
}
.wprod_news_detail--content .mozTableAddRowBefore:-moz-native-anonymous {
  background-image: url("resource://gre/res/table-add-row-before.gif");
}
.wprod_news_detail--content .mozTableAddRowBefore:-moz-native-anonymous:hover {
  background-image: url("resource://gre/res/table-add-row-before-hover.gif");
}
.wprod_news_detail--content .mozTableAddRowBefore:-moz-native-anonymous:active {
  background-image: url("resource://gre/res/table-add-row-before-active.gif");
}
.wprod_news_detail--content .mozTableAddRowAfter:-moz-native-anonymous {
  background-image: url("resource://gre/res/table-add-row-after.gif");
}
.wprod_news_detail--content .mozTableAddRowAfter:-moz-native-anonymous:hover {
  background-image: url("resource://gre/res/table-add-row-after-hover.gif");
}
.wprod_news_detail--content .mozTableAddRowAfter:-moz-native-anonymous:active {
  background-image: url("resource://gre/res/table-add-row-after-active.gif");
}
.wprod_news_detail--content .mozTableRemoveColumn:-moz-native-anonymous,
.wprod_news_detail--content .mozTableRemoveRow:-moz-native-anonymous {
  width: 8px;
  height: 8px;
}
.wprod_news_detail--content .mozTableRemoveColumn:-moz-native-anonymous {
  background-image: url("resource://gre/res/table-remove-column.gif");
}
.wprod_news_detail--content .mozTableRemoveColumn:-moz-native-anonymous:hover {
  background-image: url("resource://gre/res/table-remove-column-hover.gif");
}
.wprod_news_detail--content .mozTableRemoveColumn:-moz-native-anonymous:active {
  background-image: url("resource://gre/res/table-remove-column-active.gif");
}
.wprod_news_detail--content .mozTableRemoveRow:-moz-native-anonymous {
  background-image: url("resource://gre/res/table-remove-row.gif");
}
.wprod_news_detail--content .mozTableRemoveRow:-moz-native-anonymous:hover {
  background-image: url("resource://gre/res/table-remove-row-hover.gif");
}
.wprod_news_detail--content .mozTableRemoveRow:-moz-native-anonymous:active {
  background-image: url("resource://gre/res/table-remove-row-active.gif");
}
.wprod_news_detail--content {
  word-wrap: break-word;
  /* Widget Styles */
}
.wprod_news_detail--content blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
}
.wprod_news_detail--content blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}
@media (max-width: 768px) {
  .wprod_news_detail--content blockquote {
    padding-right: 8px;
    line-height: 1.7;
  }
}
.wprod_news_detail--content .cke_contents_rtl blockquote {
  padding-left: 8px;
  padding-right: 20px;
  border-right-width: 5px;
}
.wprod_news_detail--content a {
  color: #0782C1;
}
.wprod_news_detail--content ol, .wprod_news_detail--content ul, .wprod_news_detail--content dl {
  /* IE7: reset rtl list margin. (#7334) */
  *margin-right: 0px;
  /* Preserved spaces for list items with text direction different than the list. (#6249,#8049)*/
  padding: 0 40px;
}
.wprod_news_detail--content h1, .wprod_news_detail--content h2, .wprod_news_detail--content h3, .wprod_news_detail--content h4, .wprod_news_detail--content h5, .wprod_news_detail--content h6 {
  font-weight: normal;
  line-height: 1.2;
}
.wprod_news_detail--content hr {
  border: 0px;
  border-top: 1px solid #ccc;
}
.wprod_news_detail--content img.right {
  border: 1px solid #ccc;
  float: right;
  margin-left: 15px;
  padding: 5px;
}
.wprod_news_detail--content img.left {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  padding: 5px;
}
.wprod_news_detail--content pre {
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE7 */
  -moz-tab-size: 4;
  tab-size: 4;
}
.wprod_news_detail--content .marker {
  background-color: Yellow;
}
.wprod_news_detail--content span[lang] {
  font-style: italic;
}
.wprod_news_detail--content figure {
  text-align: center;
  outline: solid 1px #ccc;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}
.wprod_news_detail--content figure > figcaption {
  text-align: center;
  display: block; /* For IE8 */
}
.wprod_news_detail--content a > img {
  padding: 1px;
  margin: 1px;
  border: none;
  outline: 1px solid #0782C1;
}
.wprod_news_detail--content .code-featured {
  border: 5px solid red;
}
.wprod_news_detail--content .math-featured {
  padding: 20px;
  box-shadow: 0 0 2px rgb(200, 0, 0);
  background-color: rgba(255, 0, 0, 0.05);
  margin: 10px;
}
.wprod_news_detail--content .image-clean {
  border: 0;
  background: none;
  padding: 0;
}
.wprod_news_detail--content .image-clean > figcaption {
  font-size: 0.9em;
  text-align: right;
}
.wprod_news_detail--content .image-grayscale {
  background-color: white;
  color: #666;
}
.wprod_news_detail--content .image-grayscale img, .wprod_news_detail--content img.image-grayscale {
  filter: grayscale(100%);
}
.wprod_news_detail--content .embed-240p {
  max-width: 426px;
  max-height: 240px;
  margin: 0 auto;
}
.wprod_news_detail--content .embed-360p {
  max-width: 640px;
  max-height: 360px;
  margin: 0 auto;
}
.wprod_news_detail--content .embed-480p {
  max-width: 854px;
  max-height: 480px;
  margin: 0 auto;
}
.wprod_news_detail--content .embed-720p {
  max-width: 1280px;
  max-height: 720px;
  margin: 0 auto;
}
.wprod_news_detail--content .embed-1080p {
  max-width: 1920px;
  max-height: 1080px;
  margin: 0 auto;
}
.wprod_news_detail--pager {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 36px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .wprod_news_detail--pager {
    gap: 26px;
    margin-bottom: 20px;
  }
}
.wprod_news_detail--pager--back a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 220px;
  height: 72px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #fff !important;
  background-color: #333;
}
@media (max-width: 768px) {
  .wprod_news_detail--pager--back a {
    width: 200px;
    height: 60px;
    font-size: 14px;
  }
}
.wprod_news_detail--pager--arrow {
  margin: 0;
  padding: 0;
}
.wprod_news_detail--pager--arrow p {
  font-family: "Arial", "NotoSansJP", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.wprod_news_detail--pager--arrow p.news-empty {
  opacity: 0.4;
}
/*# sourceMappingURL=_maps/style.css.map */