@charset "UTF-8";
/* 汎用 -- start */
.items_pagettl {
  background-color: #F8FBFE;
  border-left: 5px solid #0f3774;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 20px;
  line-height: 23px;
  text-align: left;
  color: #0f3774;
  padding: 6px 0 5px 31px;
  display: block;
}

/* ボタン */
.btn-basic {
  border: 1.5px solid #929292;
}

.btn-beta {
  width: 100%;
  height: 50px;
  border-radius: 15px;
  background: #0f3774;
  color: #fff;
  display: block;
}

.btn-nuki {
  width: 100%;
  height: 50px;
  border-radius: 15px;
  color: #515151;
  background: #fff;
  display: block;
  border: 1.5px solid #515151;
}

.btn-square {
  border-radius: 0;
}

/* アイコン各種 */
.ico-window {
  position: relative;
  display: inline-block;
}

.ico-window::after {
  position: absolute;
  top: 35%;
  right: 20px;
  display: block;
  width: 19px;
  height: 17px;
  content: "";
  background: url(../images/icon_blank.svg) no-repeat center center;
}

.ico-arrow {
  position: relative;
  display: inline-block;
}

.ico-arrow::after {
  position: absolute;
  top: 15%;
  right: 20px;
  display: block;
  width: 17px;
  height: 17px;
  content: "";
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: translate(0, 55%) rotate(-45deg) scale(0.5);
}

.ico-arrow-gray {
  position: relative;
  display: inline-block;
}

.ico-arrow-gray::after {
  position: absolute;
  top: 15%;
  right: 20px;
  display: block;
  width: 17px;
  height: 17px;
  content: "";
  border-right: 4px solid #515151;
  border-bottom: 4px solid #515151;
  transform: translate(0, 55%) rotate(-45deg) scale(0.5);
}

.ico-arrow-L {
  position: relative;
  display: inline-block;
}

.ico-arrow-L::after {
  position: absolute;
  top: 15%;
  left: 20px;
  display: block;
  width: 17px;
  height: 17px;
  content: "";
  border-right: 4px solid #515151;
  border-bottom: 4px solid #515151;
  transform: translate(0, 55%) rotate(135deg) scale(0.5);
}

.ico-note {
  position: relative;
  padding-left: 25px;
}

.ico-note::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  background: url(../images/icon-goodsnote.svg) no-repeat center center;
  background-size: contain;
}

/* 汎用 -- end */
/* （第二階層）-- start */
.prdct_category h2 {
  background-color: #4098D4;
  color: #FFFFFF;
  padding: 5px 20px;
  margin-bottom: 20px;
  font-size: 22px;
}

.prdct_category h2.wp-block-heading + .wp-block-columns p {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #0f3774;
}

.prdct_category h3 {
  background: #eee;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 23px;
  text-align: left;
  color: #515151;
  padding: 7px 0 9px 20px;
  position: relative;
  margin-bottom: 35px;
}

.prdct_category .link-txt a {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 23px;
  text-align: left;
  color: #0f3774;
  text-decoration: none;
}

.prdct_category .prdct-outline {
  border-top: 1px solid #eee;
  margin-bottom: 0;
}

.prdct_category .last-border {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}

.prdct_category .wp-block-columns:not(.wp-block-columns .wp-block-columns) {
  padding: 20px;
}

.prdct_category .btn-return {
  width: 249px;
  margin-inline: auto;
}

/* （第二階層）-- end */
/* （第三階層）-- start */
.prdct_series .series_header {
  width: 1000px;
  height: 26px;
  background: #eee;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 23px;
  color: #929292;
  padding: 2px 0 4px 20px;
}

.prdct_series h1 {
  background-color: #4098D4;
  color: #FFFFFF;
  font-size: 22px;
  padding: 5px 20px;
  margin-bottom: 20px;
}

.prdct_series h2 {
  width: 100%;
  line-height: 23px;
  border-bottom: 2px solid #0f3774;
  background: #f8fbfe;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0f3774;
  display: flex;
  align-items: center;
  padding: 7px 16px 7px 20px;
  margin-bottom: 20px;
}

.prdct_series h3 {
  background: #eee;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 23px;
  color: #515151;
  padding: 7px 16px 7px 20px;
  margin-bottom: 20px;
}

.prdct_series p,
.prdct_series button {
  margin-bottom: 20px;
}

@media (max-width: 781px) {
  .prdct_series .column-reverse {
    flex-direction: column-reverse;
  }
}

.prdct_series .m-wrap {
  margin: 0 15px;
}

.prdct_series .like-list-A {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 23px;
  text-align: left;
  color: #0f3774;
  padding-left: 20px;
}

.prdct_series .like-list-A::after {
  position: absolute;
  top: 0.4em;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: #0f3774;
}

.prdct_series .like-list-B {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 23px;
  color: #515151;
  padding-left: 20px;
}

.prdct_series .like-list-B::after {
  position: absolute;
  top: 0.4em;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: "";
  background: #515151;
}

.prdct_series .like-list-indent {
  padding-left: 20px;
}

.prdct_series .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
  color: #0f3774;
  background-color: #F8FBFE;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #0f3774;
  padding: 17.5px 11px 18.5px 10px;
  border-color: #929292;
}

.prdct_series .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
  border-color: #929292;
}

.prdct_series .btn-basic {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 1rem;
  text-align: center;
  color: #515151;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.prdct_series .btn-basic p {
  margin-bottom: 0;
}

.prdct_series .btn-basic p a {
  display: block;
}

.prdct_series .btn-small300 {
  max-width: 300px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 23px;
  text-align: center;
  margin: 0 auto;
}

.prdct_series .btn-hub {
  display: flex;
  justify-content: center;
}

/* （第三階層）-- end */
/* （第四階層）-- start */
.tax-product_series .row-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px 20px;
  width: 100%;
}

.tax-product_series .row-wrap .items_article {
  flex: 0 0 calc((100% - (20px * 3)) / 4);
  min-height: 290px;
  display: flex;
  justify-content: center;
}

@media (max-width: 960px) {
  .tax-product_series .row-wrap .items_article {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

@media (max-width: 428px) {
  .tax-product_series .row-wrap .items_article {
    flex: 0 0 100%;
    min-height: inherit;
  }
}

.tax-product_series .row-wrap .items_article .item-mat {
  display: grid;
  place-content: center;
  max-width: 200px;
  min-height: 200px;
}

.tax-product_series .row-wrap .items_article figcaption {
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #515151;
  padding-top: 10px;
  width: 200px;
  border-top: 0.5px solid #515151;
  margin-top: 20px;
}

.tax-product_series .row-wrap::after {
  content: "";
  flex: auto;
}

.tax-product_series .btn-hub {
  display: flex;
  justify-content: center;
}

.tax-product_series .btn-hub .btn-return {
  width: 249px;
}

/* （第四階層）-- end */
/* single-items -- start */
.single-items .main-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  gap: 50px;
}

@media (max-width: 767px) {
  .single-items .main-wrap {
    flex-direction: column;
  }
}

.single-items .main-wrap .goods_name {
  font-weight: 600;
  font-size: 34px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0f3774;
}

.single-items .main-wrap .items_maincopy {
  font-weight: 600;
  font-size: 21px;
  letter-spacing: 0.03em;
  line-height: 38px;
  text-align: left;
  color: #515151;
  margin-top: 40px;
}

.single-items .main-wrap .items_sample {
  padding-block: 30px;
  border: 0.5px solid #515151;
  width: 280px;
  min-height: 260px;
  display: grid;
  place-content: center;
}

.single-items .main-wrap .items_img_txt2 {
  font-size: 12.5px;
  line-height: 20px;
  color: #515151;
  width: 280px;
  margin-top: 10px;
}

.single-items .items_cont {
  margin-top: 70px;
}

.single-items .items_cont p {
  font-weight: normal;
  font-size: 16px;
  line-height: 38px;
  text-align: left;
  color: #515151;
}

.single-items .items_cont .items_block_R table {
  margin-top: 80px;
  border-top: 2px solid #0F3774;
  border-bottom: 2px solid #0F3774;
  border-left: none;
  border-right: none;
}

.single-items .items_cont .items_block_R table tr {
  width: 100%;
  height: 69px;
}

.single-items .items_cont .items_block_R table tr th {
  width: 40%;
  background-color: #F8FBFE;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #0f3774;
  padding-inline: 23px;
  border-top: 0.5px solid #515151;
  border-bottom: 0.5px solid #515151;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}

.single-items .items_cont .items_block_R table tr td {
  width: 60%;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #515151;
  padding-inline: 23px;
  border-top: 0.5px solid #515151;
  border-bottom: 0.5px solid #515151;
  border-left: none;
  border-right: none;
}

.single-items .items_cont .items_block_R p {
  font-size: 16px;
  line-height: 38px;
  text-align: left;
  color: #515151;
}

.single-items .items_cont .btn-hub {
  display: grid;
  grid-template-columns: 249px 4% 249px 13.3% 249px;
  padding-inline: 4%;
}

.single-items .items_cont .btn-hub .hub-item:nth-child(1) {
  grid-column: 1;
}

.single-items .items_cont .btn-hub .hub-item:nth-child(2) {
  grid-column: 3;
}

.single-items .items_cont .btn-hub .btn-return {
  grid-column: 5;
  text-align: right;
}

@media (max-width: 960px) {
  .single-items .items_cont .btn-hub {
    grid-template-columns: 220px auto 220px auto 220px;
  }
}

@media (max-width: 767px) {
  .single-items .items_cont .btn-hub {
    grid-template-columns: 300px;
    grid-template-rows: auto auto auto;
    justify-content: center;
    gap: 30px;
  }
  .single-items .items_cont .btn-hub .hub-item:nth-child(1) {
    grid-column: inherit;
  }
  .single-items .items_cont .btn-hub .hub-item:nth-child(2) {
    grid-column: inherit;
  }
  .single-items .items_cont .btn-hub .btn-return {
    grid-column: inherit;
  }
}

.single-items .goods-note {
  padding: 40px 30px;
  max-width: 1000px;
  width: 100%;
  border: 1px solid #0f3774;
  margin-top: 75px;
}

.single-items .goods-note .flex-wrap {
  display: flex;
  gap: 37px 50px;
  flex-wrap: wrap;
}

.single-items .goods-note .flex-wrap .flex-item {
  width: calc(50% - 25px);
}

@media (max-width: 767px) {
  .single-items .goods-note .flex-wrap {
    flex-direction: column;
  }
  .single-items .goods-note .flex-wrap .flex-item {
    width: 100%;
  }
}

.single-items .goods-note .head-note {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #0f3774;
}

.single-items .goods-note p {
  font-weight: normal;
  font-size: 13px;
  line-height: 23px;
  text-align: left;
  color: #515151;
}

/* single-items -- end */