@charset "UTF-8";
:root {
  --pola-color: #2F2F54;
  --footer-bg-color: #E3E3E4;
  --footer-box-color: #F9F9F9;
  --sp-side-padding: 26px;
  --max-content-width: 1000px;
}

/**
 * animation
 */
body {
  background-color: #F9F9F9;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .media-pc {
    display: none !important;
  }
}
@media screen and (max-width: 749px) {
  .media-tab {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .media-tab {
    display: none !important;
  }
}
@media screen and (min-width: 750px) {
  .media-sp {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .media-sp-tab {
    display: none !important;
  }
}
@media screen and (max-width: 749px) {
  .media-tab-pc {
    display: none !important;
  }
}
#itemWrap {
  overflow: unset;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

@media screen and (min-width: 1025px) {
  #itemWrap {
    max-width: 1052px;
  }
}
/* ----------------------
**
** フッター
**
---------------------- */
/* 
** 既存のスタイルのリセット
*/
footer.poh_footer {
  border-top: none;
}

/* 
** レイアウト
*/
.poh_footer {
  background: var(--footer-bg-color);
}

@media screen and (min-width: 750px) {
  .poh_footer {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media screen and (max-width: 749px) {
  .poh_footer {
    padding: 26px var(--sp-side-padding) 40px;
  }
}
.poh_footer a {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.poh_footer a:hover {
  opacity: 0.7;
}

.poh_footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-gap: 40px 100px;
  -moz-gap: 40px 100px;
  gap: 40px 100px;
  padding-right: 28px;
  padding-left: 28px;
}

@media screen and (max-width: 749px) {
  .poh_footer__inner {
    display: block;
    padding: 0;
  }
}
/* 
** フッターアイテム
*/
@media screen and (max-width: 749px) {
  .poh_footer__info {
    background: var(--footer-box-color);
    padding: 8.533vw 4.7vw;
    margin-bottom: 40px;
  }
}
.poh_footer__info__items {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
}

@media screen and (max-width: 749px) {
  .poh_footer__info__items {
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}
.poh_footer__info__text {
  font-size: 20px;
  color: var(--pola-color);
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 749px) {
  .poh_footer__info__text {
    font-size: 16px;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 749px) {
  .poh_footer__qanda, .poh_footer__mail, .poh_footer__tell {
    width: 33.333%;
  }
}
.poh_footer__qanda > a, .poh_footer__mail > a, .poh_footer__tell > a {
  display: block;
  text-align: center;
}

.poh_footer__qanda > a span, .poh_footer__mail > a span, .poh_footer__tell > a span {
  display: block;
  color: var(--pola-color);
  line-height: 1.3;
  margin-top: 0.5em;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 749px) {
  .poh_footer__qanda > a span, .poh_footer__mail > a span, .poh_footer__tell > a span {
    font-size: 14px;
  }
}
.poh_footer__qanda > a img, .poh_footer__mail > a img, .poh_footer__tell > a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 45px;
  height: 45px;
  display: inline; /* cmpでblock指定されているため */
}

.poh_footer__mail > a img {
  padding: 3px; /* サイズ調整のため */
}

@media screen and (max-width: 749px) {
  .poh_footer__qanda > a img, .poh_footer__mail > a img, .poh_footer__tell > a img {
    width: 35px;
    height: 35px;
  }
  .poh_footer__mail > a img {
    padding: 5px; /* サイズ調整のため */
  }
}
@media screen and (max-width: 749px) {
  .poh_footer__tellBlock {
    padding-top: 28px;
    text-align: center;
  }
}
.poh_footer__tellBlock__text {
  color: var(--pola-color);
}

@media screen and (min-width: 750px) {
  .poh_footer__tellBlock__text {
    font-size: 16px;
    font-weight: bold;
  }
}
@media screen and (max-width: 749px) {
  .poh_footer__tellBlock__text {
    font-size: 12px;
  }
}
.poh_footer__tellBlock__num {
  color: var(--pola-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 749px) {
  .poh_footer__tellBlock__num {
    display: inline;
    font-weight: bold;
  }
}
@media screen and (min-width: 750px) {
  .poh_footer__tellBlock__num img {
    width: 50px;
    padding-right: 8px;
  }
}
.poh_footer__tellBlock__num span {
  line-height: 1.3;
}

@media screen and (min-width: 750px) {
  .poh_footer__tellBlock__num span {
    font-size: 40px;
    font-weight: normal;
  }
}
@media screen and (max-width: 749px) {
  .poh_footer__tellBlock__num span {
    font-size: 12px;
    font-size: bold;
  }
}
.poh_footer__tellBlock__note {
  color: var(--pola-color);
}

@media screen and (min-width: 750px) {
  .poh_footer__tellBlock__note {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-right: 0.5em;
  }
}
@media screen and (max-width: 749px) {
  .poh_footer__tellBlock__note {
    font-size: 12px;
    display: inline;
  }
}
.poh_footer__button .poh_btn {
  padding: 23px 64px;
}

.poh_footer__button .poh_btn span {
  font-size: 22px;
}

@media screen and (max-width: 749px) {
  .poh_footer__button .poh_btn {
    padding: 14px 36px;
  }
  .poh_footer__button .poh_btn span {
    font-size: 14px;
  }
}

.poh_btn_logout{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
  text-align: center;
  margin: 24px 0 0;
}
@media screen and (max-width: 749px) {
    .poh_footer__button .poh_btn_logout {
        font-size: 14px;
    }
}
/* 
** 注意書き
*/
.poh_footer .warningWord {
  max-width: var(--max-content-width);
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.poh_footer .warningWord li {
  font-size: 16px;
  font-weight: bold;
  color: var(--pola-color);
  line-height: 1.8;
  margin-bottom: 88px;
}

@media screen and (max-width: 749px) {
  .poh_footer .warningWord li {
    font-size: 14px;
    margin-bottom: 26px;
  }
}
/* ----------------------
**
** ヘッダー
**
---------------------- */
/* 
** 既存のスタイルのリセット
*/
header.poh_header {
  padding: 0;
  border-bottom: none;
}

.poh_header {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1025px) {
  .poh_header {
    width: 100%;
    height: 500px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .poh_header {
    width: 100%;
    min-width: 100%;
    height: 40vw;
    max-height: 328px;
  }
}
@media screen and (max-width: 749px) {
  .poh_header {
    width: 100%;
    height: 66.14vw;
    max-height: 248px;
  }
}
.poh_header__logo {
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 1025px) {
  .poh_header__logo {
    width: 235px;
    top: 64px;
    left: 5.208vw;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .poh_header__logo {
    width: 225px;
    top: 32px;
    left: 26px;
  }
}
@media screen and (max-width: 749px) {
  .poh_header__logo {
    width: 125px;
    top: 15px;
    left: 20px;
  }
}
.poh_header__logo img {
  width: 100%;
}

.poh_header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.poh_header__bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1025px) {
  .poh_header--noImage {
    height: 170px;
  }
}
@media screen and (max-width: 749px) {
  .poh_header--noImage {
    height: 70px;
  }
}
.poh_header--noImage .poh_header__bg {
  display: none;
}

/* ----------------------
**
** パンくず
**
---------------------- */
p.breadcrumbs {
  width: auto;
  margin: unset;
  font-size: unset;
}

p.breadcrumbs a {
  padding: unset;
  vertical-align: unset;
  position: unset;
  margin-left: unset;
}

p.breadcrumbs a::after {
  content: "";
  display: unset;
  position: unset;
  top: unset;
  left: unset;
  width: auto;
  height: auto;
  margin-top: unset;
  border-bottom: unset;
  border-left: unset;
  -webkit-transform: unset;
  transform: unset;
}

@media screen and (min-width: 1025px) {
  p.breadcrumbs {
    padding: 40px 0 30px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  p.breadcrumbs {
    padding: 40px 26px 30px;
  }
}
@media screen and (max-width: 749px) {
  p.breadcrumbs {
    padding: 16px 26px;
  }
}
p.breadcrumbs a {
  color: var(--pola-color);
  display: inline-block;
  position: relative;
  padding-right: 1.3em;
  margin-right: 0.5em;
}

@media screen and (min-width: 750px) {
  p.breadcrumbs a {
    font-size: 14px;
  }
}
@media screen and (max-width: 749px) {
  p.breadcrumbs a {
    font-size: 10px;
  }
}
p.breadcrumbs a:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  border-bottom: solid 1px var(--pola-color);
  border-left: solid 1px var(--pola-color);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  right: 0;
}

@media screen and (min-width: 750px) {
  p.breadcrumbs a:not(:last-of-type)::after {
    width: 8px;
    height: 8px;
    top: calc(50% - 6px);
  }
}
@media screen and (max-width: 749px) {
  p.breadcrumbs a:not(:last-of-type)::after {
    width: 4px;
    height: 4px;
    top: calc(50% - 3px);
  }
}
/* ----------------------
**
** ボタン
**
---------------------- */
.poh_btn, .againBtn a, .suBtn a, .questionsBtn a, .sendBtn a, .nextBtn span input, .giftBtn a, .giftNone a, .favoriteBtn a {
  display: block;
  width: 100%;
  background: var(--pola-color);
  color: #ffffff;
  font-weight: bold;
  border: none;
  border-radius: 100px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

input:focus{
  border: none!important;
}

#btn_send_form{
  height: 63px;
}
@media screen and (max-width:749px) {
  #btn_send_form{
  height: 50px;
}
}

.poh_btn:disabled, .againBtn a:disabled, .suBtn a:disabled, .questionsBtn a:disabled, .sendBtn a:disabled, .nextBtn span input:disabled, .giftBtn a:disabled, .giftNone a:disabled, .favoriteBtn a:disabled {
  background: #BFBFBF;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}

.poh_btn:hover, .againBtn a:hover, .suBtn a:hover, .questionsBtn a:hover, .sendBtn a:hover, .nextBtn span input:hover, .giftBtn a:hover, .giftNone a:hover, .favoriteBtn a:hover {
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .poh_btn, .againBtn a, .suBtn a, .questionsBtn a, .sendBtn a, .nextBtn span input, .giftBtn a, .giftNone a, .favoriteBtn a {
    font-size: 18px;
    padding: 1em 0.5em;
  }
}
@media screen and (max-width: 749px) {
  .poh_btn, .againBtn a, .suBtn a, .questionsBtn a, .sendBtn a, .nextBtn span input, .giftBtn a, .giftNone a, .favoriteBtn a {
    font-size: 16px;
    padding: 0.8em 0.5em;
  }
}
.poh_btnWrap, .againBtn, .suBtn, .questionsBtn, .sendBtn, .nextBtn, .giftBtn, .giftNone, .favoriteBtn {
  text-align: center;
}

@media screen and (min-width: 750px) {
  .poh_btnWrap, .againBtn, .suBtn, .questionsBtn, .sendBtn, .nextBtn, .giftBtn, .giftNone, .favoriteBtn {
    width: 100%;
    max-width: 400px;
    margin: 104px auto 48px;
  }
}
@media screen and (max-width: 749px) {
  .poh_btnWrap, .againBtn, .suBtn, .questionsBtn, .sendBtn, .nextBtn, .giftBtn, .giftNone, .favoriteBtn {
    margin: 32px 26px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.poh_btnWrap .poh_btn:not(:last-of-type), .againBtn .poh_btn:not(:last-of-type), .againBtn a:not(:last-of-type), .suBtn .poh_btn:not(:last-of-type), .suBtn a:not(:last-of-type), .questionsBtn .poh_btn:not(:last-of-type), .questionsBtn a:not(:last-of-type), .sendBtn .poh_btn:not(:last-of-type), .sendBtn a:not(:last-of-type), .nextBtn .poh_btn:not(:last-of-type), .nextBtn span input:not(:last-of-type), .giftBtn .poh_btn:not(:last-of-type), .giftBtn a:not(:last-of-type), .giftNone .poh_btn:not(:last-of-type), .giftNone a:not(:last-of-type), .favoriteBtn .poh_btn:not(:last-of-type), .favoriteBtn a:not(:last-of-type) {
  margin-bottom: 2em;
}

.poh_btnWrap--form {
  margin: 0 auto;
}

/* ----------------------
**
** 追従型ボタン
**
---------------------- */
.goLike a, .goCart a {
  position: fixed;
  z-index: 2001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--pola-color);
  padding: 0;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 1025px) {
  .goLike a, .goCart a {
    width: 260px;
    height: 64px;
    border-radius: 8px 0 0 8px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .goLike a, .goCart a {
    width: 195px;
    height: 60px;
    border-radius: 8px 0 0 8px;
  }
}
@media screen and (max-width: 749px) {
  .goLike a, .goCart a {
    width: 150px;
    height: 60px;
    border-radius: 8px 0 0 8px;
  }
}
.goLike a > p:first-of-type, .goCart a > p:first-of-type {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 1025px) {
  .goLike a > p:first-of-type, .goCart a > p:first-of-type {
    min-width: 64px;
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .goLike a > p:first-of-type, .goCart a > p:first-of-type {
    min-width: 60px;
    width: 60px;
    height: 60px;
  }
}
.goLike a > p:first-of-type::before, .goCart a > p:first-of-type::before {
  content: "";
  display: block;
}

@media screen and (min-width: 1025px) {
  .goLike a > p:first-of-type::before, .goCart a > p:first-of-type::before {
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .goLike a > p:first-of-type::before, .goCart a > p:first-of-type::before {
    width: 24px;
    height: 24px;
    margin-bottom: 3px;
  }
}
.goLike a > p:nth-of-type(2), .goCart a > p:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 1025px) {
  .goLike a > p:nth-of-type(2), .goCart a > p:nth-of-type(2) {
    font-size: 20px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 1024px) {
  .goLike a > p:nth-of-type(2), .goCart a > p:nth-of-type(2) {
    padding-right: 10px;
  }
}
/* 
** カートボタン（追従型）
*/
.goCart {
  z-index: 2001;
}

@media screen and (max-width: 1024px) {
  .goCart {
    width: unset;
    position: unset;
    bottom: unset;
    right: unset;
  }
}
.goCart a .cartCount {
  color: unset;
  text-align: unset;
  background: unset;
  margin-bottom: unset;
}

@media screen and (min-width: 1025px) {
  .goCart a {
    bottom: 54%;
    right: -198px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .goCart a {
    bottom: 530px;
    right: -137px;
  }
}
@media screen and (max-width: 749px) {
  .goCart a {
    bottom: 216px;
    right: -90px;
  }
}
@media screen and (max-width: 1024px) {
  .goCart a .cartCount {
    background-color: transparent;
  }
}
.goCart a .cartCount::before {
  background: url("../../../tmp_set/pohd_2025-0/image/common/bi_cart.svg") center/contain no-repeat;
}

/* 
** ライクボタン（追従型）
*/
.goLike {
  z-index: 2001;
}

.goLike a .count {
  color: unset;
  text-align: unset;
  background: unset;
  margin-bottom: unset;
}

@media screen and (min-width: 1025px) {
  .goLike a {
    bottom: calc(54% - 64px - 32px);
    right: -198px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .goLike a {
    bottom: 446px;
    right: -137px;
  }
}
@media screen and (max-width: 749px) {
  .goLike a {
    bottom: 132px;
    right: -90px;
  }
}
@media screen and (max-width: 1024px) {
  .goLike a .count {
    background-color: transparent;
  }
}
.goLike a .count::before {
  background: url("../../../tmp_set/pohd_2025-0/image/common/bi_star.svg") center/contain no-repeat;
}

/* ----------------------
**
** favoriteBtn
**
---------------------- */
@media screen and (min-width: 750px) {
  .favoriteBtn {
    margin: 32px auto;
  }
}
.favoriteBtn a {
  height: auto;
  line-height: inherit;
  vertical-align: unset;
}

.favoriteBtn a::before {
  content: none;
}

/* ----------------------
**
** giftNone
**
---------------------- */
@media screen and (min-width: 750px) {
  .giftNone {
    margin: 32px auto;
  }
}
.giftNone a {
  height: auto;
  line-height: inherit;
  vertical-align: unset;
}

.giftNone a::before {
  content: none;
}

/* ----------------------
**
** giftBtn
**
---------------------- */
@media screen and (min-width: 750px) {
  .giftBtn {
    margin: 32px auto;
  }
}
.giftBtn a {
  height: auto;
  line-height: inherit;
  vertical-align: unset;
  border: none;
}

.giftBtn a::after {
  content: none;
}

/* ----------------------
**
** nextBtn
**
---------------------- */
.nextBtn span::before {
  content: none;
}

.nextBtn span input {
  border: none;
}

.nextBtn span input.checkOk {
  border: none;
}

/* ----------------------
**
** logout
**
---------------------- */
.logout {
  text-align: center;
}

@media screen and (min-width: 750px) {
  .logout {
    margin-top: 40px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 749px) {
  .logout {
    margin-top: 26px;
    margin-bottom: 32px;
  }
}
.logout .btnLogout {
  background: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: solid 1px #333;
  color: #333;
  padding: 0;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.logout .btnLogout:hover {
  opacity: 0.7;
}

/* ----------------------
**
** sendBtn
**
---------------------- */
.sendBtn a {
  background: #FFCC00;
  border: none;
  line-height: unset;
}

.sendBtn a::after {
  content: none;
}

/* ----------------------
**
** questionsBtn
**
---------------------- */
.questionsBtn a {
  background: #FFCC00;
  line-height: unset;
}

.questionsBtn a::after {
  content: none;
}

.finishBox .questionsBtn a {
  color: #ffffff;
}

/* ----------------------
**
** suBtn
**
---------------------- */
.suBtn a {
  height: auto;
  line-height: inherit;
  vertical-align: unset;
  border: none;
}

.suBtn a::before {
  content: none;
}

/* ----------------------
**
** againBtn
**
---------------------- */
.finishBox .againBtn a {
  color: #ffffff;
}

/* ----------------------
**
** カード
**
---------------------- */
.poh_userCard {
  display: block;
  width: 100%;
  background-color: #ffffff;
}

@media screen and (min-width: 750px) {
  .poh_userCard {
    border-radius: 24px;
    padding: 36px 0;
  }
}
@media screen and (max-width: 749px) {
  .poh_userCard {
    border-radius: 8px;
    padding: 32px 26px;
  }
}
.poh_userCardWrap {
  width: 100%;
  position: relative;
  z-index: 1; /* ヘッダーに重ねるため */
  padding-right: 26px;
  padding-left: 26px;
}

@media screen and (min-width: 1025px) {
  .poh_userCardWrap {
    margin: 36px auto 0;
    max-width: 1052px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .poh_userCardWrap {
    margin: 36px auto 0;
  }
}
@media screen and (max-width: 749px) {
  .poh_userCardWrap {
    margin: -40px auto 0;
  }
}
@media screen and (min-width: 1025px) {
  .poh_userCard__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
@media screen and (min-width: 1025px) {
  .poh_userCard__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4%;
    padding-left: 4%;
    min-width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .poh_userCard__name {
    margin-bottom: 16px;
    text-align: center;
  }
}
.poh_userCard__name h1 {
  margin: 0;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .poh_userCard__name h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 749px) {
  .poh_userCard__name h1 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .poh_userCard__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: 4%;
    padding-left: 4%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 420px;
  }
}
.poh_userCard__data::before {
  content: "";
  display: block;
  background-color: var(--pola-color);
}

@media screen and (min-width: 1025px) {
  .poh_userCard__data::before {
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .poh_userCard__data::before {
    width: 84%;
    height: 2px;
    margin: 0 auto 16px;
  }
}
.poh_userCard__data table {
  margin-right: auto;
  margin-left: auto;
}

.poh_userCard__data table th,
.poh_userCard__data table td {
  font-weight: bold;
  line-height: 2;
}

@media screen and (min-width: 750px) {
  .poh_userCard__data table th,
  .poh_userCard__data table td {
    font-size: 18px;
  }
}
@media screen and (max-width: 749px) {
  .poh_userCard__data table th,
  .poh_userCard__data table td {
    font-size: 14px;
  }
}
.poh_userCard__data table th {
  padding-right: 2em;
  text-align: left;
}

.poh_userCard__notice {
  color: #ED4949;
  font-weight: bold;
  padding: 1.9em 4% 0;
}

@media screen and (min-width: 750px) {
  .poh_userCard__notice {
    font-size: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 749px) {
  .poh_userCard__notice {
    font-size: 12px;
  }
}
.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

@media screen and (min-width: 768px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
}
/* ----------------------
**
** 一覧リスト
**
---------------------- */
.itemList.poh_listBox, #cateList.poh_categoryList, #cateList.poh_categoryIndexList {
  display: grid;
}

@media screen and (min-width: 750px) {
  .itemList.poh_listBox, #cateList.poh_categoryList, #cateList.poh_categoryIndexList {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
  }
}
@media screen and (max-width: 749px) {
  .itemList.poh_listBox, #cateList.poh_categoryList, #cateList.poh_categoryIndexList {
    background-color: #ffffff;
    border-radius: 0 0 8px 8px;
    margin: 0 26px;
  }
}
@media screen and (max-width: 749px) {
  .itemList.poh_listBox, #cateList.poh_categoryList, #cateList.poh_categoryIndexList {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 24px;
  }
}
@media screen and (min-width: 750px) {
  .itemList.poh_listBox.poh_listBox--col3, #cateList.poh_categoryList.poh_categoryList--col3, #cateList.poh_categoryIndexList.poh_categoryIndexList--col3 {
    grid-template-columns: 0.408fr repeat(3, 1fr) 0.408fr;
  }
  .itemList.poh_listBox.poh_listBox--col3::before, #cateList.poh_categoryList.poh_categoryList--col3::before, #cateList.poh_categoryIndexList.poh_categoryIndexList--col3::before, .itemList.poh_listBox.poh_listBox--col3::after, #cateList.poh_categoryList.poh_categoryList--col3::after, #cateList.poh_categoryIndexList.poh_categoryIndexList--col3::after {
    content: "";
    display: block;
  }
}
@media screen and (min-width: 750px) {
  .itemList.poh_listBox.poh_listBox--col2, #cateList.poh_categoryList.poh_categoryList--col2, #cateList.poh_categoryIndexList.poh_categoryIndexList--col2 {
    grid-template-columns: repeat(4, 1fr);
  }
  .itemList.poh_listBox.poh_listBox--col2::before, #cateList.poh_categoryList.poh_categoryList--col2::before, #cateList.poh_categoryIndexList.poh_categoryIndexList--col2::before, .itemList.poh_listBox.poh_listBox--col2::after, #cateList.poh_categoryList.poh_categoryList--col2::after, #cateList.poh_categoryIndexList.poh_categoryIndexList--col2::after {
    content: "";
    display: block;
  }
}
@media screen and (min-width: 750px) {
  .itemList.poh_listBox.poh_listBox--col1, #cateList.poh_categoryList.poh_categoryList--col1, #cateList.poh_categoryIndexList.poh_categoryIndexList--col1 {
    grid-template-columns: 1.59fr 1fr 1.59fr;
  }
  .itemList.poh_listBox.poh_listBox--col1::before, #cateList.poh_categoryList.poh_categoryList--col1::before, #cateList.poh_categoryIndexList.poh_categoryIndexList--col1::before, .itemList.poh_listBox.poh_listBox--col1::after, #cateList.poh_categoryList.poh_categoryList--col1::after, #cateList.poh_categoryIndexList.poh_categoryIndexList--col1::after {
    content: "";
    display: block;
  }
}
@media screen and (max-width: 749px) {
  .itemList.poh_listBox.poh_listBox--col1, #cateList.poh_categoryList.poh_categoryList--col1, #cateList.poh_categoryIndexList.poh_categoryIndexList--col1 {
    grid-template-columns: 0.41fr 1fr 0.41fr;
  }
  .itemList.poh_listBox.poh_listBox--col1::before, #cateList.poh_categoryList.poh_categoryList--col1::before, #cateList.poh_categoryIndexList.poh_categoryIndexList--col1::before, .itemList.poh_listBox.poh_listBox--col1::after, #cateList.poh_categoryList.poh_categoryList--col1::after, #cateList.poh_categoryIndexList.poh_categoryIndexList--col1::after {
    content: "";
    display: block;
  }
}
/* ----------------------
** category/index リスト
---------------------- */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #cateList.poh_categoryIndexList {
    padding-right: 26px;
    padding-left: 26px;
  }
}
@media screen and (max-width: 749px) {
  #cateList.poh_categoryIndexList {
    padding: 0 16px 32px;
  }
}
#cateList.poh_categoryIndexList a dt img {
  -webkit-box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 750px) {
  #cateList.poh_categoryIndexList a dt img {
    border-radius: 24px;
  }
}
@media screen and (max-width: 749px) {
  #cateList.poh_categoryIndexList a dt img {
    border-radius: 8px;
  }
}
/* ----------------------
** category/sub リスト
---------------------- */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #cateList.poh_categoryList {
    padding-right: 26px;
    padding-left: 26px;
  }
}
@media screen and (max-width: 749px) {
  #cateList.poh_categoryList {
    padding: 0 16px 32px;
  }
}
#cateList.poh_categoryList a dt img {
  -webkit-box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 750px) {
  #cateList.poh_categoryList a dt img {
    border-radius: 24px;
  }
}
@media screen and (max-width: 749px) {
  #cateList.poh_categoryList a dt img {
    border-radius: 8px;
  }
}
/* ----------------------
** goods/index リスト
---------------------- */
@media screen and (min-width: 1025px) {
  .itemList.poh_listBox {
    width: 100%;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .itemList.poh_listBox {
    width: 100%;
    padding-right: 26px;
    padding-left: 26px;
  }
}
@media screen and (max-width: 749px) {
  .itemList.poh_listBox {
    padding: 0 16px 32px;
  }
}
.itemList.poh_listBox li a {
  display: block;
}

.itemList.poh_listBox li a img {
  -webkit-box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 750px) {
  .itemList.poh_listBox li a img {
    border-radius: 24px;
  }
}
@media screen and (max-width: 749px) {
  .itemList.poh_listBox li a img {
    border-radius: 8px;
  }
}
.itemList.poh_listBox li a .indexItem {
  margin-top: 1em;
  line-height: 1.2;
}

@media screen and (min-width: 750px) {
  .itemList.poh_listBox li a .indexItem {
    font-size: 18px;
  }
}
@media screen and (max-width: 749px) {
  .itemList.poh_listBox li a .indexItem {
    font-size: 12px;
  }
}
.itemList.poh_listBox li a .itemPoint,
.itemList.poh_listBox li a .itemPointText {
  display: none;
}

/* ----------------------
**
** タイトル
**
---------------------- */
/* 一覧タイトル */
.poh_listTitle {
  color: var(--pola-color);
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 1025px) {
  .poh_listTitle {
    margin: 0 0 36px;
    font-size: 24px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .poh_listTitle {
    margin: 0 26px 36px;
    font-size: 24px;
  }
}
@media screen and (max-width: 749px) {
  .poh_listTitle {
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
    margin: 0 26px;
  }
}
@media screen and (max-width: 749px) {
  .poh_listTitle {
    font-size: 16px;
    text-align: center;
    padding: 26px 32px;
  }
}
/* ----------------------
**
** goods/detail
**
---------------------- */
/* 
** 共通設定
*/
#detailWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#detailWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: var(--pola-color) !important;
}

/* 
** 既存のスタイルのリセット
*/
@media screen and (max-width: 749px) {
  #detailWrap p.catePrev a::after {
    margin: 0;
  }
}
#detailWrap .detailBox {
  margin: 0;
}

#detailWrap .detailBox .detailImg img {
  width: 100%;
  height: inherit;
}

#detailWrap .detailBox .detailImg .bx-pager.bx-default-pager {
  display: none;
}

@media screen and (min-width: 750px) {
  #detailWrap .detailBox .detailTx {
    float: none;
  }
}
#detailWrap .detailBox .detailTx .itemDetail li {
  padding: 0;
}

@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail:first-of-type .itemTx {
    padding: 0; /* POLAではここの箇所は使わないので余白は無しにする */
  }
}
#detailWrap .detailBox .detailTx .itemDetail .detail_itemPoint {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

#detailWrap .detailBox .detailTx .itemDetail .itemDetail .itemName {
  padding: 0;
}

/* 
** コンテナのマージン
*/
#detailWrap {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-right: 26px;
  padding-left: 26px;
}

@media screen and (min-width: 1025px) {
  #detailWrap {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap {
    background-color: #F9F9F9;
  }
}
/* 
** パンくずリスト
*/
p.catePrev {
  width: auto;
  margin: unset;
  font-size: unset;
}

p.catePrev a {
  padding: unset;
  vertical-align: unset;
}

p.catePrev a::after {
  position: unset;
  top: unset;
  left: unset;
  width: auto;
  height: auto;
  margin-top: unset;
}

@media screen and (min-width: 750px) {
  p.catePrev {
    padding: 20px 0 30px;
  }
}
@media screen and (max-width: 749px) {
  p.catePrev {
    padding: 0 0 60px;
  }
}
p.catePrev a {
  color: var(--pola-color);
  position: relative;
  padding-left: 1.3em;
  margin-left: 0.5em;
}

@media screen and (min-width: 750px) {
  p.catePrev a {
    font-size: 14px;
  }
}
@media screen and (max-width: 749px) {
  p.catePrev a {
    font-size: 10px;
  }
}
p.catePrev a::after {
  content: "";
  display: inline-block;
  border-bottom: solid 1px var(--pola-color);
  border-left: solid 1px var(--pola-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
}

@media screen and (min-width: 750px) {
  p.catePrev a::after {
    width: 8px;
    height: 8px;
    top: calc(50% - 6px);
  }
}
@media screen and (max-width: 749px) {
  p.catePrev a::after {
    width: 4px;
    height: 4px;
    top: calc(50% - 3px);
  }
}
/* 
** 詳細ボックスのレイアウト
*/
.detailBox {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .detailBox {
    display: grid;
    -webkit-column-gap: 4.819%;
    -moz-column-gap: 4.819%;
    column-gap: 4.819%;
    grid-template-columns: 46.385% 48.795%;
    grid-template-rows: auto auto;
  }
}
@media screen and (max-width: 749px) {
  .detailBox {
    position: relative; /* ポイントを上部に表示させるため */
  }
}
.detailBox .catePrev {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .detailBox .catePrev {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
.detailBox .detailImg {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .detailBox .detailImg {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.detailBox .detailTx {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .detailBox .detailTx {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
/* 
** 画像グループ
*/
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailImg {
    background-color: #ffffff;
    padding: 26px 32px;
  }
}
/* 
** テキストグループ
*/
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx {
    margin-top: 0;
    background: #ffffff;
    border-radius: 0 0 8px 8px;
  }
}
/* 
** アイテム詳細グループ： １つ目
** 並び順の変更
*/
#detailWrap .detailBox .detailTx .itemDetail:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#detailWrap .detailBox .detailTx .itemDetail:first-of-type .itemCode {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#detailWrap .detailBox .detailTx .itemDetail:first-of-type .detail_itemPoint {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#detailWrap .detailBox .detailTx .itemDetail:first-of-type .itemName {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#detailWrap .detailBox .detailTx .itemDetail:first-of-type .itemTx {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

/* 
** 商品番号
*/
#detailWrap .detailBox .detailTx .itemDetail .itemCode {
  border-bottom: none;
}

@media screen and (min-width: 1025px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemCode {
    font-size: 18px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemCode {
    font-size: 16px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemCode {
    font-size: 12px;
    padding: 16px 32px;
  }
}
/* 
** アイテム説明テキスト
*/
#detailWrap .detailBox .detailTx .itemDetail .itemTx {
  color: #000000;
  border-bottom: none;
  word-wrap: break-word; /* 念の為、半角文字列で長いものがあったとき用（URLなど） */
  word-break: break-all;
}

@media screen and (min-width: 1025px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemTx {
    font-size: 20px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemTx {
    font-size: 16px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemTx {
    font-size: 12px;
  }
}
#detailWrap .detailBox .detailTx .itemDetail .itemTx a {
  color: var(--pola-color) !important;
  font-weight: bold;
}

#detailWrap .detailBox .detailTx .itemDetail .itemTx a:hover, #detailWrap .detailBox .detailTx .itemDetail .itemTx a:active, #detailWrap .detailBox .detailTx .itemDetail .itemTx a:visited #detailWrap .detailBox .detailTx .itemDetail .itemTx a:focus {
  color: var(--pola-color) !important;
}

/* 
** ポイント
*/
#detailWrap .detailBox .detailTx .itemDetail .detail_itemPoint {
  color: #000000;
  line-height: 1.5;
}

@media screen and (min-width: 1025px) {
  #detailWrap .detailBox .detailTx .itemDetail .detail_itemPoint {
    font-size: 30px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .detailBox .detailTx .itemDetail .detail_itemPoint {
    font-size: 24px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail .detail_itemPoint {
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
    margin: 0 26px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail .detail_itemPoint {
    font-size: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    margin: 40px 0 0;
    padding: 26px 32px;
  }
}
/* 
** 商品名
*/
#detailWrap .detailBox .detailTx .itemDetail .itemName {
  color: #000000;
  line-height: 1.5;
}

@media screen and (min-width: 1025px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemName {
    margin-bottom: 30px;
    border-bottom: solid 1px var(--pola-color);
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemName {
    margin-bottom: 26px;
    border-bottom: solid 1px var(--pola-color);
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemName {
    padding: 0 32px;
  }
  #detailWrap .detailBox .detailTx .itemDetail .itemName::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(8%, #ffffff), color-stop(9%, var(--pola-color)), color-stop(92%, var(--pola-color)), color-stop(93%, #ffffff), to(#ffffff));
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 8%, var(--pola-color) 9%, var(--pola-color) 92%, #ffffff 93%, #ffffff 100%);
  }
}
@media screen and (min-width: 1025px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemName h1 {
    font-size: 30px;
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemName h1 {
    font-size: 24px;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail .itemName h1 {
    font-size: 16px;
    margin-bottom: 26px;
  }
}
/* 
** アイテム詳細グループ： ２つ目
** 並び順の変更
*/
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail:nth-of-type(2) > li {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail:nth-of-type(2) .itemTx {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .detailBox .detailTx .itemDetail:nth-of-type(2) .itemTx {
    padding: 0 0 30px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .detailBox .detailTx .itemDetail:nth-of-type(2) .itemTx {
    padding: 0 32px 10px;
  }
  #detailWrap .detailBox .detailTx .itemDetail:nth-of-type(2) .itemTx .grad-item {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
}
/* 
** 続きを読む
*/
.grad-trigger {
  color: var(--pola-color);
  border: solid 1px var(--pola-color);
}

@media screen and (min-width: 750px) {
  .grad-trigger {
    background: #F9F9F9;
  }
}
@media screen and (max-width: 749px) {
  .grad-trigger {
    background: #ffffff;
  }
}
@media screen and (min-width: 750px) {
  .grad-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 249, 249, 0)), color-stop(50%, rgba(249, 249, 249, 0.9)), color-stop(50%, rgba(249, 249, 249, 0.9)), to(#F9F9F9));
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.9) 50%, rgba(249, 249, 249, 0.9) 50%, #F9F9F9 100%);
  }
}
@media screen and (max-width: 749px) {
  .grad-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#ffffff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #ffffff 100%);
  }
}
#detailWrap .likeBtn, #detailWrap .cartBtn {
  width: unset;
  float: none;
  margin-bottom: 0;
}

#detailWrap .likeBtn a, #detailWrap .cartBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--pola-color);
  padding: 0;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2;
}

#detailWrap .likeBtn a::before, #detailWrap .cartBtn a::before {
  content: "";
  display: block;
  position: unset;
  top: unset;
  left: unset;
}

@media screen and (min-width: 1025px) {
  #detailWrap .likeBtn a, #detailWrap .cartBtn a {
    border-radius: 16px;
    width: 128px;
    height: 128px;
    font-size: 17px;
  }
  #detailWrap .likeBtn a::before, #detailWrap .cartBtn a::before {
    width: 48px;
    height: 48px;
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 1024px) {
  #detailWrap .likeBtn a, #detailWrap .cartBtn a {
    border-radius: 8px;
    width: 104px;
    height: 104px;
    font-size: 14px;
  }
  #detailWrap .likeBtn a::before, #detailWrap .cartBtn a::before {
    width: 32px;
    height: 32px;
    margin-bottom: 7px;
  }
}
/* 
** 矩形ボタン
** カートボタン
*/
@media screen and (min-width: 1025px) {
  #detailWrap .cartBtn a {
    padding-right: calc((128px - 4em) * 0.5);
    padding-left: calc((128px - 4em) * 0.5);
  }
}
@media screen and (max-width: 1024px) {
  #detailWrap .cartBtn a {
    padding-right: calc((104px - 4em) * 0.5);
    padding-left: calc((104px - 4em) * 0.5);
  }
}
#detailWrap .cartBtn a::before {
  background: url("../../../tmp_set/pohd_2025-0/image/common/bi_cart.svg") center/contain no-repeat;
}

#detailWrap .cartBtn.cartBtnDisable a {
  background-color: #BFBFBF;
}

/* 
** 矩形ボタン
** ライクボタン
*/
#detailWrap .likeBtn a {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#detailWrap .likeBtn a::before {
  background: url("../../../tmp_set/pohd_2025-0/image/common/bi_star.svg") center/contain no-repeat;
}

/* 
** ボタングループ
*/
.btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 9.876%;
  -moz-column-gap: 9.876%;
  column-gap: 9.876%;
}

@media screen and (min-width: 1025px) {
  .btnBox {
    padding: 35px 0 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .btnBox {
    padding: 0 26px 26px;
  }
}
@media screen and (max-width: 749px) {
  .btnBox {
    background-color: #ffffff;
    border-radius: 0 0 8px 8px;
    margin: 0 26px;
  }
}
@media screen and (max-width: 749px) {
  .btnBox {
    padding: 0 32px 26px;
    margin: 0;
  }
}
.btnBox.cl::after {
  content: none;
}

/* 
** 下部ボタン
*/
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #detailWrap .poh_btnWrap {
    margin: 104px auto 32px;
  }
}
@media screen and (max-width: 749px) {
  #detailWrap .poh_btnWrap {
    margin: 32px 0 16px;
  }
}
/* ----------------------
**
** goods/index
**
---------------------- */
.itemList.poh_listBox {
  width: auto;
}

.itemList.poh_listBox li {
  width: auto;
  float: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: unset;
  margin: unset;
  position: unset;
  min-height: unset;
}

.itemList.poh_listBox li img {
  margin-bottom: unset;
  border-radius: unset;
  height: unset;
}

.itemList.poh_listBox li span {
  padding: unset;
  margin: unset;
  position: unset;
  font-size: unset;
}

.itemList.poh_listBox li span.indexItemName::after {
  content: none;
}

/* ----------------------
**
** category/sub
**
---------------------- */
@media screen and (min-width: 1025px) {
  #cateWrap.poh_categoryWrap {
    width: 100%;
    max-width: 1052px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 26px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #cateWrap.poh_categoryWrap {
    padding: 0;
  }
}
@media screen and (max-width: 749px) {
  #cateWrap.poh_categoryWrap {
    padding: 0;
  }
}
#cateList {
  width: auto;
  border-bottom: none;
  margin: unset;
  padding-top: unset;
}

#cateList a {
  width: auto;
  float: none;
  margin: unset;
  position: unset;
  border-top: none;
}

#cateList a::after {
  content: none;
}

#cateList a dl {
  display: block;
  margin: unset;
}

#cateList a dl dt {
  width: auto;
  display: block;
  border: none;
  vertical-align: unset;
  padding: unset;
}

/* ----------------------
**
** category/index
**
---------------------- */
@media screen and (min-width: 1025px) {
  #cateWrap.poh_categoryIndexWrap {
    width: 100%;
    max-width: 1052px;
    margin-right: auto;
    margin-left: auto;
    padding: 32px 26px 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #cateWrap.poh_categoryIndexWrap {
    padding: 32px 0 0;
  }
}
@media screen and (max-width: 749px) {
  #cateWrap.poh_categoryIndexWrap {
    margin-top: 32px;
  }
}
/* ----------------------
**
** カートページ
**
---------------------- */
.pageTitle {
  color: var(--pola-color);
}

@media screen and (min-width: 750px) {
  .formWrap .formBox {
    border: 1px solid #9c9eb4;
    border-top: 3px solid #9c9eb4;
  }
}
.formWrap .formBox dt {
  background: #e5e6eb;
}

@media screen and (min-width: 750px) {
  .formWrap .formBox dt {
    border-top: 1px solid #9c9eb4;
  }
}
@media screen and (min-width: 750px) {
  .formWrap .formBox dd {
    border-top: 1px solid #9c9eb4;
  }
}
.formWrap .formBox .zip a.zipSearch {
  color: #707393;
}

div.another label {
  background: #9c9eb4;
}

@media screen and (min-width: 1025px) {
  #privacy_include {
    width: 1000px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  #privacy_include {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .prLavel {
    width: 1000px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .prLavel {
    width: 100%;
  }
}
@media screen and (min-width: 750px) {
  .checkbox {
    line-height: 1.8;
  }
}
/* ----------------------
**
** 注文フォーム
**
---------------------- */
@media screen and (min-width: 750px) {
  .noticeWrap .noticeBox {
    border: solid 1px #9c9eb4;
    border-top: solid 3px #9c9eb4;
  }
}
#frm_input .mesBox_3 {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.finishBox a {
  color: #707394;
}

@media screen and (max-width: 749px) {
  .finishBox h1 {
    background: var(--pola-color);
  }
}
@media screen and (min-width: 750px) {
  .formBtnBox {
    width: 100%;
    max-width: 640px;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox dl {
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox dt {
    width: 30%;
    padding: 0 0 8px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox dt img {
    width: 80%;
  }
}
.likeWrap .likeBox dd {
  padding: 8px 0;
}

@media screen and (min-width: 750px) {
  .likeWrap .likeBox dd {
    border-right: 0;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox dd:nth-of-type(1) {
    width: 70%;
    border-bottom: 1px solid #ccc;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox dd:nth-of-type(2), .likeWrap .likeBox dd:nth-of-type(3) {
    width: 21%;
    text-align: center;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox dd.num {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox .selectItemBox dt {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox .selectItemBox dt img {
    width: 100%;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox .selectItemBox dd.num {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox .selectItemBox dd.num {
    float: none;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox .selectItemBox dd.numBtn {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox .selectItemBox dd.numBtn {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox .selectItemBox dd.dlBtn {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox .selectItemBox dd.dlBtn {
    margin-top: 0;
    text-align: unset;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox.favorite .selectItemBox form {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 749px) {
  .likeWrap .likeBox.favorite .selectItemBox form dl dt {
    width: 66px;
    min-width: 66px;
    max-width: 66px;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox.favorite .selectItemBox form dl dd.dlRecBtn {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
  }
}
@media screen and (min-width: 750px) {
  .likeWrap .likeBox.favorite .selectItemBox form dl dd.dlRecBtn a {
    padding: 10px;
  }
}
@media screen and (min-width: 750px) and (min-width: 750px) {
  .likeWrap .likeBox.favorite .selectItemBox form dl dd.dlRecBtn a::before {
    position: unset;
    padding-right: 0.2em;
  }
}
/* ----------------------
**
** アンケートページ
**
---------------------- */
.suWrap h1 i {
  color: #9c9eb4;
}

.suWrap dl dt {
  border: dotted 1px #9c9eb4;
}

.numList {
  background: #9c9eb4;
}