@charset "UTF-8";

img {
  height: auto;
}

.is_sp {
  display: none !important;
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .is_sp {
    display: block !important;
  }

  .is_pc {
    display: none !important;
  }
}

dl dd {
  word-wrap: break-word;
}

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

component

-------------------------------------------------------------*/
.c_red {
  color: #CB0000;
}

.f_en {
  font-family: 'Oswald', sans-serif;
}

main.mainContent h1,
main.mainContent h2,
main.mainContent h3,
main.mainContent h4,
main.mainContent h5 {
  font-weight: 500;
}

main.mainContent a:hover {
  opacity: 0.5;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out;
}

.cmnBtn01Box {
  display: flex;
  justify-content: center;
}

.cmnBtn01 {
  width: 434px;
  height: 77px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  background: #CB0000;
  border-radius: 100px;
  position: relative;
}

.cmnBtn01:after {
  content: "";
  width: 24px;
  height: 24px;
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background: url(img/cmn_arrow02.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

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

TOP

-------------------------------------------------------------*/
.mainContent {
  position: relative;
  overflow: hidden;
}

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

ABOUT

-------------------------------------------------------------*/
.mainVSub {
  position: relative;
  margin-bottom: 2rem;
}

.mainVSub_ttl {
  position: absolute;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1;
  height: 5rem;
  top: 0;
  bottom: 0;
  left: 13rem;
  margin: auto;
}

.aboutIntro {
  position: relative;
  margin-top: -6rem;
  padding-top: 10rem;
  margin-bottom: 10rem;
}

.aboutIntro:before {
  content: "";
  width: 100%;
  height: 27rem;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #fff1de 0%, #ffffff 100%);
}

.aboutIntroInner {
  width: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}

.aboutIntroInnerL {
  width: 50%;
}

.aboutIntroInnerL_ttl {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.aboutIntroInnerR {
  width: 45%;
}

.aboutSign {
  margin: 10rem;
}

.aboutSign_ttl {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: -1rem;
  line-height: 1.6;
}

.aboutSign_ttl_txt01 {
  font-size: 2.4rem;
  font-weight: 600;
}

.aboutSign_ttl_txt02 {
  font-size: 3rem;
  font-weight: 900;
}

.aboutSignList {
  width: 75%;
  margin: 0 auto 3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.aboutSignList_item {
  width: 24%;
  position: relative;
  opacity: 0;
}

.aboutSignList_itemTxt {
  position: absolute;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
  bottom: 2rem;
  width: 100%;
}

.aboutSign_txt {
  text-align: center;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.6;
}

.ctaBox--subPage .ctaBox_ttl {
  width: 103rem;
  margin: 0 auto;
  position: relative;
  top: -3rem;
  margin-bottom: -5rem;
}

.aboutReason {
  background: url(../../src/img/about_reason_bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 15rem 0 10rem;
}

.aboutReasonInner {
  width: 80%;
  margin: 0 auto;
}

.aboutReasonInnerList {}

.aboutReasonInnerList_item {
  background: #fff;
  border-radius: 10px;
  padding: 6rem 7rem;
  margin-bottom: 4rem;
}

.aboutReasonInnerList_itemBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.aboutReasonInnerList_itemRev .aboutReasonInnerList_itemBox {
  flex-direction: row-reverse;
}

.aboutReasonInnerList_itemBoxL {
  width: 50%;
}

.aboutReasonInnerList_item05 .aboutReasonInnerList_itemBoxL {
  width: 52%;
}

.aboutReasonInnerList_itemBoxL_num {
  font-size: 2.9rem;
  display: flex;
  align-items: flex-end;
  line-height: 1;
  margin-bottom: 2rem;
}

.aboutReasonInnerList_itemBoxL_num span {
  font-size: 4.3rem;
  margin-left: 1.5rem;
}

.aboutReasonInnerList_itemBoxR {
  width: 45%;
}

.aboutReasonInnerList_itemBoxL_ttl {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}

.aboutReasonInnerList_itemBoxL_ttl mark {
  background: linear-gradient(transparent 70%, #FFE200 30%);
}

.aboutReasonInnerList_itemBoxL_txt {}

.aboutReasonInnerList_itemBoxL_note {
  font-size: 1.2rem;
  margin-top: 2rem;
}

.aboutReasonInnerList_itemAddBox01 {
  margin-top: 4rem;
}

.aboutReasonInnerList_itemAddBox01 p {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.aboutReasonInnerList_itemAddBox01 a {
  color: #FFF500;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1DBE60;
  border-radius: 5px;
  height: 5rem;
  width: 21rem;
  margin: 0 auto;
}

.aboutReasonInnerList_itemAddBox02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5rem;
}

.aboutReasonInnerList_itemAddBox02 li {
  width: 19%;
  position: relative;
}

.aboutReasonInnerList_itemAddBox02 li p {
  font-size: 16px;
  font-weight: 600;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 0.4rem;
  width: 100%;
  line-height: 1.4;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .mainVSub {
    position: relative;
    margin-bottom: 0rem;
  }

  .mainVSub_ttl {
    position: absolute;
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1;
    height: 4rem;
    top: 0;
    bottom: 0;
    left: 3rem;
    margin: auto;
  }

  .aboutIntro {
    position: relative;
    margin-top: -6rem;
    padding-top: 10rem;
    margin-bottom: 10rem;
  }

  .aboutIntroInner {
    width: 95%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
  }

  .aboutIntroInnerL {
    width: 61%;
  }

  .aboutIntroInnerL_ttl {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .aboutIntroInnerR {
    width: 39%;
  }

  .aboutSign {
    margin: 10rem 0;
  }

  .aboutSignList {
    width: 93%;
    margin: 0 auto 3rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .aboutReasonInner {
    width: 95%;
    margin: 0 auto;
  }

  .aboutReasonInnerList_item {
    background: #fff;
    border-radius: 10px;
    padding: 4rem 4rem;
    margin-bottom: 4rem;
  }

  .aboutReasonInnerList_itemBoxL_txt br {
    display: none !important;
  }

  .ctaBox--subPage .ctaBox_ttl {
    width: 65rem;
    margin: 0 auto;
    position: relative;
    top: -3rem;
    margin-bottom: -5rem;
  }

  .aboutReasonInnerList_itemBoxL_note {
    font-size: 1.2rem;
    margin-top: 2rem;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .mainVSub {
    position: relative;
    margin-bottom: 1rem;
  }

  .mainVSub_ttl {
    position: absolute;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1;
    height: 3rem;
    top: 0;
    bottom: 0;
    left: 2rem;
    margin: auto;
  }

  .aboutIntro {
    position: relative;
    margin-top: -5.4rem;
    padding-top: 8rem;
    margin-bottom: 5rem;
  }

  .aboutIntro:before {
    content: "";
    width: 100%;
    height: 27rem;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #fff1de 0%, #ffffff 100%);
  }

  .aboutIntroInner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
  }

  .aboutIntroInnerL {
    width: 100%;

  }

  .aboutIntroInnerL_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .aboutIntroInnerR {
    width: 100%;
    margin-bottom: 2rem;
  }

  .aboutSign {
    margin: 0 0 6rem;
  }

  .aboutSign_ttl {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 2rem;
    line-height: 1.6;
  }

  .aboutSign_ttl_txt01 {
    font-size: 2rem;
    font-weight: 600;
  }

  .aboutSign_ttl_txt02 {
    font-size: 2.5rem;
    font-weight: 900;
  }

  .aboutSignList {
    width: 90%;
    margin: 0 auto 3rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .aboutSignList_item {
    width: 47%;
    position: relative;
    opacity: 0;
  }

  .aboutSignList_itemTxt {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    bottom: 2rem;
    width: 100%;
  }

  .aboutSign_txt {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.6;
  }

  .ctaBox--subPage .ctaBox_ttl {
    width: 32rem;
    margin: 0 auto;
    position: relative;
    top: -3rem;
    margin-bottom: -3rem;
  }

  .aboutReason {
    background: url(../../src/img/sp/about_reason_bg@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 7rem 0 5rem;
  }

  .aboutReasonInner {
    width: 90%;
    margin: 0 auto;
  }

  .aboutReasonInnerList {}

  .aboutReasonInnerList_item {
    background: #fff;
    border-radius: 10px;
    padding: 3rem 2rem 4rem;
    margin-bottom: 3rem;
  }

  .aboutReasonInnerList_itemBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .aboutReasonInnerList_itemRev .aboutReasonInnerList_itemBox {
    flex-direction: column-reverse;
  }

  .aboutReasonInnerList_itemBoxL {
    width: 100%;
  }

  .aboutReasonInnerList_item05 .aboutReasonInnerList_itemBoxL {
    width: 100%;
  }

  .aboutReasonInnerList_itemBoxL_num {
    font-size: 2rem;
    display: flex;
    align-items: flex-end;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .aboutReasonInnerList_itemBoxL_num span {
    font-size: 3rem;
    margin-left: 1.5rem;
  }

  .aboutReasonInnerList_itemBoxR {
    width: 100%;
    margin-bottom: 1rem;
  }

  .aboutReasonInnerList_itemBoxL_ttl {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
    line-height: 1.6;
  }

  .aboutReasonInnerList_itemBoxL_ttl mark {
    background: linear-gradient(transparent 70%, #FFE200 30%);
  }

  .aboutReasonInnerList_itemBoxL_txt {}

  .aboutReasonInnerList_itemBoxL_note {
    font-size: 1.2rem;
    margin-top: 1rem;
  }

  .noSP {
    display: none;
  }

  .aboutReasonInnerList_itemAddBox01 {
    margin-top: 3rem;
  }

  .aboutReasonInnerList_itemAddBox01 p {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    line-height: 1.4;
  }

  .aboutReasonInnerList_itemAddBox01 a {
    color: #FFF500;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1DBE60;
    border-radius: 5px;
    height: 5rem;
    width: 28rem;
    margin: 0 auto;
  }

  .aboutReasonInnerList_itemAddBox02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3rem;
    flex-wrap: wrap;
  }

  .aboutReasonInnerList_itemAddBox02 li {
    width: 48%;
    position: relative;
    margin-bottom: 1rem;
  }

  .aboutReasonInnerList_itemAddBox02 li:nth-child(1) {
    width: 100%;
  }

  .aboutReasonInnerList_itemAddBox02 li p {
    font-size: 16px;
    font-weight: 600;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    bottom: 1.2rem;
    width: 100%;
    line-height: 1.4;
  }
}

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

FLOW

-------------------------------------------------------------*/
#page-flow picture,
#page-flow img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  /*image-rendering: -webkit-optimize-contrast;*/
}

.flowStep {
  width: 80%;
  margin: 2rem auto 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flowStep li {
  width: 100%;
}

.flowStep li:nth-child(1) {
  margin-right: -1.6rem;
}

.flowStep li:nth-child(2) {
  margin-right: -1.6rem;
}

.flowStep li:nth-child(3) {
  margin-right: -1.6rem;
}

.flowStep li:nth-child(4) {}

.flowSec {
  width: 70%;
  margin: 0 auto 8rem;
}

.flowSecInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.flowSecInnerL {
  width: 37%;
}

.flowSecInnerR {
  width: 60%;
  padding-top: 3rem;
}

.flowSecInnerR_ttl {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.flowSec01AddBox {
  border: 2px solid #CB0000;
  border-radius: 10px;
  padding: 4rem 5rem 0;
  margin-top: 6rem;
  margin-bottom: 12rem;
}

.flowSec01AddBox_ttl {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 4rem;
  text-align: center;
}

.flowSec01AddBoxInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.flowSec01AddBoxInnerL {
  width: 50%;
}

.flowSec01AddBoxInnerL_txt01 {
  margin-bottom: 17px;
}

.flowSec01AddBoxInnerL_txt01 span {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}

.flowSec01AddBoxInnerL_txt02 {
  font-size: 14px;
}

.flowSec01AddBoxInnerR {
  width: 45%;
  padding-right: 10rem;
}

.flow_arrow {
  width: 4.4rem;
  margin: 6rem auto 2rem;
}

.flowSec04 {
  margin-bottom: 12rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .flowStep {
    width: 90%;
    margin: 8rem auto 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .flowStep li {
    width: 100%;
  }

  .flowStep li:nth-child(1) {
    margin-right: -1.6rem;
  }

  .flowStep li:nth-child(2) {
    margin-right: -1.6rem;
  }

  .flowStep li:nth-child(3) {
    margin-right: -1.6rem;
  }

  .flowStep li:nth-child(4) {}

  .flowSec {
    width: 90%;
    margin: 0 auto 8rem;
  }

  .flowSec01AddBoxInnerL {
    width: 60%;
  }

  .flowSec01AddBoxInnerR {
    width: 40%;
    padding-right: 0rem;
  }

  .flowSecInnerR_txt {
    letter-spacing: 0.05em;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .flowStep {
    width: 90%;
    margin: 8rem auto 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .flowStep li {
    width: 100%;
    margin-bottom: -0.7rem;
  }

  .flowStep li:nth-child(1) {
    margin-right: 0;
  }

  .flowStep li:nth-child(2) {
    margin-right: 0;
  }

  .flowStep li:nth-child(3) {
    margin-right: 0;
  }

  .flowStep li:nth-child(4) {}

  .flowSec {
    width: 90%;
    margin: 0 auto 4rem;
  }

  .flowSecInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }

  .flowSecInnerL {
    width: 100%;
    margin-bottom: 1.6rem;
  }

  .flowSecInnerR {
    width: 100%;
    padding-top: 0rem;
  }

  .flowSecInnerR_ttl {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.6;
  }

  .flowSec01AddBox {
    border: 2px solid #CB0000;
    border-radius: 10px;
    padding: 4rem 2rem 3rem;
    margin-top: 10rem;
    margin-bottom: 6rem;
  }

  .flowSec01AddBox_ttl {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: left;
  }

  .flowSec01AddBoxInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .flowSec01AddBoxInnerL {
    width: 100%;
  }

  .flowSec01AddBoxInnerL_txt01 {
    margin-bottom: 1.6rem;
  }

  .flowSec01AddBoxInnerL_txt01 span {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
  }

  .flowSec01AddBoxInnerL_txt02 {
    font-size: 1.2rem;
  }

  .flowSec01AddBoxInnerR {
    width: 60%;
    padding-right: 0rem;
    margin: 0 auto -7rem;
    position: relative;
    top: -10rem;
  }

  .flow_arrow {
    width: 3.2rem;
    margin: 3rem auto 1rem;
  }

  .flowSec04 {
    margin-bottom: 8rem;
  }
}

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

RESULT

-------------------------------------------------------------*/
.topResult {
  padding: 10rem 0;
}

.topResultList {
  margin-bottom: 6rem;
}

.topResultList_item {
  padding: 0 1.5rem;
}

.topResultList_itemLink {
  display: block;
}

.topResultList_itemLink_img {
  width: 100%;
  aspect-ratio: 200 / 145;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
  border-radius: 10px;
}

.topResultList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.topResultList_itemLink_info {}

.topResultList_itemLink_info time {
  /*
  font-size: 20px;
*/
  display: block;
}

.topResultList_itemLink_info h3 {
  font-size: 20px;
}

.resultBox {
  width: 85%;
  margin: 4rem auto 5rem;
}

.postSelectBox {
  width: 27%;
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
}

.postSelectBox select {
  width: 100%;
  background: #fff url(img/select_arrow.png) 96% center no-repeat;
  background-size: 1.0rem .6rem;
  padding: 1rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  /*
  font-size: 1.4rem;
  height: 4.5rem;
*/
  line-height: 1;
}

.postSelectBox select.selected {
  color: #aaa;
}

.resultBoxList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.resultBoxList::after {
  content: "";
  display: block;
  width: 31%;
}

.resultBoxList .topResultList_item {
  width: 31%;
  padding: 0;
  margin-bottom: 8rem;
}

.resultBoxList .topResultList_itemLink_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.resultBoxList .topResultList_itemLink_info time {
  margin-right: 1rem;
}

.resultBoxList .topResultList_itemLink_info ul {
  display: flex;
  flex-wrap: wrap;
}

.resultBoxList .topResultList_itemLink_info ul li {
  background: #fff;
  padding: 0.6rem;
  border: 2px solid #CB0000;
  border-radius: 8px;
  /*
  font-size: 1.4rem;
*/
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  line-height: 1;
  font-weight: 500;
}

.resultBoxList .topResultList_itemLink_ttl {
  /*
  font-size: 20px;
*/
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0rem auto;
  position: relative;
  z-index: 1;
}

.wp-pagenavi a {
  color: #CB0000;
}

.wp-pagenavi a:hover {
  opacity: 0.5;
}

.wp-pagenavi .first {
  display: flex;
  padding-left: 2rem;
  margin-right: 1rem;
  position: relative;
  align-items: center;
  font-size: 1.2rem;
}

.wp-pagenavi .first:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #CB0000;
  border-right: 1px solid #CB0000;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 0px;
}

.wp-pagenavi .first:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #CB0000;
  border-right: 1px solid #CB0000;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 0.5rem;
}

.wp-pagenavi .last {
  display: flex;
  padding-right: 2rem;
  margin-left: 1rem;
  position: relative;
  align-items: center;
  font-size: 1.2rem;
}

.wp-pagenavi .last:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #CB0000;
  border-right: 1px solid #CB0000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
}

.wp-pagenavi .last:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #CB0000;
  border-right: 1px solid #CB0000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0.5rem;
}

.previouspostslink {
  display: flex;
  padding-left: 2rem;
  margin-right: 1rem;
  position: relative;
  align-items: center;
}

.previouspostslink:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #CB0000;
  border-right: 1px solid #CB0000;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 0px;
}

.nextpostslink {
  display: flex;
  padding-right: 2rem;
  margin-left: 1rem;
  position: relative;
  align-items: center;
}

.nextpostslink:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #CB0000;
  border-right: 1px solid #CB0000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
}

.wp-pagenavi .page {
  margin: 0 1rem 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  color: #B2B2B2;
  width: 3rem;
  height: auto;
  font-size: 2rem;
  padding-top: 0.2rem;
}

.wp-pagenavi .current {
  color: #000;
  margin: 0 1rem 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  width: 3rem;
  height: auto;
  font-size: 2rem;
  padding-top: 0.2rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .resultBox {
    width: 90%;
    margin: 6rem auto 10rem;
  }

  .postSelectBox {
    width: 67%;
    margin-bottom: 6rem;
    display: flex;
    align-items: center;
  }

  .topResultList_itemLink_img {
    width: 100%;
    aspect-ratio: 200 / 145;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .resultBox {
    width: 90%;
    margin: 6rem auto 10rem;
  }

  .postSelectBox {
    width: 100%;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
  }

  .postSelectBox select {
    width: 100%;
    background: #fff url(../../src/img/select_arrow.png) 96% center no-repeat;
    background-size: 1.6rem 1rem;
    padding: 1rem 2rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    font-size: 1.4rem;
    line-height: 1;
    height: 4.5rem;
  }

  .postSelectBox select.selected {
    color: #aaa;
  }

  .resultBoxList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  .resultBoxList::after {
    content: "";
    display: block;
    width: 100%;
  }

  .resultBoxList .topResultList_item {
    width: 100%;
    padding: 0;
    margin-bottom: 4rem;
  }

  .resultBoxList .topResultList_itemLink_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .resultBoxList .topResultList_itemLink_info time {
    margin-right: 1rem;
  }

  .resultBoxList .topResultList_itemLink_info ul {
    display: flex;
    flex-wrap: wrap;
  }

  .resultBoxList .topResultList_itemLink_info ul li {
    background: #fff;
    padding: 0.6rem;
    border: 2px solid #CB0000;
    border-radius: 8px;
    font-size: 1.4rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 1;
    font-weight: 500;
  }

  .resultBoxList .topResultList_itemLink_ttl {
    font-size: 20px;
  }

  .wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0rem auto;
    position: relative;
    z-index: 1;
  }

  .wp-pagenavi a {
    color: #CB0000;
  }

  .wp-pagenavi a:hover {
    opacity: 0.5;
  }

  .wp-pagenavi .first {
    display: flex;
    padding-left: 2rem;
    margin-right: 1rem;
    position: relative;
    align-items: center;
    font-size: 1.2rem;
  }

  .wp-pagenavi .first:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #CB0000;
    border-right: 1px solid #CB0000;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 0px;
  }

  .wp-pagenavi .first:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #CB0000;
    border-right: 1px solid #CB0000;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 0.5rem;
  }

  .wp-pagenavi .last {
    display: flex;
    padding-right: 2rem;
    margin-left: 1rem;
    position: relative;
    align-items: center;
    font-size: 1.2rem;
  }

  .wp-pagenavi .last:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #CB0000;
    border-right: 1px solid #CB0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0px;
  }

  .wp-pagenavi .last:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #CB0000;
    border-right: 1px solid #CB0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0.5rem;
  }

  .previouspostslink {
    display: flex;
    padding-left: 2rem;
    margin-right: 1rem;
    position: relative;
    align-items: center;
  }

  .previouspostslink:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #CB0000;
    border-right: 1px solid #CB0000;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 0px;
  }

  .nextpostslink {
    display: flex;
    padding-right: 2rem;
    margin-left: 1rem;
    position: relative;
    align-items: center;
  }

  .nextpostslink:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #CB0000;
    border-right: 1px solid #CB0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0px;
  }

  .wp-pagenavi .page {
    margin: 0 1rem 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #B2B2B2;
    width: 3rem;
    height: auto;
    font-size: 2rem;
    padding-top: 0.2rem;
  }

  .wp-pagenavi .current {
    color: #000;
    margin: 0 1rem 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    letter-spacing: 0px;
    width: 3rem;
    height: auto;
    font-size: 2rem;
    padding-top: 0.2rem;
  }
}

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

RESULT DETAIL

-------------------------------------------------------------*/
.resultDBox {
  width: 80%;
  margin: 4rem auto 10rem;
  display: flex;
  justify-content: space-between;
}

.resultDBox_sec {
  width: 67%;
}

.resultDBox_sec_info {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 1.6rem;
}

.resultDBox_sec_info time {
  font-size: 23px;
}

.resultDBox_sec_info ul {
  margin-left: 1rem;
}

.resultDBox_sec_info ul li {
  background: #fff;
  padding: 0.6rem;
  border: 2px solid #CB0000;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: 500;
}

.resultDBox_sec_ttl {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.6;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #000000;
}

.resultDBox_secContBa {
  margin-bottom: 4rem;
}

.resultDBox_secContBa_list {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 10px;
}

.resultDBox_secContBa_list_item {
  width: 50%;
}

.resultDBox_secContBa_list_itemImg {
  height: calc(100vw / 2.5);
  position: relative;
  overflow: hidden;
  display: block;
}

.resultDBox_secContBa_list_itemImg img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.resultDBox_secContInfo {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 3rem;
}

.resultDBox_secContVoice {
  margin-bottom: 5rem;
}

.resultDBox_secContVoice_ttl {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  margin-bottom: 1rem;
}

.detailNextPrev {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 2rem 1rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 6rem;
  line-height: 1;
  position: relative;
  font-size: 20px;
  font-weight: 500;
}

.detailNextPrev:before {
  content: "";
  height: 75%;
  width: 1px;
  background: #000000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.prev {
  position: relative;
  padding-left: 3rem;
}

.prev a:before {
  content: '';
  width: 1.1rem;
  height: 1.8rem;
  position: absolute;
  left: 0rem;
  top: 0.2rem;
  bottom: 0;
  margin: auto;
  background: url(../../src/img/post_prev_ico.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.next {
  position: relative;
  padding-right: 3rem;
}

.next a:before {
  content: '';
  width: 1.1rem;
  height: 1.8rem;
  position: absolute;
  right: 0rem;
  top: 0.2rem;
  bottom: 0;
  margin: auto;
  background: url(../../src/img/post_next_ico.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.resultDBox_side {
  width: 27%;
  padding-top: 0.6rem;
}

.resultDBox_side_ttl {
  font-size: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABVJREFUGFdjZGBg+M/AwMDIgAowxAA2SgICNByZeQAAAABJRU5ErkJggg==) 0 bottom repeat-x;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  font-weight: 600;
}

.resultDBox_sideList {}

.resultDBox_sideList_item:not(:last-of-type) {
  margin-bottom: 1rem;
}

.resultDBox_sideList_itemLink {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.resultDBox_sideList_itemLink_img {
  width: 43%;
  aspect-ratio: 200 / 145;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
  border-radius: 10px;
}

.resultDBox_sideList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.resultDBox_sideList_itemLink_info {
  width: 52%;
}

.resultDBox_sideList_itemLink_info time {
  line-height: 1;
  margin-bottom: 0.5rem;
  display: block;
}

.resultDBox_sideList_itemLink_info p {
  letter-spacing: 0;
  line-height: 1.6;
}

.ctaBox--resultD {
  margin-bottom: 16rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .resultDBox {
    width: 90%;
    margin: 6rem auto 10rem;
    display: flex;
    justify-content: space-between;
  }

  .resultDBox_secContBa_list_itemImg {
    /*
  height: 18.8rem;
*/
    position: relative;
    overflow: hidden;
    display: block;
  }

  .resultDBox_sideList_itemLink_img {
    width: 43%;
    height: 6.3rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 2rem;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .resultDBox {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .resultDBox_sec {
    width: 100%;
    margin-bottom: 6rem;
  }

  .resultDBox_sec_info {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .resultDBox_sec_info time {
    font-size: 20px;
  }

  .resultDBox_sec_info ul {
    margin-left: 1rem;
  }

  .resultDBox_sec_info ul li {
    background: #fff;
    padding: 0.6rem;
    border: 2px solid #CB0000;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 500;
  }

  .resultDBox_sec_ttl {
    font-size: 5.5vw;
    font-weight: 600;
    line-height: 1.6;
    padding-bottom: 1.4rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #000000;
  }

  .resultDBox_secContBa {
    margin-bottom: 2rem;
  }

  .resultDBox_secContBa_list {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 10px;
  }

  .resultDBox_secContBa_list_item {
    width: 50%;
  }

  .resultDBox_secContBa_list_itemImg {
    height: calc(100vw / 1.7);
    position: relative;
    overflow: hidden;
    display: block;
  }

  .resultDBox_secContBa_list_itemImg img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .resultDBox_secContInfo {
    font-size: 6vw;
    font-weight: 600;
    margin-bottom: 2rem;
    line-height: 1.6;
  }

  .resultDBox_secContVoice {
    margin-bottom: 2.5rem;
  }

  .resultDBox_secContVoice_ttl {
    font-size: 4.7vw;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 1rem;
  }

  .resultDBox_secContVoice_txt {
    font-size: 4.2vw;
  }

  .detailNextPrev {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 2.5rem;
    line-height: 1;
    position: relative;
    font-size: 5vw;
    font-weight: 400;
  }

  .detailNextPrev:before {
    content: "";
    height: 75%;
    width: 1px;
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .prev {
    width: 50%;
    position: relative;
    padding: 0 0.5em;
    text-align: center;
  }

  .prev a:before {
    content: '';
    width: 1.1rem;
    height: 1.8rem;
    position: absolute;
    left: 0rem;
    top: 0.2rem;
    bottom: 0;
    margin: auto;
    background: url(../../src/img/post_prev_ico.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .next {
    width: 50%;
    position: relative;
    padding: 0 0.5em;
    text-align: center;
  }

  .next a:before {
    content: '';
    width: 1.1rem;
    height: 1.8rem;
    position: absolute;
    right: 0rem;
    top: 0.2rem;
    bottom: 0;
    margin: auto;
    background: url(../../src/img/post_next_ico.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .resultDBox_side {
    width: 100%;
    padding-top: 0.6rem;
  }

  .resultDBox_side_ttl {
    font-size: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABVJREFUGFdjZGBg+M/AwMDIgAowxAA2SgICNByZeQAAAABJRU5ErkJggg==) 0 bottom repeat-x;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    font-weight: 600;
  }

  .resultDBox_sideList {}

  .resultDBox_sideList_item:not(:last-of-type) {
    margin-bottom: 1rem;
  }

  .resultDBox_sideList_itemLink {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .resultDBox_sideList_itemLink_img {
    width: 43%;
    height: 9.3rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px;
  }

  .resultDBox_sideList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .resultDBox_sideList_itemLink_info {
    width: 52%;
  }

  .resultDBox_sideList_itemLink_info time {
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 0.5rem;
    display: block;
  }

  .resultDBox_sideList_itemLink_info p {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.6;
  }

  .ctaBox--resultD {
    margin-bottom: 16rem;
  }
}

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

VOICE

-------------------------------------------------------------*/
.topVoice {
  padding: 10rem 0;
}

.topVoiceList {
  margin-bottom: 6rem;
}

.topVoiceList_item {
  padding: 0 1.5rem;
}

.topVoiceList_itemLink {
  display: block;
  border: 2px solid #CB0000;
  border-radius: 10px;
  padding: 3rem 3.5rem;
}

.topVoiceList_itemLink_info {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.topVoiceList_itemLink_info time {
  font-size: 20px;
  display: block;
  margin-right: 1rem;
}

.topVoiceList_itemLink_info h3 {
  font-size: 20px;
  font-weight: 600;
}

.voiceBox {
  width: 85%;
  margin: 4rem auto 5rem;
}

.voiceBoxList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.voiceBoxList::after {
  content: "";
  display: block;
  width: 31%;
}

.voiceBoxList_item {
  width: 31%;
  margin-bottom: 8rem;
}

.voiceBoxList_itemLink {
  display: block;
}

.voiceBoxList_itemLink_img {
  width: 100%;
  aspect-ratio: 432 / 300;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
  border-radius: 10px;
}

.voiceBoxList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.voiceBoxList_itemLink_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.voiceBoxList_itemLink_info time {
  font-size: 20px;
  display: block;
  margin-right: 1rem
}

.voiceBoxList_itemLink_info p {
  font-size: 20px;
  font-weight: 600;
}

.voiceBoxList_itemLink_info h3 {
  font-size: 20px;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .voiceBox {
    width: 90%;
    margin: 8rem auto 10rem;
  }

  .voiceBoxList_itemLink_img {
    width: 100%;
    height: 17.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .voiceBox {
    width: 90%;
    margin: 4rem auto 10rem;
  }

  .voiceBoxList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  .voiceBoxList::after {
    content: "";
    display: block;
    width: 100%;
  }

  .voiceBoxList_item {
    width: 100%;
    margin-bottom: 4rem;
  }

  .voiceBoxList_itemLink {
    display: block;
  }

  .voiceBoxList_itemLink_img {
    width: 100%;
    height: 24.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 10px;
  }

  .voiceBoxList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .voiceBoxList_itemLink_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .voiceBoxList_itemLink_info time {
    font-size: 20px;
    display: block;
    margin-right: 1.6rem
  }

  .voiceBoxList_itemLink_info p {
    font-size: 20px;
    font-weight: 600;
  }

  .voiceBoxList_itemLink_info h3 {
    font-size: 20px;
  }
}

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

VOICE DETAIL

-------------------------------------------------------------*/
.voiceMainV {
  width: 80%;
  aspect-ratio: 828 / 600;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 4rem;
  border-radius: 10px;
  margin-top: 2rem;
}

.voiceMainV img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.voiceTable {
  margin-bottom: 4rem;
  width: 100%;
  font-size: 20px;
}

.voiceTable tr {}

.voiceTable tr th {
  padding: 1.6rem 2rem;
  width: 20%;
  background: #EDEDED;
  border: 1px solid #E3E3E3;
  vertical-align: middle;
  font-weight: 700;
}

.voiceTable tr td {
  padding: 1.6rem 2rem;
  width: 80%;
  border: 1px solid #E3E3E3;
  font-weight: 500;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .voiceMainV {
    width: 100%;
    height: 28.3rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 4rem;
    border-radius: 10px;
    margin-top: 2rem;
  }

  .voiceTable tr th {
    padding: 1.6rem 2rem;
    width: 28%;
    background: #EDEDED;
    border: 1px solid #E3E3E3;
    vertical-align: middle;
    font-weight: 700;
  }

  .voiceTable tr td {
    padding: 1.6rem 2rem;
    width: 72%;
    border: 1px solid #E3E3E3;
    font-weight: 500;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .voiceMainV {
    width: 100%;
    height: 28.3rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 4rem;
    border-radius: 10px;
    margin-top: 2rem;
  }

  .voiceMainV img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .voiceTable {
    margin-bottom: 2rem;
    width: 100%;
    font-size: 4.2vw;
    text-align: left;
  }

  .voiceTable tr {
    display: flex;
    flex-direction: column;
  }

  .voiceTable tr th {
    padding: 0.25rem 0.75rem;
    width: 100%;
    background: #EDEDED;
    border: 1px solid #E3E3E3;
    vertical-align: middle;
    font-weight: 600;
    margin-bottom: -1px;
  }

  .voiceTable tr td {
    padding: 0.5rem;
    width: 100%;
    border: 1px solid #E3E3E3;
    font-weight: 500;
    margin-bottom: -1px;
  }
}

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

FAQ

-------------------------------------------------------------*/
.mainContentSubFaq {
  overflow: unset;
}

.faqBox {
  position: relative;
  max-width: 1366px;
  width: 89.4vw;
  margin: 2rem auto 5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.faqBoxAnch {
  position: sticky;
  top: 12rem;
  left: 0;
  width: 28%;
  border: 2px solid #CB0000;
  padding: 2rem;
  border-radius: 10px;
}

.faqBoxAnch li {
  margin-bottom: 2rem;

  font-weight: 500;
}

.faqBoxAnch li:last-child {
  margin-bottom: 0rem;
}

.faqBoxAnch li a {
  display: block;
  background: url(img/select_arrow.png) 100% center no-repeat;
  background-size: 1.2rem .8rem;
}

.faqBoxCont {
  width: 65%;
}

.subCmnTtl01Box {
  margin-bottom: 5rem;
}

.subCmnTtl01Box--faqBox {
  margin-bottom: 7rem;
}

.subCmnTtl01 {
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
}

.faqBoxContSec {
  margin-bottom: 10rem;
}

.faqBoxContSec_ttl {
  margin-bottom: 2rem;
  font-size: 18px;
  font-weight: 500;
}

.faqBoxContSecList {
  border-top: 1px solid #ADADAD;
}

.faqBoxContSecList_item {
  padding: 2rem 0;
  border-bottom: 1px solid #ADADAD;
}

.faqBoxContSecList_item_ttl {
  background: url(img/ac_on.png) 98% center no-repeat;
  background-size: 1.2rem 1.2rem;
  cursor: pointer;
}

.faqBoxContSecList_item_ttl.on {
  background: url(img/ac_off.png) 98% center no-repeat;
  background-size: 1.2rem 1.2rem;
}

.faqBoxContSecList_item_box {
  padding: 2rem 0 0;
  display: none;
}

.faqBoxContSecList_item_boxInner {
  background: #F7F7F7;
  padding: 3rem;
  border-radius: 10px;
}

.faqBoxContSecList_item_boxInner a {
  text-decoration: underline;
  font-weight: 600;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .faqBox {
    position: relative;
    width: 95%;
    margin: 4rem auto 10rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .faqBoxAnch {
    position: sticky;
    top: 16rem;
    left: 0;
    width: 31%;
    border: 2px solid #CB0000;
    padding: 2rem;
    border-radius: 10px;
  }

  .faqBoxAnch li {
    margin-bottom: 2rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  .faqBoxContSec {
    margin-bottom: 6rem;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .mainContentSubFaq {
    overflow: unset;
  }

  .faqBox {
    position: relative;
    width: 90%;
    margin: 4rem auto 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .faqBoxAnch {
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    border: 2px solid #CB0000;
    padding: 2rem;
    border-radius: 10px;
    margin-bottom: 8rem;
  }

  .faqBoxAnch li {
    margin-bottom: 2rem;
    font-weight: 500;
  }

  .faqBoxAnch li:last-child {
    margin-bottom: 0rem;
  }

  .faqBoxAnch li a {
    display: block;
    background: url(img/select_arrow.png) 100% center no-repeat;
    background-size: 1.2rem .8rem;
  }

  .faqBoxCont {
    width: 100%;
  }

  .subCmnTtl01Box {
    margin-bottom: 5rem;
  }

  .subCmnTtl01Box--faqBox {
    margin-bottom: 4rem;
  }

  .subCmnTtl01 {
    font-weight: 900;
    line-height: 1;
  }

  .faqBoxContSec {
    margin-bottom: 10rem;
  }

  .faqBoxContSec_ttl {
    margin-bottom: 2rem;
  }

  .faqBoxContSecList {
    border-top: 1px solid #ADADAD;
  }

  .faqBoxContSecList_item {
    padding: 2rem 0;
    border-bottom: 1px solid #ADADAD;
  }

  .faqBoxContSecList_item_ttl {
    background: url(img/ac_on.png) 98% center no-repeat;
    background-size: 1.2rem 1.2rem;
  }

  .faqBoxContSecList_item_ttl.on {
    background: url(img/ac_off.png) 98% center no-repeat;
    background-size: 1.2rem 1.2rem;
  }

  .faqBoxContSecList_item_box {
    padding: 2rem 0 0;
    display: none;
  }

  .faqBoxContSecList_item_boxInner {
    background: #F7F7F7;
    padding: 2rem;
    border-radius: 10px;
  }

  .faqBoxContSecList_item_boxInner a {
    text-decoration: underline;
    font-weight: 600;
  }
}

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

CONTACT

-------------------------------------------------------------*/
.contactBox {
  width: 55%;
  margin: 7rem auto 16rem;
}

.contactBox_top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5rem;
}

.subCmnTtl01Box--contactBox {
  margin-bottom: 7rem;
  text-align: center;
}

.contactBox_topTxt01 {
  font-weight: 700;
}

.contactBox_topTxt02 {
  font-size: 14px;
  color: #292929;
}

.formSec {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.formSecList_item {
  margin-bottom: 4rem;
}

.formSecList_itemTtl {
  margin-bottom: 1rem;
  position: relative;
  font-weight: 500;
}

.formSecList_itemTtl.hissu {
  padding-left: 6rem;
}

.formSecList_itemTtl.hissu:after {
  content: "必須";
  color: #fff;
  background: #CB0000;
  position: absolute;
  left: 0;
  top: 0.2rem;
  font-size: 14px;
  line-height: 1;
  padding: 0.6rem 1rem;
}

.formSecList_itemInput2col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.formSecList_itemInput2col div {
  width: 48%;
}

.formSecList_itemInput input {
  background: #fff;
  padding: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
  color: #707070;
  border: 1px solid #707070;
}

.formSecList_itemInput select {
  width: 100%;
  background: #fff url(img/form_select.png) 98% center no-repeat;
  background-size: 1.6rem;
  padding: 1.5rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #707070;
}

.formSecList_itemName {
  display: flex;
  justify-content: space-between;
}

.formSecList_itemNameCol {
  width: 49%;
}

.formSecList_itemInputRadio {}

.formSecList_itemInputRadio .wpcf7-radio {
  display: flex;
}

.formSecList_itemInputRadio .wpcf7-radio label {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

.formSecList_itemInputRadio input[type=radio] {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  border: 1px solid #707070;
  background: #fff;
  border-radius: 50%;
  padding: 0;
  line-height: 1;
  position: relative;
}

.formSecList_itemInputRadio input[type=radio]:after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0;
  transition: 0.3s ease;
}

.formSecList_itemInputRadio input[type=radio]:checked:after {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
}

.formSecList_itemBirth {
  display: flex;
  align-items: flex-start;
  width: 75%;
  justify-content: space-between;
}

.formSecList_itemBirthYear {
  width: 33%;
  position: relative;
  padding-right: 0.7rem;
  display: flex;
  align-items: flex-start;
}

.formSecList_itemBirthYear span {
  width: 100%;
  margin-right: 0.7rem;
}

.formSecList_itemBirthYear input {
  background: #fff;
  padding: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
}

.formSecList_itemBirthYear:after {
  content: "年";
  margin-left: 1rem;
  position: relative;
  top: 1.2rem;
}

.formSecList_itemBirthMonth {
  width: 33%;
  position: relative;
  padding-right: 0.7rem;
  display: flex;
  align-items: flex-start;
}

.formSecList_itemBirthMonth span {
  width: 100%;
  margin-right: 0.7rem;
}

.formSecList_itemBirthMonth:after {
  content: "月";
  margin-left: 1rem;
  position: relative;
  top: 1.2rem;
}

.formSecList_itemBirthDay {
  width: 33%;
  padding-right: 0.7rem;
  margin-right: 0.7rem;
  display: flex;
  align-items: flex-start;
}

.formSecList_itemBirthDay span {
  width: 100%;
  margin-right: 0.7rem;
}

.formSecList_itemBirthDay:after {
  content: "日";
  margin-left: 1rem;
  position: relative;
  top: 1.2rem;
}

.formSecList_itemBirth select {
  width: 100%;
  background: #fff url(img/form_select.png) 93% center no-repeat;
  background-size: 1.6rem;
  padding: 1.5rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #707070;
}

.formSecList_itemBirth p {
  width: 100%;
}

.formSecList_itemTextArea textarea {
  background: #fff;
  padding: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
  color: #707070;
  border: 1px solid #707070;
  height: 24rem;
}

.formSecList_itemCheck {
  margin: 2rem 0 6rem;
  text-align: left;
}

.formSecList_itemCheck label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.formSecList_itemCheck input {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 2px;
  padding: 0;
  line-height: 1em;
  position: relative;
}

.formSecList_itemCheck input[type=checkbox]:checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 1.375rem;
  line-height: 1;
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.formSecList_itemInput input.addFormBtn {
  background: #DEDEDE;
  border: 1px solid #DEDEDE;
  color: #000;
  cursor: pointer;
}

.formSecList_itemCheck a {
  color: #CB0000;
  border-bottom: 1px solid #CB0000;
  font-weight: 600;
}

.sendBtn {
  position: relative;
  width: 35rem;
  margin: 0 auto;
  overflow: hidden;
}

.sendBtn .button {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000 url(img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #CB0000;
  text-align: center;
  height: 6rem;
  color: #fff;
  position: relative;
  border-radius: 100px;
  font-size: 17px;
  font-weight: 600;
}

.sendBtn .button:hover {
  opacity: 0.6;
}

.wpcf7-not-valid-tip {
  font-size: 12px !important;
}

.wpcf7-spinner {
  display: none !important;
}

::placeholder {
  color: #CBCBCB;
}

.formSecList_itemCheck .wpcf7-list-item {
  margin: 0;
}

.codedropz-upload-handler {
  border: 1px solid #707070 !important;
  border-radius: 0 !important;
}

.formSecList_itemInputFileTxt01 {
  margin-bottom: 1rem;
}

.formSecList_itemInputFileTxt01 span {
  color: #CB0000;
  display: inline-block;
  font-weight: 500;
}

.formSecList_itemInputFileTxt02 {
  margin-top: 1rem;
}

.cd-upload-btn {
  display: inline-block;
  padding: 1rem 1rem;
  background: #CB0000;
  border: 2px solid #CB0000;
  color: #fff;
  border-radius: 100px;
  width: 18rem;
  line-height: 1;
  margin-top: 0.6rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .contactBox {
    width: 80%;
    margin: 4rem auto 16rem;
  }

  .subCmnTtl01Box--contactBox {
    margin-bottom: 4rem;
    text-align: center;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .contactBox {
    width: 90%;
    margin: 4rem auto 4rem;
  }

  .contactBox_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
  }

  .subCmnTtl01Box--contactBox {
    margin-bottom: 2rem;
  }

  .contactBox_topTxt01 {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
  }

  .contactBox_topTxt02 {
    font-size: 12px;
    color: #292929;
    text-align: center;
  }

  .formSec {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  .formSecList_item {
    margin-bottom: 2rem;
    font-size: 14px;
  }

  .formSecList_itemTtl {
    margin-bottom: 1rem;
    position: relative;
    font-weight: 500;
  }

  .formSecList_itemTtl.hissu {
    padding-left: 6rem;
  }

  .formSecList_itemTtl.hissu:after {
    content: "必須";
    color: #fff;
    background: #CB0000;
    position: absolute;
    left: 0;
    top: 0.2rem;
    font-size: 13px;
    line-height: 1;
    padding: 0.6rem 1rem;
  }

  .formSecList_itemInput2col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .formSecList_itemInput2col div {
    width: 48%;
  }

  .formSecList_itemInput input {
    background: #fff;
    padding: 0.5rem;
    width: 100%;
    -webkit-appearance: none;
    color: #707070;
    border: 1px solid #707070;
    font-size: 14px;
  }

  .formSecList_itemInput select {
    width: 100%;
    background: #fff url(img/form_select.png) 98% center no-repeat;
    background-size: 1.2rem;
    padding: 0.5rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    color: #707070;
    font-size: 14px;
  }

  .formSecList_itemName {
    display: flex;
    justify-content: space-between;
  }

  .formSecList_itemNameCol {
    width: 49%;
  }

  .formSecList_itemInputRadio {}

  .formSecList_itemInputRadio .wpcf7-radio {
    display: flex;
  }

  .formSecList_itemInputRadio .wpcf7-radio label {
    display: flex;
    align-items: center;
    margin-right: 2rem;
  }

  .formSecList_itemInputRadio input[type=radio] {
    margin-right: 1rem;
    -webkit-appearance: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid #707070;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    line-height: 1;
    position: relative;
  }

  .formSecList_itemInputRadio input[type=radio]:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    opacity: 0;
    transition: 0.3s ease;
  }

  .formSecList_itemInputRadio input[type=radio]:checked:after {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    background: #000;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
  }

  .formSecList_itemBirth {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
  }

  .formSecList_itemBirthYear {
    width: 43%;
    position: relative;
    padding-right: 0rem;
    display: flex;
    align-items: flex-start;
  }

  .formSecList_itemBirthYear span {
    width: 100%;
    margin-right: 0.4rem;
  }

  .formSecList_itemBirthYear input {
    background: #fff;
    padding: 1.5rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .formSecList_itemBirthYear:after {
    content: "年";
    margin-left: 0.4rem;
    position: relative;
    top: 1.2rem;
  }

  .formSecList_itemBirthMonth {
    width: 28%;
    position: relative;
    padding-right: 0rem;
    display: flex;
    align-items: flex-start;
  }

  .formSecList_itemBirthMonth span {
    width: 100%;
    margin-right: 0.4rem;
  }

  .formSecList_itemBirthMonth:after {
    content: "月";
    margin-left: 0.4rem;
    position: relative;
    top: 1.2rem;
  }

  .formSecList_itemBirthDay {
    width: 28%;
    padding-right: 0rem;
    margin-right: 0rem;
    display: flex;
    align-items: flex-start;
  }

  .formSecList_itemBirthDay span {
    width: 100%;
    margin-right: 0.7rem;
  }

  .formSecList_itemBirthDay:after {
    content: "日";
    margin-left: 0.4rem;
    position: relative;
    top: 1.2rem;
  }

  .formSecList_itemBirth select {
    width: 100%;
    background: #fff url(img/form_select.png) 93% center no-repeat;
    background-size: 1.2rem;
    padding: 1.5rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    color: #707070;
    font-size: 14px;
  }

  .formSecList_itemBirth p {
    width: 100%;
  }

  .formSecList_itemTextArea textarea {
    background: #fff;
    padding: 0.5rem;
    width: 100%;
    -webkit-appearance: none;
    color: #707070;
    border: 1px solid #707070;
    height: 20rem;
    font-size: 14px;
  }

  .formSecList_itemCheck {
    margin: 2rem 0 3rem;
    text-align: left;
  }

  .formSecList_itemCheck label {
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: flex-start;
  }

  .formSecList_itemCheck input {
    margin-right: 1rem;
    -webkit-appearance: none;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    line-height: 1em;
    position: relative;
  }

  .formSecList_itemCheck input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .formSecList_itemAddCol01 {
    width: 35%;
  }

  .formSecList_itemAddCol01 .formSecList_itemTtl {
    white-space: nowrap;
  }

  .formSecList_itemAddCol02 {
    width: 60%;
  }

  .formSecList_itemInput input.addFormBtn {
    background: #DEDEDE;
    border: 1px solid #DEDEDE;
    color: #000;
    cursor: pointer;
  }

  .formSecList_itemCheck a {
    color: #CB0000;
    border-bottom: 1px solid #CB0000;
    font-weight: 500;
  }

  .sendBtn {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .sendBtn .button {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #CB0000 url(img/cmn_arrow02.png) 95% center no-repeat;
    background-size: 2rem 2rem;
    border: 2px solid #CB0000;
    text-align: center;
    height: 3rem;
    color: #fff;
    position: relative;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
  }

  .sendBtn .button:hover {
    opacity: 0.6;
  }

  .wpcf7-not-valid-tip {
    font-size: 12px !important;
  }

  .wpcf7-spinner {
    display: none !important;
  }

  ::placeholder {
    color: #CBCBCB;
  }

  .formSecList_itemCheck .wpcf7-list-item {
    margin: 0;
  }

  .codedropz-upload-handler {
    border: 1px solid #707070 !important;
    border-radius: 0 !important;
  }

  .formSecList_itemInputFileTxt01 {
    margin-bottom: 1rem;
  }

  .formSecList_itemInputFileTxt02 {
    margin-top: 1rem;
    font-size: 12px;
    letter-spacing: 0;
  }

  .cd-upload-btn {
    display: inline-block;
    padding: 1rem 1rem;
    background: #CB0000;
    border: 2px solid #CB0000;
    color: #fff;
    border-radius: 100px;
    width: 18rem;
    line-height: 1;
    margin-top: 0.6rem;
  }
}

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

CONTACT CONFIRM

-------------------------------------------------------------*/
.contactBoxConfirm {}

.contactBoxConfirm .formSecList {
  margin-bottom: 5rem;
}

.contactBoxConfirm .formSecList_itemTtl.hissu {
  padding-left: 0;
  margin-bottom: 0;
}

.contactBoxConfirm .formSecList_itemTtl.hissu:after {
  display: none;
}

.contactBoxConfirm .formSecList_item {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;

  margin-bottom: 0;
}

.contactBoxConfirm .formSecList_item .formSecList_itemTtl {
  width: 100%;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  font-weight: 600;
}

.contactBoxConfirm .formSecList_item .formSecList_itemInput {
  width: 100%;
}

.contactBoxConfirm .buttonBack {
  background-color: #DEDEDE;
  margin-top: 2rem;
  color: #000000;
  border: 2px solid #DEDEDE;
}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */

}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .contactBoxConfirm {}

  .contactBoxConfirm .contactBox_top {
    margin-bottom: 2rem;
  }

  .contactBoxConfirm .formSecList {
    margin-bottom: 5rem;
  }

  .contactBoxConfirm .formSecList_itemTtl.hissu {
    padding-left: 0;
    margin-bottom: 0;
  }

  .contactBoxConfirm .formSecList_itemTtl.hissu:after {
    display: none;
  }

  .contactBoxConfirm .formSecList_item {
    display: flex;
    flex-direction: column;
    padding: 2rem 0;

    margin-bottom: 0;
  }

  .contactBoxConfirm .formSecList_item .formSecList_itemTtl {
    width: 100%;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-weight: 600;
  }

  .contactBoxConfirm .formSecList_item .formSecList_itemInput {
    width: 100%;
  }

  .contactBoxConfirm .buttonBack {
    background-color: #DEDEDE;
    margin-top: 2rem;
    color: #000000;
    border: 2px solid #DEDEDE;
  }
}

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

CONTACT ADD

-------------------------------------------------------------*/
.formSecList_itemProduct {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.formSecList_itemProduct01 {
  width: 40%;
}

/*
.formSecList_itemProduct02{
  width: 40%;
}
*/
.formSecList_itemProduct03 {
  width: 40%;
}

.formSecList_itemProduct04 {
  width: 15%;
}

.formSecList_itemProduct04 select {
  background-position: 90% center;
}

.formSecList_itemInputMount {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
}

.formSecList_itemInputMount+.formSecList_itemInputMount {
  margin-top: 4rem;
}

.formSecList_itemInputMountL {
  width: 70%;
}

.formSecList_itemInputMountL_txt {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 2rem;
}

.formSecList_itemInputMountL_txt span {
  color: #CB0000;
  display: inline-block;
  font-weight: 500;
}

.formSecList_itemInputMountR {
  width: 25%;
}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */

}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .formSecList_itemProduct {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .formSecList_itemProduct01 {
    width: 65%;
    margin-bottom: 1rem;
  }

  .formSecList_itemProduct02 {
    width: 33%;
    margin-bottom: 1rem;
  }

  .formSecList_itemProduct03 {
    width: 65%;
  }

  .formSecList_itemProduct04 {
    width: 33%;
  }

  .formSecList_itemProduct04 select {
    background-position: 90% center;
  }

  .formSecList_itemInputMount {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
  }

  .formSecList_itemInputMount+.formSecList_itemInputMount {
    margin-top: 4rem;
  }

  .formSecList_itemInputMountL {
    width: 100%;
  }

  .formSecList_itemInputMountL_txt {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2rem;
  }

  .formSecList_itemInputMountL_txt span {
    color: #CB0000;
    display: inline-block;
    font-weight: 500;
  }

  .formSecList_itemInputMountR {
    width: 50%;
    margin: 0 auto;
  }

  .formSecList_itemInputPlbr input::placeholder {
    font-size: 12px;
  }
}

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

THANKS

-------------------------------------------------------------*/
.thanksBoxInnerWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53rem;
  padding-bottom: 4rem;
}

.thanksBoxInner {}

.subCmnTtl01Box--thanks {
  font-size: 45px;
  margin-bottom: 3rem;
  text-align: center;
}

.thanksBoxInner_ttlSub {
  font-size: 21px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 1rem;
}

.thanksBoxInner_txt {
  text-align: center;
  margin-bottom: 4rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */

}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .thanksBoxInnerWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53rem;
    padding-bottom: 4rem;
  }

  .thanksBoxInner {}

  .subCmnTtl01Box--thanks {
    margin-bottom: 3rem;
    text-align: center;

  }

  .subCmnTtl01Box--thanks .subCmnTtl01 {
    font-size: 3rem;
  }

  .thanksBoxInner_ttlSub {
    font-size: 20px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 1rem;
    line-height: 1.5;
  }

  .thanksBoxInner_txt {
    text-align: center;
    margin-bottom: 8rem;
  }
}

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

POLICY

-------------------------------------------------------------*/
.simplePageBox {
  max-width: 1000px;
  width: 89.4vw;
  margin: 2rem auto 10rem;
}

.subCmnTtl01Box--simplePageBox {
  display: flex;
  justify-content: center;
}

.policyTxt {}

.ggLink {
  font-weight: 600;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .simplePageBox {
    width: 90%;
    margin: 6rem auto 10rem;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .simplePageBox {
    width: 90%;
    margin: 6rem auto 10rem;
  }

  .subCmnTtl01Box--simplePageBox {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
  }

  .policyTxt {}

  .ggLink {
    font-weight: 600;
  }
}

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

NOTATION

-------------------------------------------------------------*/
.notationList {}

.notationList_item {
  margin-bottom: 5rem;
  font-size: 16px;
}

.notationList_item_ttl {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.notationList_item_ttl {}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */

}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .notationList {}

  .notationList_item {
    margin-bottom: 3rem;
    font-size: 14px;
  }

  .notationList_item_ttl {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .notationList_item_ttl {}
}

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

GUIDE

-------------------------------------------------------------*/
.guideAnchBox {
  margin-bottom: 12rem;
}

.guideAnch {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.guideAnch li {
  font-size: 17px;
}

.guideAnch li a {
  position: relative;
  display: block;
  font-weight: 600;
}

.guideAnch li a:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #CB0000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.guideAnch li a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6rem 0.5rem 0 0.5rem;
  border-color: #CB0000 transparent transparent transparent;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  margin: auto;
}

.guideSec {
  margin-bottom: 5rem;
}

.guideSec_ttl {
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DEDEDE;
}

.guideSec_cont {}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .guideAnch li {
    font-size: 16px;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .guideAnchBox {
    margin-bottom: 8rem;
  }

  .guideAnch {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0rem;
    flex-direction: column;
  }

  .guideAnch li {
    ;
    width: 100%;
    margin-bottom: 3rem;
  }

  .guideAnch li a {
    position: relative;
    display: block;
    font-weight: 600;
    text-align: center;
  }

  .guideAnch li a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #CB0000;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .guideAnch li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6rem 0.5rem 0 0.5rem;
    border-color: #CB0000 transparent transparent transparent;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    right: 0;
    margin: auto;
  }

  .guideSec {
    margin-bottom: 5rem;
  }

  .guideSec_ttl {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #DEDEDE;
  }

  .guideSec_cont {
    font-size: 14px;
  }
}

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

SITEMAP

-------------------------------------------------------------*/
.simplePageBox--sitemap {
  width: 62%;
}

.sitemapBox {
  width: 100%;
  margin: 8rem auto 16rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.sitemapBox_list {}

.sitemapBox_listItem {
  margin-bottom: 4rem;
}

.sitemapBox_listItem a {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  font-size: 17px;
}

.sitemapBox_listItem a img {
  width: 1.2rem;
  margin-left: 0.4rem;
}

.sitemapBox_listItem ul {
  margin-top: 1rem;
}

.sitemapBox_listItem ul li {}

.sitemapBox_listItem ul li a {
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
  color: #969696;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .simplePageBox--sitemap {
    width: 80%;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .simplePageBox--sitemap {
    width: 90%;
  }

  .sitemapBox {
    width: 100%;
    margin: 4rem auto 10rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }

  .sitemapBox_list {}

  .sitemapBox_listItem {
    margin-bottom: 4.5rem;
  }

  .sitemapBox_listItem a {
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    font-size: 17px;
  }

  .sitemapBox_listItem a img {
    width: 1.2rem;
    margin-left: 0.4rem;
  }

  .sitemapBox_listItem ul {
    margin-top: 1rem;
  }

  .sitemapBox_listItem ul li {}

  .sitemapBox_listItem ul li a {
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    color: #969696;
  }
}

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

ITEM

-------------------------------------------------------------*/
.mainContentSubItem {
  background: url(../../src/img/item_bg.png) 0 0 no-repeat;
  background-size: 100% 443rem;
}

.itemWrap {
  width: 90%;
  margin: 4rem auto 10rem;
}

.cmnTtl01Box--itemWrap {
  margin-bottom: 3rem;
}

.itemNav {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: -3px;
}

.itemNav_item {
  width: 49.7%;
}

.itemNav_item a {
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 600;
  color: #ABA402;
  background: #880000;
  border-radius: 10px 10px 0 0;
}

.itemNav_item.current a {
  color: #FFF500;
  background: #CB0000;
}

.itemBox {
  border: 3px solid #CB0000;
  padding: 6rem 7rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 0 0 10px 10px;
}

.itemBoxSide {
  width: 20%;
  padding-bottom: 6rem;
}

.itemBoxSide_ttl {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.itemBoxSide_list {
  margin-bottom: 2rem;
}

.itemBoxSide_listParent {
  font-size: 20px;
  font-weight: 600;
}

.itemBoxSide_listChild {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #DEDEDE;
}

.itemBoxSide_listChild ul {
  margin-bottom: 3rem;
}

.itemBoxSide_listChild ul li {
  margin-bottom: 1rem;
}

.itemBoxSide_bnr {
  display: block;
  margin-top: 4rem;
}

.itemBoxCont {
  width: 75%;
  margin-bottom: 10rem;
}

.itemBoxContMain {
  margin-bottom: 6rem;
}

.itemBoxContRanking {
  margin-bottom: 10rem;
}

.itemBoxCont_ttlBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}

.itemBoxCont_ttl {
  font-size: 2.4rem;
  font-weight: 900;
}

.itemBoxCont_ttl span {
  position: relative;
  padding: 0rem 5rem;
}

.itemBoxCont_ttl span:before {
  content: "";
  width: 3.4rem;
  height: 2.9rem;
  background: url(../../src/img/item_ttl_tips01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.itemBoxCont_ttl span:after {
  content: "";
  width: 3.4rem;
  height: 2.9rem;
  background: url(../../src/img/item_ttl_tips02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.itemBoxContRanking .topItemBoxList_item {
  padding-top: 0rem;
}

.itemBoxContRanking .topItemBoxList_item:before {
  font-family: 'Oswald', sans-serif;
  font-size: 3.5rem;
  color: #CB0000;
  line-height: 1;
  padding-left: 6rem;
  margin-bottom: 1rem;
}

.itemBoxContRanking .topItemBoxList_item:after {
  content: "位";
  color: #CB0000;
  font-size: 2rem;
  font-weight: 600;
  position: absolute;
  top: 0.2rem;
  left: 8.5rem;
}

.itemBoxContRanking .topItemBoxList_item:nth-child(1):before {
  content: "1";
  background: url(../../src/img/item_rank_ico01.png) 0 0.5rem no-repeat;
  background-size: 4.7rem 3.7rem;
}

.itemBoxContRanking .topItemBoxList_item:nth-child(2):before {
  content: "2";
  background: url(../../src/img/item_rank_ico02.png) 0 0.5rem no-repeat;
  background-size: 4.7rem 3.7rem;
}

.itemBoxContRanking .topItemBoxList_item:nth-child(3):before {
  content: "3";
  background: url(../../src/img/item_rank_ico03.png) 0 0.5rem no-repeat;
  background-size: 4.7rem 3.7rem;
}

.itemBoxContRanking .topItemBoxList_item:nth-child(4):before {
  content: "4";
  padding-left: 0;
}

.itemBoxContRanking .topItemBoxList_item:nth-child(4):after {
  left: 2.5rem;
}

/*.itemBoxContRanking .topItemBoxList_item:nth-child(4):after{
  display: none;
}*/
.itemBoxContRanking .topItemBoxList_itemWrap {
  margin-top: 0.5rem;
}

/* item listpage reset */
.itemWrap .topItemBoxList {
  width: 103%;
  margin-bottom: 6rem;
}

.itemWrap .topItemBoxList_itemWrap {
  width: 95%;
}

.itemWrap .topItemBoxList_itemTopL_ttl {
  font-size: 2.8rem;
}

.itemWrap .topItemBoxList_itemTopL_cat li {
  font-size: 1.2rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
}

.itemWrap .topItemBoxList_itemTopR {
  height: 17.8rem;
}

.itemWrap .topItemBoxList_itemBtm_txt {
  font-size: 1.4rem;
}

.itemWrap .topItemBoxList_itemBtm_priceTax {
  width: 6.6rem;
  margin-right: 0.6rem;
}

.itemWrap .topItemBoxList_itemBtm_priceNum_txt01 {
  font-size: 7rem;
}

.itemWrap .topItemBoxList_itemBtm_priceNum_txt02 {
  font-size: 2.5rem;
  padding-bottom: 0.4rem;
}

.itemWrap .topItemBoxList_itemBtm_btnItem a {
  font-size: 1.4rem;
}

.itemWrap .topItemBoxList_itemBtm_btnItem input {
  font-size: 1.4rem;
}

.itemWrap .topItemBoxList_itemPer {
  width: 13rem;
  height: 13rem;
  right: 0;
  top: 0rem;
  z-index: 2;
}

.itemWrap .topItemBoxList_itemPer_num {
  font-size: 5rem;
  width: 4.5rem;
  left: 2.8rem;
  top: 2.5rem;
}

.itemWrap .topItemBoxList_itemFew {
  font-size: 20px;
  padding: 1rem 0.5rem;
  top: 6.5rem;
  left: 17.6rem;
  letter-spacing: 0;
}

.itemBoxCont_ttlBox--itemBoxContNew {
  margin-bottom: 1rem;
}

/* item category listpage add */
.itemBoxContSort {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.itemBoxContSortL {
  width: 50%;
}

.itemBoxContSortL_txt01 {
  font-size: 20px;
}

.itemBoxContSortL_txt02 {}

.itemBoxContSortR {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}

.itemBoxContSortR li {
  margin: 0 0.1rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .mainContentSubItem {
    background: url(../../src/img/item_bg.png) 0 0 no-repeat;
    background-size: cover;
  }

  .itemWrap {
    width: 98%;
    margin: 4rem auto 10rem;
  }

  .itemBox {
    border: 3px solid #CB0000;
    padding: 4rem 3rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 0 0 10px 10px;
  }

  .itemNav_item a {
    height: 9.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 600;
    color: #ABA402;
    background: #880000;
    border-radius: 10px 10px 0 0;
  }

  .itemBoxSide_ttl {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  .itemBoxSide_listParent {
    font-size: 1.4rem;
    font-weight: 600;
  }

  .itemBoxCont {
    width: 78%;
    margin-bottom: 10rem;
  }

  .itemWrap .topItemBoxList_itemTopL_ttl {
    font-size: 2.2rem;
  }

  .itemWrap .topItemBoxList_itemWrap {
    width: 97%;
  }

  .itemWrap .topItemBoxList_itemBtm_priceNum_txt01 {
    font-size: 5.5rem;
  }

  .topItemBoxList_itemWrap {
    border: 3px solid #CB0000;
    border-radius: 10px;
    background: #fff;
    padding: 1.5rem 1.5rem 2rem;
    width: 93%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow: hidden;
    position: relative;
  }

  .itemWrap .topItemBoxList_itemPer_num {
    font-size: 4rem;
    width: 3.5rem;
    left: 2.8rem;
    top: 2.5rem;
  }

  .itemWrap .topItemBoxList_itemPer {
    width: 12rem;
    height: 12rem;
    right: 0;
    top: 0rem;
    z-index: 2;
  }

  .itemWrap .topItemBoxList_itemFew {
    font-size: 20px;
    padding: 1rem 0.5rem;
    top: 21.5rem;
    left: 14.6rem;
    letter-spacing: 0;
  }

  .itemBoxContSort {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-wrap: wrap;
  }

  .itemBoxContSortL {
    width: 100%;
    margin-bottom: 2rem;
  }

  .itemBoxContSortR {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }

  .itemWrap .topItemBoxList_itemTopL_cat li {
    font-size: 1rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .mainContentSubItem {
    background: url(../../src/img/sp/item_bg@2x.png) 0 11rem no-repeat;
    background-size: 100% 18rem;
  }

  .itemWrap {
    width: 100%;
    margin: 2rem auto 1rem;
  }

  .cmnTtl01Box--itemWrap {
    margin-bottom: 2rem;
  }

  .itemNav {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: -3px;
  }

  .itemNav_item {
    width: 49.7%;
  }

  .itemNav_item a {
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #ABA402;
    background: #880000;
    border-radius: 10px 10px 0 0;
  }

  .itemNav_item.current a {
    color: #FFF500;
    background: #CB0000;
  }

  .itemBox {
    border: none;
    padding: 3rem 0rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .itemBoxSide {
    width: 90%;
    padding-bottom: 6rem;
    margin: 0 auto;
  }

  .itemBoxSide_ttl {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2rem;
    background: url(../../src/img/sp/item_cat_off@2x.png) 100% center no-repeat;
    background-size: 20px 1.1rem;
  }

  .itemBoxSide_ttl.on {
    background: url(../../src/img/sp/item_cat_on@2x.png) 100% center no-repeat;
    background-size: 20px 1.1rem;
  }

  .itemBoxSide_acBox {
    display: none;
  }

  .itemBoxSide_list {
    margin-bottom: 2rem;
  }

  .itemBoxSide_listParent {
    font-size: 20px;
    font-weight: 600;
  }

  .itemBoxSide_listChild {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #DEDEDE;
  }

  .itemBoxSide_listChild ul {
    margin-bottom: 3rem;
  }

  .itemBoxSide_listChild ul li {
    margin-bottom: 1rem;
  }

  .itemBoxSide_bnr {
    display: block;
    margin-top: 2rem;
  }

  .itemBoxCont {
    width: 90%;
    margin-bottom: 10rem;
    margin: 0 auto;
  }

  .itemBoxContMain {
    margin-bottom: 3rem;
    width: 90%;
    margin: 0 auto 3rem;
  }

  .itemBoxContRanking {
    margin-bottom: 6rem;
  }

  .itemBoxCont_ttlBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
  }

  .itemBoxCont_ttl {
    font-size: 2.4rem;
    font-weight: 900;
  }

  .itemBoxCont_ttl span {
    position: relative;
    padding: 0rem 5rem;
  }

  .itemBoxCont_ttl span:before {
    content: "";
    width: 3.4rem;
    height: 2.9rem;
    background: url(../../src/img/item_ttl_tips01.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .itemBoxCont_ttl span:after {
    content: "";
    width: 3.4rem;
    height: 2.9rem;
    background: url(../../src/img/item_ttl_tips02.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  .itemBoxContRanking .topItemBoxList_item {
    padding-top: 0rem;
    margin-bottom: 2rem;
  }

  .itemBoxContRanking .topItemBoxList_item:before {
    font-family: 'Oswald', sans-serif;
    font-size: 2.8rem;
    color: #CB0000;
    line-height: 1;
    padding-left: 5rem;
    margin-bottom: 1rem;
    position: absolute;
    z-index: 1;
    top: 3rem;
    left: 2rem;
  }

  .itemBoxContRanking .topItemBoxList_item:after {
    content: "位";
    color: #CB0000;
    font-size: 1.5rem;
    font-weight: 600;
    position: absolute;
    top: 3.5rem;
    left: 8.8rem;
  }

  .itemBoxContRanking .topItemBoxList_item:nth-child(1):before {
    content: "1";
    background: url(../../src/img/item_rank_ico01.png) 0 0.5rem no-repeat;
    background-size: 3.8rem 3rem;
  }

  .itemBoxContRanking .topItemBoxList_item:nth-child(2):before {
    content: "2";
    background: url(../../src/img/item_rank_ico02.png) 0 0.5rem no-repeat;
    background-size: 3.8rem 3rem;
  }

  .itemBoxContRanking .topItemBoxList_item:nth-child(3):before {
    content: "3";
    background: url(../../src/img/item_rank_ico03.png) 0 0.5rem no-repeat;
    background-size: 3.8rem 3rem;
  }

  .itemBoxContRanking .topItemBoxList_item:nth-child(4):before {
    content: "4";
    padding-left: 0;
  }

  .itemBoxContRanking .topItemBoxList_item:nth-child(4):after {
    display: block;
    left: 4rem;
  }

  .itemBoxContRanking .topItemBoxList_itemWrap {
    margin-top: 0.5rem;
  }

  /* item listpage reset */
  .itemWrap .topItemBoxList {
    width: 100%;
    margin-bottom: 3rem;
  }

  .itemWrap .topItemBoxList_itemWrap {
    width: 100%;
  }

  .itemWrap .topItemBoxList_itemTopL_ttl {
    font-size: 2rem;
  }

  .itemWrap .topItemBoxList_itemTopL_cat li {
    font-size: 1.2rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
  }

  .itemWrap .topItemBoxList_itemTopR {
    height: 17.8rem;
  }

  .itemWrap .topItemBoxList_itemBtm_txt {
    font-size: 1.4rem;
  }

  .itemWrap .topItemBoxList_itemBtm_priceTax {
    width: 5rem;
    margin-right: 0.6rem;
  }

  .itemWrap .topItemBoxList_itemBtm_priceNum_txt01 {
    font-size: 5.7rem;
  }

  .itemWrap .topItemBoxList_itemBtm_priceNum_txt02 {
    font-size: 2.5rem;
    padding-bottom: 0.4rem;
  }

  .itemWrap .topItemBoxList_itemBtm_btnItem a {
    font-size: 1.4rem;
  }

  .itemWrap .topItemBoxList_itemBtm_btnItem input {
    font-size: 1.4rem;
  }

  .itemWrap .topItemBoxList_itemPer {
    width: 9.6rem;
    height: 9.6rem;
    right: 1.5rem;
    top: 1.5rem;
    z-index: 2;
  }

  .itemWrap .topItemBoxList_itemPer_num {
    font-size: 3.6rem;
    line-height: 1;
    width: 3.6rem;
    left: 2rem;
    top: 2rem;
  }

  .itemWrap .topItemBoxList_itemFew {
    font-size: 1.4rem;
    letter-spacing: 0;
    top: 2rem;
    left: 14rem;
    padding: 0.6rem 0.5rem;
  }

  .itemBoxCont_ttlBox--itemBoxContNew {
    margin-bottom: 2rem;
  }

  /* item category listpage add */
  .itemBoxContSort {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-direction: column;
    margin-top: -2em;
  }

  .itemBoxContSortL {
    width: 100%;
    margin-bottom: 2rem;
  }

  .itemBoxContSortL_txt01 {
    font-size: 1.4rem;
  }

  .itemBoxContSortL_txt02 {}

  .itemBoxContSortR {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }

  .itemBoxContSortR li {
    margin: 0 0.1rem;
  }

  .itemBoxContSortR li:nth-child(1) {
    width: 100%;
  }

  .itemBoxContSortR li:last-child {
    margin-right: 2rem;
  }

  /*.itemBoxContNew .topItemBoxList_itemTopL{
  padding-top: 2rem;
}*/
}

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

ITEM DETAIL

-------------------------------------------------------------*/
.itemDBoxWrap {
  border: 3px solid #CB0000;
  padding: 6rem 7rem 10rem;
  background: #fff;
  width: 90%;
  margin: 6rem auto 10rem;
  border-radius: 10px;
}

.itemDBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 8rem;
}

.itemDBox_img {
  width: 45%;
}

.itemSecDetailBoxImgSlide {
  margin-bottom: 2rem;
}

.itemSecDetailBoxImgSlide img {}

.itemSecDetailBoxImgSlide .slick-list {
  padding-right: 1rem;
}

.itemSecDetailBoxImgSlide .slick-slide {}

.itemSecDetailBoxImgSlide li {
  height: 45rem;
  text-align: center;
}

.itemSecDetailBoxImgSlide li img {
  height: 100%;
  display: inline-block;
  width: auto;
  object-fit: none;
}

.itemSecDetailBoxImgSlide li div {
  width: 100%;
  height: 45rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 1rem;
}

.itemSecDetailBoxImgSlide li div img {
  position: absolute;
  object-fit: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.itemSecDetailBoxImgNav {
  margin: 0 -0.5rem;
}

.itemSecDetailBoxImgNav li {
  padding: 0 0.5rem;
}

.itemSecDetailBoxImgNav li.slick-current div {
  background: #878787;
  display: block;
}

.itemSecDetailBoxImgNav li.slick-current div img {
  opacity: 0.4;
  transition: all 300ms ease;
}

.itemSecDetailBoxImgNav .slick-slide div {
  width: 100%;
  height: 14.5rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 0.5rem;
}

.itemSecDetailBoxImgNav .slick-slide div img {
  position: absolute;
  object-fit: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.itemDBox_cont {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.itemDBox_contTop {
  width: 100%;
  margin-bottom: 3rem;
}

.itemDBox_contTop_logo {
  margin-bottom: 0rem;
  line-height: 1;
}

.itemDBox_contTop_logo img {
  width: auto;
  max-width: unset;
  height: 3rem;
}

.itemDBox_contTop_ttl {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.itemDBox_contTop_cat {
  display: flex;
  flex-wrap: wrap;
}

.itemDBox_contTop_cat li {
  line-height: 1;
  background: #F4F4F4;
  border-radius: 5px;
  padding: 0.5rem 0.6rem;
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  letter-spacing: 0;
}

.itemDBox_contBtm {
  margin-bottom: 2rem;
}

.itemDBox_contBtm_txt {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.itemDBox_contBtm_price {
  display: flex;
  align-items: baseline;
  line-height: 1;
  margin-bottom: -1rem;
  min-height: 13rem;
}

.itemDBox_contBtm_priceNum {
  display: flex;
  align-items: flex-start;
  white-space: nowrap;
}

.itemDBox_contBtm_priceNum_txt01 {
  font-size: 9.9rem;
  letter-spacing: 0em;
}

.itemDBox_contBtm_priceNum_txt02 {
  font-size: 3.1rem;
  font-weight: 900;
  /* padding-bottom: 0.4rem; */
  position: relative;
  padding-top: 1.6rem;
  margin-top: 4.5rem;
  margin-left: 0.6rem;
}

.itemDBox_contBtm_priceNum_txt02:before {
  content: "税込";
  position: absolute;
  top: 0;
  font-size: 1.4rem;
  text-align: center;
}

.itemDBox_contBtmPer {
  width: 16rem;
  height: 16rem;
  background: url(../../src/img/top_item_per.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-top: -3rem;
  margin-left: 2rem;
}

.itemDBox_contBtmPer_num {
  color: #FFF500;
  font-size: 6.2rem;
  line-height: 1;
  width: 6.5rem;
  white-space: nowrap;
  position: absolute;
  left: 3rem;
  top: 3rem;
  text-align: right;
}

.itemDBox_contBtm_priceNote {
  display: flex;
  align-items: baseline;
  line-height: 1;
  margin-bottom: 3rem;
}

.itemDBox_contBtm_priceNote_txt01 {
  font-weight: 500;
  margin-right: 0.6rem;
  font-size: 1.5rem;
}

.itemDBox_contBtm_priceNote_txt02 span {
  font-size: 2.3rem;
}

.itemDBox_contBtm_priceNote_txt02 span+span {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 0.2rem;
}

.itemDBox_contCount {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4rem;
}

.itemDBox_contCount_txt {
  font-size: 1.4rem;
  margin-right: 2rem;
}

.itemDBox_contCountInput {
  width: 25%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 1rem;
  border: 1px solid #707070;
}

.itemDBox_contCountInput input.skuquantity {
  width: 4rem;
  padding: 0rem;
  border: none;
  -webkit-appearance: none;
  color: #000;
  font-size: 2rem;
  text-align: center;
  height: 3rem;
  padding-bottom: 2px;
}

.itemDBox_contCountInput input.minus {
  -webkit-appearance: none;
  background: url(../../src/img/down_btn.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 1.2rem;
  height: 1.2rem;
  border: none;
  cursor: pointer;
}

.itemDBox_contCountInput input.plus {
  -webkit-appearance: none;
  background: url(../../src/img/up_btn.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 1.2rem;
  height: 1.2rem;
  border: none;
  cursor: pointer;
}

.itemDBox_contCountInput input.minus:hover {
  opacity: 0.5;
}

.itemDBox_contCountInput input.plus:hover {
  opacity: 0.5;
}

.itemDBox_contBtn {
  margin-bottom: 3rem;
}

.itemDBox_contBtn input {
  -webkit-appearance: none;
  width: 100%;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #CB0000;
  font-size: 20px;
  font-weight: 600;
  background: #fff url(../../src/img/cmn_arrow01.png) 96% center no-repeat;
  background-size: 2rem 2rem;
  border-radius: 100px;
  position: relative;
  border: 2px solid #CB0000;
  margin-bottom: 2rem;
}

.itemDBox_contBtn input:hover {
  opacity: 0.5;
}

.itemDBox_contBtnLink {
  width: 100%;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #CB0000;
  font-size: 20px;
  font-weight: 600;
  background: #fff url(../../src/img/cmn_arrow01.png) 96% center no-repeat;
  background-size: 2rem 2rem;
  border-radius: 100px;
  position: relative;
  border: 2px solid #CB0000;
  margin-bottom: 2rem;
}

.itemDBox_contBtn_note {}

.itemDBox_contBtn_note a {
  border-bottom: 1px solid #CB0000;
}

.itemDBox_info {
  margin-bottom: 8rem;
}

.itemDBox_infoList {
  border-top: 1px solid #DEDEDE;
}

.itemDBox_infoList li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 0;
  border-bottom: 1px solid #DEDEDE;
}

.itemDBox_infoList li h3 {
  width: 12%;
  font-size: 1.4rem;
  font-weight: 600;
}

.itemDBox_infoList li div {
  width: 88%;
  font-size: 1.4rem;
}

.itemDBox_recommend {}

.itemDBox_recommend .topItemBoxList_itemBtm_txt {
  display: none;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .itemDBoxWrap {
    border: 3px solid #CB0000;
    padding: 3rem 3rem 6rem;
    background: #fff;
    width: 98%;
    margin: 6rem auto 10rem;
    border-radius: 10px;
  }

  .itemDBox_contBtm_priceNum_txt01 {
    font-size: 6.9rem;
    letter-spacing: 0em;
  }

  .itemDBox_contBtm_priceNum_txt02 {
    font-size: 3.1rem;
    font-weight: 900;
    /* padding-bottom: 0.4rem; */
    position: relative;
    padding-top: 1.6rem;
    margin-top: 2.5rem;
    margin-left: 0.6rem;
  }

  .itemDBox_contBtm_price {
    display: flex;
    align-items: baseline;
    line-height: 1;
    margin-bottom: -1rem;
    min-height: 8rem;
  }

  .itemDBox_contBtmPer {
    width: 12rem;
    height: 12rem;
    background: url(../../src/img/top_item_per.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: -3rem;
    margin-left: 2rem;
  }

  .itemDBox_contBtmPer_num {
    color: #FFF500;
    font-size: 4.2rem;
    line-height: 1;
    width: 3.5rem;
    white-space: nowrap;
    position: absolute;
    left: 3rem;
    top: 2.6rem;
    text-align: right;
  }

  .itemDBox_contCountInput {
    width: 34%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 1rem;
    border: 1px solid #707070;
  }

  .itemDBox_recommend .topItemBoxList_itemBtm_priceNum_txt01 {
    font-size: 5.8rem;
    letter-spacing: 0em;
  }

  .itemDBox_recommend .topItemBoxList {
    width: 104%;
  }

}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .itemDBoxWrap {
    border: none;
    padding: 6rem 2rem 10rem;
    background: #fff;
    width: 100%;
    margin: 3rem auto 0rem;
    border-radius: 0px;
  }

  .itemDBox {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 5rem;
    flex-direction: column;
  }

  .itemDBox_img {
    width: 100%;
    margin-bottom: 3rem;
    position: relative;
  }

  .itemSecDetailBoxImgSlide {
    margin-bottom: 2rem;
  }

  .itemSecDetailBoxImgSlide img {}

  .itemSecDetailBoxImgSlide .slick-list {
    padding-right: 0rem;
    border: 1px solid #969696;
    border-radius: 1rem;
  }

  .itemSecDetailBoxImgSlide .slick-slide {}

  .itemSecDetailBoxImgSlide li {
    height: 29rem;
    text-align: center;
  }

  .itemSecDetailBoxImgSlide li img {
    height: 100%;
    display: inline-block;
    width: auto;
    object-fit: none;
  }

  .itemSecDetailBoxImgSlide li div {
    width: 100%;
    height: 29rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 0;

  }

  .itemSecDetailBoxImgSlide li div img {
    position: absolute;
    object-fit: contain;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .itemSecDetailBoxImgNav {
    margin: 0 -0.5rem;
  }

  .itemSecDetailBoxImgNav li {
    padding: 0 0.5rem;
  }

  .itemSecDetailBoxImgNav li.slick-current div {
    background: #878787;
    display: block;
  }

  .itemSecDetailBoxImgNav li.slick-current div img {
    opacity: 0.4;
    transition: all 300ms ease;
  }

  .itemSecDetailBoxImgNav .slick-slide div {
    width: 100%;
    height: 9.5rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 0.5rem;
    border: 1px solid #969696;
  }

  .itemSecDetailBoxImgNav .slick-slide div img {
    position: absolute;
    object-fit: contain;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .itemDBox_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .itemDBox_contTop {
    width: 100%;
    margin-bottom: 3rem;
  }

  .itemDBox_contTop_logo {
    margin-bottom: 0rem;
    line-height: 1;
  }

  .itemDBox_contTop_logo img {
    width: auto;
    max-width: unset;
    height: 3rem;
  }

  .itemDBox_contTop_ttl {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem;
  }

  .itemDBox_contTop_cat {
    display: flex;
    flex-wrap: wrap;
  }

  .itemDBox_contTop_cat li {
    line-height: 1;
    background: #F4F4F4;
    border-radius: 5px;
    padding: 0.5rem 0.6rem;
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
    font-size: 1.2rem;
    letter-spacing: 0;
  }

  .itemDBox_contBtm {
    margin-bottom: 2rem;
  }

  .itemDBox_contBtm_txt {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    line-height: 1.6;
  }

  .itemDBox_contBtm_price {
    display: flex;
    align-items: baseline;
    line-height: 1;
    margin-bottom: 2.5rem;
    min-height: auto;
  }

  .itemDBox_contBtm_priceNum {
    display: flex;
    align-items: flex-start;
    white-space: nowrap;
  }

  .itemDBox_contBtm_priceNum_txt01 {
    font-size: 7.8rem;
    letter-spacing: 0em;
  }

  .itemDBox_contBtm_priceNum_txt02 {
    font-size: 3.1rem;
    font-weight: 900;
    /* padding-bottom: 0.4rem; */
    position: relative;
    padding-top: 1.6rem;
    margin-top: 2.5rem;
    margin-left: 0.6rem;
  }

  .itemDBox_contBtm_priceNum_txt02:before {
    content: "税込";
    position: absolute;
    top: 0;
    font-size: 1.2rem;
    text-align: center;
  }

  .itemDBox_contBtmPer {
    width: 16rem;
    height: 16rem;
    background: url(../../src/img/top_item_per.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: -3rem;
    margin-left: 2rem;
    display: none;
  }

  .itemDBox_contBtmPer_num {
    color: #FFF500;
    font-size: 6.2rem;
    line-height: 1;
    width: 6.5rem;
    white-space: nowrap;
    position: absolute;
    left: 3rem;
    top: 3rem;
    text-align: right;
  }

  .itemDBox_contBtm_priceNote {
    display: flex;
    align-items: baseline;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .itemDBox_contBtm_priceNote_txt01 {
    font-weight: 500;
    margin-right: 0.6rem;
    font-size: 1.5rem;
  }

  .itemDBox_contBtm_priceNote_txt02 span {
    font-size: 2.3rem;
  }

  .itemDBox_contBtm_priceNote_txt02 span+span {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    margin-left: 0.2rem;
  }

  .itemDBox_contCount {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4rem;
  }

  .itemDBox_contCount_txt {
    font-size: 1.4rem;
    margin-right: 2rem;
  }

  .itemDBox_contCountInput {
    width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 1rem;
    border: 1px solid #707070;
  }

  .itemDBox_contCountInput input.skuquantity {
    width: 4rem;
    padding: 0rem;
    border: none;
    -webkit-appearance: none;
    color: #000;
    font-size: 2rem;
    text-align: center;
    height: 3rem;
    padding-bottom: 2px;
  }

  .itemDBox_contCountInput input.minus {
    -webkit-appearance: none;
    background: url(../../src/img/down_btn.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 1.2rem;
    height: 1.2rem;
    border: none;
    cursor: pointer;
  }

  .itemDBox_contCountInput input.plus {
    -webkit-appearance: none;
    background: url(../../src/img/up_btn.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 1.2rem;
    height: 1.2rem;
    border: none;
    cursor: pointer;
  }

  .itemDBox_contCountInput input.minus:hover {
    opacity: 0.5;
  }

  .itemDBox_contCountInput input.plus:hover {
    opacity: 0.5;
  }

  .itemDBox_contBtn {
    margin-bottom: 1rem;
  }

  .itemDBox_contBtn input {
    -webkit-appearance: none;
    width: 100%;
    height: 6.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #CB0000;
    font-size: 20px;
    font-weight: 600;
    background: #fff url(../../src/img/cmn_arrow01.png) 96% center no-repeat;
    background-size: 2rem 2rem;
    border-radius: 100px;
    position: relative;
    border: 2px solid #CB0000;
    margin-bottom: 2rem;
  }

  .itemDBox_contBtn input:hover {
    opacity: 0.5;
  }

  .itemDBox_contBtnLink {
    width: 100%;
    height: 6.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #CB0000;
    font-size: 20px;
    font-weight: 600;
    background: #fff url(../../src/img/cmn_arrow01.png) 96% center no-repeat;
    background-size: 2rem 2rem;
    border-radius: 100px;
    position: relative;
    border: 2px solid #CB0000;
    margin-bottom: 2rem;
  }

  .itemDBox_contBtn_note {}

  .itemDBox_contBtn_note a {
    border-bottom: 1px solid #CB0000;
  }

  .itemDBox_info {
    margin-bottom: 8rem;
  }

  .itemDBox_infoList {
    border-top: none;
  }

  .itemDBox_infoList li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem 0 2rem;
    border-bottom: none;
    flex-wrap: wrap;
  }

  .itemDBox_infoList li h3 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

  .itemDBox_infoList li div {
    width: 100%;
    font-size: 1.4rem;
  }

  .itemDBox_recommend {}

  .itemDBox_recommend .topItemBoxList_itemBtm_txt {
    display: none;
  }

  .itemBoxCont_ttlBox--itemBoxD .itemBoxCont_ttl span {
    padding: 0;
    text-align: center;
    display: block;
    line-height: 1.3;
  }

  .itemBoxCont_ttlBox--itemBoxD .itemBoxCont_ttl span:before {
    left: -4rem;
    bottom: -3rem;
  }

  .itemBoxCont_ttlBox--itemBoxD .itemBoxCont_ttl span:after {
    right: -4rem;
    bottom: -3rem;
  }
}

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

CART

-------------------------------------------------------------*/
.wcWrap {
  border: 3px solid #CB0000;
  padding: 5rem 7rem 8rem;
  background: #fff;
  width: 90%;
  margin: 6rem auto 10rem;
  border-radius: 10px;
}

.cartBox {
  position: relative;
  z-index: 1;
}

.cartBoxInner {
  width: 100%;
  margin: 0 auto 0rem;
}

.wc_ttl {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  font-weight: 600;
}

.wc_currentlist {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom: 2rem;
  width: 100%;
  overflow: hidden;
  border-right: 1px solid #9b9b9b;
}

.wc_currentlist li {
  background: url(../../src/img/wc_current.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 100%;
  margin-right: -2rem;
  padding: 2.5rem 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: stretch;
  line-height: 1;
  z-index: 1;
  font-size: 1.6rem;
}

.wc_currentlist li.on {
  background: url(../../src/img/wc_current_on.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.wc_currentlist li span {
  color: #212121;
}

.wc_currentlist li.on span {
  color: #fff;
}

.cartChange {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 2rem;
  font-weight: 700;
}

.cartChange_txt {
  margin-right: 1rem;
}

.cartChange_btn {
  position: relative;
  width: 10rem;
}

.cartChange_btn input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000;
  border: none;
  text-align: center;
  padding: 0.6rem 0;
  color: #fff;
  position: relative;
  font-size: 1.4rem;
}

.cartChange_btn:hover {
  opacity: 0.6;
}

.cartTable {
  width: 100%;
  margin-bottom: 2rem;
  background: #fff;
}

.cartTable td {
  border: 1px solid #707070;
  vertical-align: middle;
}

.tdpt_01 {
  background: #F4F4F4;
  padding: 1rem;
  text-align: center;
}

.td01_01 {
  width: 5%;
}

.td01_02 {
  width: 15%;
}

.td01_03 {
  width: 27%;
}

.td01_04 {
  width: 10%;
}

.td01_05 {
  width: 8%;
}

.td01_06 {
  width: 10%;
}

.td01_07 {
  width: 10%;
}

.td01_08 {
  width: 8%;
}

.tdpt_02 {
  text-align: center;
  padding: 1rem;
}

.num {
  text-align: center;
}

.thumbnail {
  padding: 1.6rem;
}

.thumbnail a {
  width: 100%;
  height: 9.8rem;
  position: relative;
  overflow: hidden;
  display: block;
}

.thumbnail a img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

.productname {
  text-align: left;
  font-size: 20px;
}

.unitprice {
  text-align: center;
  white-space: nowrap;
}

.quantity input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
  font-size: 1.4rem;
}

.subtotal {
  text-align: center;
}

.stock {
  text-align: center;
}

.action input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000;
  border: none;
  text-align: center;
  padding: 0.6rem 0;
  color: #fff;
  position: relative;
  font-size: 1.4rem;
}

.action input:hover {
  opacity: 0.6;
}

.td03_01 {
  background: #F4F4F4;
  padding: 1rem;
  text-align: center;
  text-align: right;
}

.wc_btnListBox {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}

.wc_btnList {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

.wc_btnList_item01 {
  width: 36rem;
  margin-bottom: 2rem;
}

.wc_btnList_item01 input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #CB0000;
  text-align: center;
  height: 6rem;
  color: #fff;
  position: relative;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
}

.wc_btnList_item01:hover {
  opacity: 0.6;
}

.wc_btnList_item02 {
  width: 35rem;
}

.wc_btnList_item02 input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #DEDEDE url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #DEDEDE;
  text-align: center;
  height: 6rem;
  color: #000000;
  position: relative;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
}

.wc_btnList_item02:hover {
  opacity: 0.6;
}

.wc_btnList li {
  margin: 0 1rem;
}

.wc_btnListBoxCenter {
  justify-content: center;
  margin-top: 4rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .wcWrap {
    border: 3px solid #CB0000;
    padding: 3rem 0rem 6rem;
    background: #fff;
    width: 98%;
    margin: 6rem auto 10rem;
    border-radius: 10px;
  }

  .cartBoxInner {
    width: 95%;
    margin: 0 auto 8rem;
  }

  .unitprice {
    text-align: center;
    white-space: nowrap;
  }

  .cartTable td {
    border: 1px solid #707070;
    vertical-align: middle;
    white-space: normal;
  }

  .thumbnail {
    padding: 0.6rem;
  }

  .thumbnail a {
    width: 100%;
    height: 10.8rem;
    position: relative;
    overflow: hidden;
    display: block;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .wcWrap {
    border: none;
    padding: 3rem 2rem 3rem;
    background: #fff;
    width: 100%;
    margin: 3rem auto 3rem;
    border-radius: 0px;
  }

  .cartBox {
    margin-top: 0rem;
  }

  .cartBoxInner {
    width: 100%;
    margin: 0 auto 4rem;
  }

  .wc_ttl {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
    border-bottom: none;
    border-bottom: 1px solid #707070;
    margin-bottom: 2rem;
  }

  .wc_currentlist {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 2rem;
    width: 100%;
    overflow: hidden;
    border-right: 1px solid #9b9b9b;
  }

  .wc_currentlist li {
    background: url(../../src/img/sp/wc_current@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-right: -1rem;
    padding: 1rem 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;

  }

  .wc_currentlist li.on {
    background: url(../../src/img/sp/wc_current_on@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .wc_currentlist li span {
    color: #212121;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 400;
  }

  .wc_currentlist li.on span {
    color: #fff;
  }

  .cartChange {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    width: 100%;
    margin: 0 auto 2rem;

  }

  .cartChange_txt {
    margin-right: 1rem;
    line-height: 1.4;
    font-weight: 400;
  }

  .cartChange_btn {
    position: relative;
    width: 10rem;
  }

  .cartChange_btn input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #CB0000;
    border: none;
    text-align: center;
    padding: 0.6rem 0;
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 1.4rem;
  }

  .cartChange_btn:hover {
    opacity: 0.6;
  }

  .cartTable {
    width: 100%;
    margin: 0 auto;
  }

  .cartTable tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #707070;
    clear: both;
    border-right: 1px solid #707070;
    position: relative;
    justify-content: stretch;
    flex-wrap: wrap;
  }

  .cartTable td {
    border: 1px solid #707070;
    vertical-align: middle;
    font-weight: 400;
  }

  .cartTable tr td {
    float: left;
    border: none;
  }

  .tdpt_01 {
    background: #F2F2F2;
    padding: 1rem;
    text-align: center;
    display: none;
  }

  .tdpt_01.td03_02 {
    display: block;
  }

  .cartTable .num {
    display: none;
  }

  .cartTable .thumbnail {
    width: 30%;
    height: 100%;
    padding: 1rem;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    vertical-align: middle;
    display: flex;
    align-items: center;
    position: absolute;
  }

  .cartTable .thumbnail a {
    width: 100%;
    height: 9.8rem;
    position: relative;
    overflow: hidden;
    display: block;
  }

  .cartTable .thumbnail a img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
  }

  .cartTable .productname {
    text-align: left;
    font-weight: 600;
    width: 100%;
    padding: 1rem;
    padding-left: 13rem;
    font-size: 1.4rem;
  }

  .cartTable .unitprice {
    text-align: left;
    width: 100%;
    font-size: 1.2rem;
    padding: 0 1rem;
    padding-left: 13rem;
  }

  .cartTable .unitprice:before {
    content: "単価:";
    margin-right: 0.4rem;
  }

  .cartTable .quantity {
    width: 100%;
    font-size: 1.2rem;
    padding: 1rem;
    padding-left: 13rem;
  }

  .cartTable .quantity:before {
    content: "数量:";
    margin-right: 0.4rem;
  }

  .cartTable .quantity input {
    background: #fff;
    padding: 0.4rem 1rem;
    width: 30%;
    -webkit-appearance: none;
    color: #707070;
    border: 1px solid #707070;
  }

  .cartTable .subtotal {
    text-align: left;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 400;
    padding-left: 13rem;
  }

  .cartTable .subtotal:before {
    content: "金額(税込):";
    margin-right: 0.4rem;
    font-weight: 400;
  }

  .cartTable .stock {
    text-align: left;
    width: 100%;
    font-size: 1.2rem;
    padding-left: 13rem;
  }

  .cartTable .stock:before {
    content: "在庫状態:";
    margin-right: 0.4rem;
  }

  .cartTable .action {
    width: 100%;
    padding-left: 13rem;
    padding-bottom: 1rem;
  }

  .cartTable .action input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 22%;
    display: block;
    background: #CB0000;
    border: none;
    text-align: center;
    padding: 0.5rem 0;
    color: #fff;
    position: absolute;
    font-size: 1.4rem;
    bottom: 7.3rem;
    right: 1rem;
    font-weight: 400;
  }

  .cartTable .action:hover {
    opacity: 0.6;
  }

  .cartTable tr.wc_cart_btm {
    display: flex;
    flex-direction: row;
  }

  .cartTable .td03_01 {
    width: 70%;
    text-align: right;
    border-left: 1px solid #707070;
    background: #fff;
  }

  .cartTable .td03_02 {
    width: 30%;
    background: #fff;
  }

  .cartTable tr.wc_cart_btm {
    display: flex;
    flex-direction: row;
  }

  .wc_btnListBox {
    display: flex;
    justify-content: center;
    margin-top: 3rem;

  }

  .wc_btnList {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .wc_btnList_item01 {
    width: 32rem;
    margin-bottom: 2rem;
  }

  .wc_btnList_item01 input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
    background-size: 2rem 2rem;
    border: 2px solid #CB0000;
    text-align: center;
    height: 6rem;
    color: #fff;
    position: relative;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
  }

  .wc_btnList_item01:hover {
    opacity: 0.6;
  }

  .wc_btnList_item02 {
    width: 32rem;
  }

  .wc_btnList_item02 input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #DEDEDE url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
    background-size: 2rem 2rem;
    border: 2px solid #DEDEDE;
    text-align: center;
    height: 6rem;
    color: #000000;
    position: relative;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
  }

  .wc_btnList_item02:hover {
    opacity: 0.6;
  }

  .wc_btnList li {
    margin: 0 0 2rem;
  }

  .wc_btnListBoxCenter {
    justify-content: center;
    margin-top: 4rem;
  }
}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */

}

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
}

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

LOGIN

-------------------------------------------------------------*/
.loginWrap {}

.wcWrapLogin {
  padding: 3rem 0;
}

.loginInner {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 0;
}

.loginInnerBox {
  width: 45%;
  padding: 5rem 0;
  padding-bottom: 8rem;
}

.loginInnerBoxLine {
  width: 55%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAAXNSR0IArs4c6QAAABpJREFUGFdjPM3A8N+UgYGRAQmgcGDitBAEAPhfAgeH0AmgAAAAAElFTkSuQmCC) right 0 repeat-y;
  padding-bottom: 5rem;
}

.loginInnerBoxIn {
  width: 80%;
  margin: 0 auto;
}

.loginInnerBox_ttl {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 3rem;
  line-height: 1;
}

.loginInnerBox_ttl_jp {
  font-size: 2.4rem;
  font-weight: 600;
}

.loginInnerBox_cont {}

.loginInnerBox_contSignup {
  padding-top: 1rem;
}

.loginInnerBox_contTxt {
  font-size: 1.4rem;
  margin-bottom: 4rem;
  text-align: center;
  letter-spacing: 0.05em;
}

.loginInnerBox_contList {
  margin-bottom: 1rem;
}

.loginInnerBox_contList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

.loginInnerBox_contList li p {
  width: 30%;
  font-size: 1.4rem;
}

.loginInnerBox_contList li div {
  width: 70%;
}

.loginInnerBox_contList li div input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
  font-size: 1.5rem;
}

.loginInnerBox_contCheck {
  margin-bottom: 2rem;
}

.loginInnerBox_contCheck label {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  justify-content: flex-start;
}

.loginInnerBox_contCheck input {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 2px;
  padding: 0;
  line-height: 1em;
  position: relative;
}

.loginInnerBox_contCheck input[type=checkbox]:checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 2.2rem;
  line-height: 1;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.loginInnerBox_contBtn {
  width: 35rem;
  position: relative;
  margin: 0 auto;
}

.loginInnerBox_contBtn input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #CB0000;
  text-align: center;
  height: 6rem;
  color: #fff;
  position: relative;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
}

.loginInnerBox_contBtn:hover {
  opacity: 0.6;
}

.forgetPw {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #8e8e8e;
}

.loginInnerLostPw .loginInnerBox {
  width: 100%;
}

.sendBtnLostPw {
  width: 30rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .loginInnerBoxLine {
    width: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAAXNSR0IArs4c6QAAABpJREFUGFdjPM3A8N+UgYGRAQmgcGDitBAEAPhfAgeH0AmgAAAAAElFTkSuQmCC) right 0 repeat-y;
    padding-bottom: 5rem;
  }

  .loginInnerBox {
    width: 50%;
    padding: 5rem 0;
    padding-bottom: 8rem;
  }

  .loginInnerBoxIn {
    width: 87%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .loginWrap {}

  .wcWrapLogin {
    padding: 3rem 0;
  }

  .loginInner {
    width: 90%;
    background: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0;
    flex-direction: column;
  }

  .loginInnerBox {
    width: 100%;
    padding: 5rem 0;
    padding-bottom: 8rem;
  }

  .loginInnerBoxLine {
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAAXNSR0IArs4c6QAAABpJREFUGFdjPM3A8N+UgYGRAQmgcGDitBAEAPhfAgeH0AmgAAAAAElFTkSuQmCC) 0 bottom repeat-x;
    padding-bottom: 8rem;
  }

  .loginInnerBoxIn {
    width: 100%;
    margin: 0 auto;
  }

  .loginInnerBox_ttl {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 3rem;
    line-height: 1;
  }

  .loginInnerBox_ttl_jp {
    font-size: 2.4rem;
    font-weight: 600;
  }

  .loginInnerBox_cont {}

  .loginInnerBox_contSignup {
    padding-top: 0rem;
  }

  .loginInnerBox_contTxt {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    text-align: center;
    letter-spacing: 0.05em;
  }

  .loginInnerBox_contList {
    margin-bottom: 1rem;
  }

  .loginInnerBox_contList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-direction: column;
  }

  .loginInnerBox_contList li p {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .loginInnerBox_contList li div {
    width: 100%;
  }

  .loginInnerBox_contList li div input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .loginInnerBox_contCheck {
    margin-bottom: 2rem;
  }

  .loginInnerBox_contCheck label {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    justify-content: flex-start;
  }

  .loginInnerBox_contCheck input {
    margin-right: 1rem;
    -webkit-appearance: none;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    line-height: 1em;
    position: relative;
  }

  .loginInnerBox_contCheck input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 2.2rem;
    line-height: 1;
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .loginInnerBox_contBtn {
    width: 32rem;
    position: relative;
    margin: 0 auto;
  }

  .loginInnerBox_contBtn input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
    background-size: 2rem 2rem;
    border: 2px solid #CB0000;
    text-align: center;
    height: 6rem;
    color: #fff;
    position: relative;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
  }

  .loginInnerBox_contBtn:hover {
    opacity: 0.6;
  }

  .forgetPw {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    font-size: 1.2rem;
    color: #8e8e8e;
  }

  .loginInnerLostPw .loginInnerBox {
    width: 100%;
  }

  .sendBtnLostPw {
    width: 30rem;
  }
}

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

POLICY

-------------------------------------------------------------*/
.simplePageBox {
  width: 66%;
  margin: 6rem auto 10rem;
}

.subCmnTtl01Box--simplePageBox {
  display: flex;
  justify-content: center;
}

.policyTxt {}

.ggLink {
  font-weight: 600;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .simplePageBox {
    width: 90%;
    margin: 6rem auto 10rem;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .simplePageBox {
    width: 90%;
    margin: 6rem auto 10rem;
  }

  .subCmnTtl01Box--simplePageBox {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
  }

  .policyTxt {}

  .ggLink {
    font-weight: 600;
  }
}

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

NOTATION

-------------------------------------------------------------*/
.notationList {}

.notationList_item {
  margin-bottom: 5rem;
  font-size: 1.4rem;
}

.notationList_item_ttl {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.notationList_item_ttl {}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */

}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .notationList {}

  .notationList_item {
    margin-bottom: 3rem;
    font-size: 1.4rem;
  }

  .notationList_item_ttl {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .notationList_item_ttl {}
}

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

GUIDE

-------------------------------------------------------------*/
.guideAnchBox {
  margin-bottom: 12rem;
}

.guideAnch {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.guideAnch li {
  font-size: 20px;
}

.guideAnch li a {
  position: relative;
  display: block;
  font-weight: 600;
}

.guideAnch li a:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #CB0000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.guideAnch li a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6rem 0.5rem 0 0.5rem;
  border-color: #CB0000 transparent transparent transparent;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  margin: auto;
}

.guideSec {
  margin-bottom: 5rem;
}

.guideSec_ttl {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DEDEDE;
}

.guideSec_cont {
  font-size: 1.4rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .guideAnch li {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .guideAnchBox {
    margin-bottom: 8rem;
  }

  .guideAnch {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0rem;
    flex-direction: column;
  }

  .guideAnch li {
    font-size: 20px;
    width: 100%;
    margin-bottom: 3rem;
  }

  .guideAnch li a {
    position: relative;
    display: block;
    font-weight: 600;
    text-align: center;
  }

  .guideAnch li a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #CB0000;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .guideAnch li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6rem 0.5rem 0 0.5rem;
    border-color: #CB0000 transparent transparent transparent;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    right: 0;
    margin: auto;
  }

  .guideSec {
    margin-bottom: 5rem;
  }

  .guideSec_ttl {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #DEDEDE;
  }

  .guideSec_cont {
    font-size: 1.4rem;
  }
}

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

SITEMAP

-------------------------------------------------------------*/
.simplePageBox--sitemap {
  width: 62%;
}

.sitemapBox {
  width: 100%;
  margin: 8rem auto 16rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.sitemapBox_list {}

.sitemapBox_listItem {
  margin-bottom: 4rem;
}

.sitemapBox_listItem a {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  font-size: 20px;
}

.sitemapBox_listItem a img {
  width: 1.2rem;
  margin-left: 0.4rem;
}

.sitemapBox_listItem ul {
  margin-top: 1rem;
}

.sitemapBox_listItem ul li {}

.sitemapBox_listItem ul li a {
  line-height: 1;
  font-weight: 500;
  font-size: 1.4rem;
  color: #969696;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .simplePageBox--sitemap {
    width: 80%;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .simplePageBox--sitemap {
    width: 90%;
  }

  .sitemapBox {
    width: 100%;
    margin: 4rem auto 10rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }

  .sitemapBox_list {}

  .sitemapBox_listItem {
    margin-bottom: 4.5rem;
  }

  .sitemapBox_listItem a {
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    font-size: 20px;
  }

  .sitemapBox_listItem a img {
    width: 1.2rem;
    margin-left: 0.4rem;
  }

  .sitemapBox_listItem ul {
    margin-top: 1rem;
  }

  .sitemapBox_listItem ul li {}

  .sitemapBox_listItem ul li a {
    line-height: 1;
    font-weight: 500;
    font-size: 1.4rem;
    color: #969696;
  }
}

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

SIGNUP

-------------------------------------------------------------*/
.formSecSignup {
  width: 60%;
  margin: 8rem auto 12rem;
}

.formSecSignup_ttl {
  color: #716046;
  font-size: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}

.formSecSignup_note01 {}

.formSecSignup_note02 {
  color: #CB0000;
}

.newMemberForm {
  width: 100%;
}

.newMemberForm tr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

.newMemberForm tr th {
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
  font-weight: 600;
  padding: 0;
}

.newMemberForm tr th em.hissu {
  color: #fff;
  font-size: 1.2rem;
  background: #CB0000;
  border-radius: 0px;
  line-height: 1;
  padding: 0.2rem 0.6rem;
  height: 1.3rem;
  margin-right: 1rem;
  font-style: normal;
}

.newMemberForm tr td {
  width: 100%;
  padding: 0;
}

.newMemberForm tr td input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
  font-size: 1.4rem;
}

.newMemberForm tr td select {
  width: 100%;
  background: #fff url(../../src/img/form_select.png) 97% center no-repeat;
  background-size: 1.6rem;
  padding: 1rem 2rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #212121;
  font-size: 1.4rem;
}

.newMemberForm .member_name {
  display: none;
}

.newMemberForm .member_furigana {
  display: none;
}

.newMemberForm #name_row {
  display: flex;
  justify-content: space-between;
}

.newMemberForm #name_row .name_td {
  width: 49%;
}

.newMemberForm #name_row input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
}

.newMemberForm #furikana_row {
  display: flex;
  justify-content: space-between;
}

.newMemberForm #furikana_row td {
  width: 49%;
}

.newMemberForm #furikana_row input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
}

.newMemberFormSend {
  position: relative;
  width: 31rem;
  margin: 5rem auto;
}

.newMemberFormSend input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #CB0000;
  text-align: center;
  height: 6rem;
  color: #fff;
  position: relative;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
}

.newMemberForm #zipcode_row td {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newMemberForm #zipcode_row td input {
  width: 48%;
}

.newMemberForm tr#zipcode_row td input#search_zipcode {
  background: #DEDEDE;
  border: 1px solid #DEDEDE;
  color: #000;
  padding: 1rem;
  width: 48%;
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
}

.at_check_area {
  font-size: 1.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.at_check_area label {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  justify-content: flex-start;
}

.at_check_area a {
  border-bottom: 1px solid #716046;
  color: #716046;
}

.at_check_area input {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 2px;
  padding: 0;
  line-height: 1em;
  position: relative;
}

.at_check_area input[type=checkbox]:checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 2.2rem;
  line-height: 1;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.error_message {
  font-size: 1.2rem;
  color: #B80610;
  margin-bottom: 2rem;
  text-align: center;
}

.mainContentNewMember .agree_member_area {
  margin-top: 0;
}

.at_cont_text {
  display: none;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .formSecSignup {
    width: 80%;
    margin: 8rem auto 8rem;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .formSecSignup {
    width: 88%;
    margin: 4rem auto 12rem;
  }

  .formSecSignup_note01 {}

  .formSecSignup_note02 {
    color: #CB0000;
  }

  .newMemberForm {
    width: 100%;
  }

  .newMemberForm tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }

  .newMemberForm tr th {
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
    font-weight: 600;
    padding: 0;
  }

  .newMemberForm tr th em.hissu {
    color: #fff;
    font-size: 1.2rem;
    background: #CB0000;
    border-radius: 0px;
    line-height: 1;
    padding: 0.2rem 0.6rem;
    height: 1.3rem;
    margin-right: 1rem;
    font-style: normal;
  }

  .newMemberForm tr td {
    width: 100%;
  }

  .newMemberForm tr td input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .newMemberForm tr td select {
    width: 100%;
    background: #fff url(../../src/img/form_select.png) 95% center no-repeat;
    background-size: 1rem;
    padding: 1rem 2rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    color: #212121;
  }

  .newMemberForm .member_name {
    display: none;
  }

  .newMemberForm .member_furigana {
    display: none;
  }

  .newMemberForm #name_row {
    display: flex;
    justify-content: space-between;
  }

  .newMemberForm #name_row .name_td {
    width: 48%;
  }

  .newMemberForm #name_row .name_td+.name_td {
    margin-top: 0rem;
  }

  .newMemberForm #name_row input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .newMemberForm #furikana_row {
    display: flex;
    justify-content: space-between;
  }

  .newMemberForm #furikana_row td {
    width: 48%;
  }

  .newMemberForm #furikana_row td+td {
    margin-top: 0rem;
  }

  .newMemberForm #furikana_row input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .newMemberFormSend {
    position: relative;
    width: 31rem;
    margin: 5rem auto;
  }

  .newMemberFormSend input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
    background-size: 2rem 2rem;
    border: 2px solid #CB0000;
    text-align: center;
    height: 6rem;
    color: #fff;
    position: relative;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
  }

  .newMemberForm #zipcode_row td {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .newMemberForm #zipcode_row td input {
    width: 48%;
  }

  .newMemberForm tr#zipcode_row td input#search_zipcode {
    background: #DEDEDE;
    border: 1px solid #DEDEDE;
    color: #000;
    padding: 1rem;
    width: 48%;
    -webkit-appearance: none;
    margin: 0;
    cursor: pointer;
  }

  .error_message {
    font-size: 1.2rem;
    color: #B80610;
    margin-bottom: 2rem;
    text-align: center;
  }

  .mainContentNewMember .at_check_area {
    width: 100%;
  }

}

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

CART CUSTOMER

-------------------------------------------------------------*/
.cartCustomoer {
  width: 70%;
  margin: 0 auto 10rem;
}

#customer-info h5 {
  font-size: 2rem;
  border-bottom: 1px solid #707070;
  margin-bottom: 2rem;
}

.cartCustomoerTop tr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 1rem !important;
}

.cartCustomoerTop tr th {
  display: block;
  background: none !important;
  width: 100% !important;
  text-align: left;
  padding: 1rem 0 !important;
  margin: 1rem 0;
  padding: 0 !important;
  font-weight: 600 !important;
}

.cartCustomoerTop tr td {
  display: block;
  width: 100% !important;
  padding: 0 !important;
}

.cartCustomoerTop tr td input {
  background: #fff;
  padding: 1rem;
  width: 100% !important;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
  font-size: 1.4rem;
}

.cartCustomoerTop th {
  border: none !important;
  font-weight: 600;
}

.cartCustomoerTop td {
  border: none !important;
}

.cartCustomoerTop .wc_btnList_item01 input {
  font-weight: 600;
}

.forgetPw {
  text-align: center;
  margin: 2rem 0 4rem;
}

.customer_form {
  width: 100%;
}

.customer_formNote {
  color: #B80610;
  margin: 2rem 0;
}

.cartCustomoerBtm tr {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem !important;
  flex-wrap: wrap;
}

.cartCustomoerBtm tr th {
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
  padding: 0;
  background: none;
  border: none;
  letter-spacing: 0;
  font-weight: 600;
}

.cartCustomoerBtm tr th em.hissu {
  color: #fff;
  font-size: 1.4rem;
  background: #B80610;
  line-height: 1;
  padding: 0.2rem 1rem;
  height: 1.3rem;
  margin-right: 1rem;
  font-style: normal;
  font-weight: 400 !important;
  border-radius: 6px;
}

.cartCustomoerBtm tr td {
  width: 100%;
  border: none !important;
  margin: 0 !important;
  padding: 0;
}

.cartCustomoerBtm tr td input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
  margin: 0 !important;
  font-size: 1.4rem;
}

.cartCustomoerBtm #zipcode_row td {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cartCustomoerBtm #zipcode_row td input {
  width: 48%;
}

.cartCustomoerBtm tr#zipcode_row td input#search_zipcode {
  background: #DEDEDE;
  padding: 1rem;
  width: 48%;
  -webkit-appearance: none;
  color: #000;
  border: 1px solid #DEDEDE;
  margin: 0;
  cursor: pointer;
}

.cartCustomoerBtm tr td select {
  width: 100%;
  background: #fff url(../../src/img/form_select.png) 97% center no-repeat;
  background-size: 1rem;
  padding: 1rem 1rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #212121;
  font-size: 1.4rem;
}

.cartCustomoerBtm .member_name {
  display: none;
}

.cartCustomoerBtm .member_furigana {
  display: none;
}

.cartCustomoerBtm #name_row {
  display: flex;
  justify-content: space-between;
}

.cartCustomoerBtm #name_row .name_td {
  width: 48%;
}

.cartCustomoerBtm #name_row input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
}

.cartCustomoerBtm #furikana_row {
  display: flex;
  justify-content: space-between;
}

.cartCustomoerBtm #furikana_row td {
  width: 48%;
}

.cartCustomoerBtm #furikana_row input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
}

.cartCustomoerBtm .customer_form input#loginmail,
.cartCustomoerBtm .customer_form input#mailaddress1,
.cartCustomoerBtm .customer_form input#mailaddress2 {
  width: 100% !important;
}

.agree_member_area {
  width: 100% !important;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.at_check_area a {
  border-bottom: 1px solid #707070;
}

.at_cont_text {
  display: none;
}

.at_check_note {
  font-size: 1.6rem;
  width: 55%;
  margin: 0 auto 3rem;
}

.at_check_area {
  font-size: 1.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

/*.at_check_area a{
  color: #C9391A;
  border-bottom: 1px solid #C9391A;
  margin-left: 0.6rem;
}*/
.at_check_area label {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  justify-content: flex-start;
}

.at_check_area a {
  border-bottom: 1px solid #B7943C;
  color: #B7943C;
}

.at_check_area input {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 2px;
  padding: 0;
  line-height: 1em;
  position: relative;
}

.at_check_area input[type=checkbox]:checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 2.2rem;
  line-height: 1;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.wc_btnListBoxcartCS {
  width: 100%;
}

.wc_btnListBoxcartCS .wc_btnList {
  width: 100%;
  justify-content: space-between;
}

.wc_btnListBoxcartCS .wc_btnList .wc_btnList_item01 {
  width: 40%;
  margin: 0;
  font-weight: 600;
}

.wc_btnListBoxcartCS .wc_btnList .wc_btnList_item02 {
  width: 15%;
  margin: 0;
}

.wc_btnListBoxcartCS .wc_btnList_item01 input {
  background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #CB0000;
  padding-right: 1rem;
}

.wc_btnListBoxcartCS .wc_btnList_item02 input.back_cart_button {
  background-color: #DEDEDE;
  color: #000000;
  border: 2px solid #DEDEDE;
}

.forgetPw.forgetPwCustomer {
  justify-content: center;
  color: #B7943C;
}

.cartCSpw .hissu,
.cartCSpw02 .hissu {
  display: none;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .cartCustomoer {
    width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .cartCustomoer {
    width: 100%;
    margin: 0 auto 10rem;
  }

  #customer-info h5 {
    font-size: 1.8rem;
    border-bottom: 1px solid #707070;
    margin-bottom: 1rem;
  }

  .cartCustomoerTop tr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0rem !important;
  }

  .cartCustomoerTop tr th {
    display: block;
    background: none !important;
    width: 100% !important;
    text-align: left;
    padding: 1rem 0 !important;
    margin: 1rem 0;
    padding: 0 !important;
    font-weight: 600 !important;
    font-size: 1.5rem;
  }

  .cartCustomoerTop tr td {
    display: block;
    width: 100% !important;
    padding: 0 !important;
  }

  .cartCustomoerTop tr td input {
    background: #fff;
    padding: 1rem;
    width: 100% !important;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
    font-size: 1.4rem;
  }

  .cartCustomoerTop th {
    border: none !important;
    font-weight: 600;
  }

  .cartCustomoerTop td {
    border: none !important;
  }

  .cartCustomoerTop .wc_btnList_item01 input {
    font-weight: 600;
  }

  .wc_btnListBoxCFT {
    margin: 2rem auto -2rem;
  }

  .forgetPw {
    text-align: center;
    margin: 2rem 0 4rem;
  }

  .customer_form {
    width: 90%;
    margin: 0 auto;
  }

  .customer_formNote {
    color: #B80610;
    margin: 2rem 0;
  }

  .cartCustomoerBtm tr {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem !important;
    flex-wrap: wrap;
  }

  .cartCustomoerBtm tr th {
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
    padding: 0;
    background: none;
    border: none;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 1.5rem;
  }

  .cartCustomoerBtm tr th em.hissu {
    color: #fff;
    font-size: 1.2rem;
    background: #B80610;
    line-height: 1;
    padding: 0.2rem 0.6rem;
    height: 1.3rem;
    margin-right: 1rem;
    font-style: normal;
    font-weight: 400 !important;
    border-radius: 6px;
  }

  .cartCustomoerBtm tr td {
    width: 100%;
    border: none !important;
    margin: 0 !important;
    padding: 0;
  }

  .cartCustomoerBtm tr td input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
    margin: 0 !important;
    font-size: 1.4rem;
  }

  .cartCustomoerBtm #zipcode_row td {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cartCustomoerBtm #zipcode_row td input {
    width: 48%;
  }

  .cartCustomoerBtm tr#zipcode_row td input#search_zipcode {
    background: #DEDEDE;
    padding: 1rem;
    width: 48%;
    -webkit-appearance: none;
    color: #000;
    border: 1px solid #DEDEDE;
    margin: 0;
    cursor: pointer;
  }

  .cartCustomoerBtm tr td select {
    width: 100%;
    background: #fff url(../../src/img/form_select.png) 97% center no-repeat;
    background-size: 1rem;
    padding: 1rem 1rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    color: #212121;
    font-size: 1.4rem;
  }

  .cartCustomoerBtm .member_name {
    display: none;
  }

  .cartCustomoerBtm .member_furigana {
    display: none;
  }

  .cartCustomoerBtm #name_row {
    display: flex;
    justify-content: space-between;
  }

  .cartCustomoerBtm #name_row .name_td {
    width: 100%;
  }

  .cartCustomoerBtm #name_row .name_td+.name_td {
    margin-top: 2rem !important;
  }

  .cartCustomoerBtm #name_row input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .cartCustomoerBtm #furikana_row {
    display: flex;
    justify-content: space-between;
  }

  .cartCustomoerBtm #furikana_row td {
    width: 100%;
    margin-top: 2rem;
  }

  .cartCustomoerBtm #furikana_row td+td {
    margin-top: 2rem !important;
  }

  .cartCustomoerBtm #furikana_row input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  .cartCustomoerBtm .customer_form input#loginmail,
  .cartCustomoerBtm .customer_form input#mailaddress1,
  .cartCustomoerBtm .customer_form input#mailaddress2 {
    width: 100% !important;
  }

  .agree_member_area {
    width: 100% !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  .at_check_area a {
    border-bottom: 1px solid #707070;
  }

  .at_cont_text {
    display: none;
  }

  .at_check_note {
    font-size: 1.6rem;
    width: 55%;
    margin: 0 auto 3rem;
  }

  .at_check_area {
    font-size: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin: 0 auto;
  }

  /*.at_check_area a{
  color: #C9391A;
  border-bottom: 1px solid #C9391A;
  margin-left: 0.6rem;
}*/
  .at_check_area label {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    justify-content: flex-start;
  }

  .at_check_area a {
    border-bottom: 1px solid #B7943C;
    color: #B7943C;
  }

  .at_check_area input {
    margin-right: 1rem;
    -webkit-appearance: none;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    line-height: 1em;
    position: relative;
  }

  .at_check_area input[type=checkbox]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 2.2rem;
    line-height: 1;
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .wc_btnListBoxcartCS {
    width: 100%;
  }

  .wc_btnListBoxcartCS .wc_btnList {
    width: 100%;
    justify-content: space-between;
  }

  .wc_btnListBoxcartCS .wc_btnList .wc_btnList_item01 {
    width: 100%;
    margin: 0 0 2rem;
    font-weight: 600;
  }

  .wc_btnListBoxcartCS .wc_btnList .wc_btnList_item02 {
    width: 100%;
    margin: 0;
  }

  .wc_btnListBoxcartCS .wc_btnList_item01 input {
    background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
    background-size: 2rem 2rem;
    border: 2px solid #CB0000;
    padding-right: 1rem;
  }

  .wc_btnListBoxcartCS .wc_btnList_item02 input.back_cart_button {
    background-color: #DEDEDE;
    color: #000000;
    border: 2px solid #DEDEDE;
  }
}

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

CART DELIVERY

-------------------------------------------------------------*/
.cartBoxDeliv {
  width: 80%;
  margin: 0 auto 10rem;
}

#wc_delivery {
  width: 100%;
  margin: 0 auto;
}

#wc_delivery td {
  padding: 1rem 2rem;
}

#wc_delivery td input {
  padding: 0.5rem;
  width: 100%;
}

#wc_delivery td select {
  padding: 0.5rem;
  padding: 1rem 0;
  width: 50%;
  background: #fff url(../../src/img/form_select.png) 98% center no-repeat;
  background-size: 1rem;
  padding: 1rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #212121;
  font-size: 1.4rem;
}

#wc_delivery td input[type=radio] {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid #B1B1B1;
  background: #fff;
  border-radius: 50%;
  padding: 0;
  line-height: 1;
  position: relative;
}

#wc_delivery td input[type=radio]:after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0;
  transition: 0.3s ease;
}

#wc_delivery td input[type=radio]:checked:after {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: #707070;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
}

#wc_delivery #zipcode_row td input {
  width: 48%;
}

#wc_delivery td textarea {
  padding: 0.5rem;
  width: 100%;
  height: 15rem;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  #wc_delivery {
    width: 100%;
    margin: 0 auto;
  }

  .cartBoxDeliv {
    width: 90%;
    margin: 0 auto 10rem;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .cartBoxDeliv {
    width: 90%;
    margin: 0 auto 10rem;
  }

  #wc_delivery {
    width: 100%;
    margin: 0 auto;
  }

  #wc_delivery th {
    text-align: left;
    background: #e8e8e8;
    padding: 1rem 2rem;
  }

  #wc_delivery td {
    padding: 1rem 2rem;
  }

  #wc_delivery td input {
    padding: 0.5rem;
    width: 100%;
  }

  #wc_delivery td select {
    padding: 0.5rem;
    width: 100%;
    padding: 1rem 0;
    width: 100%;
    background: #fff url(../../src/img/form_select.png) 98% center no-repeat;
    background-size: 1rem;
    padding: 1rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    color: #212121;
    font-size: 1.4rem;
  }

  #wc_delivery td input[type=radio] {
    margin-right: 1rem;
    -webkit-appearance: none;
    width: 2rem !important;
    height: 2rem !important;
    border: 1px solid #B1B1B1;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    line-height: 1;
    position: relative;
  }

  #wc_delivery td input[type=radio]:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    opacity: 0;
    transition: 0.3s ease;
  }

  #wc_delivery td input[type=radio]:checked:after {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    background: #707070;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
  }

  #wc_delivery .customer_form td {
    padding: 1rem 0rem;
  }

  #wc_delivery .customer_form .name_td {
    margin-right: 1rem;
  }

  #wc_delivery .customer_form .name_td input {
    width: 100%;
  }

  #wc_delivery .customer_form #furikana_row td {
    margin-right: 1rem;
  }

  #wc_delivery .customer_form .furikana_row input {
    width: 100%;
  }

  #wc_delivery .customer_form #zipcode_row input {
    width: 100%;
  }

  #wc_delivery .customer_form td input {
    margin: 0.6rem 0 !important;
  }
}

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

CREDIT

-------------------------------------------------------------*/
.settlement_form {
  font-size: 1.4rem;
}

#escott-token-form input {
  border: 1px solid #ccc;
  padding: 1rem;
  margin: 1rem;
  margin-left: 0;
  width: 60%;
}

#escott-token-form select {
  border: 1px solid #ccc;
  padding: 1rem;
  margin: 1rem;
  margin-left: 0;
}

.settlement_form_send input.back_to_delivery_button {
  border: none;
  border-radius: 3px;
  background-color: #efefef;
  transition: all .3s ease;
  padding: 1.071428em 2.142856em;
}

.settlement_form_send input.back_to_delivery_button:hover {
  opacity: 0.6;
}

.settlement_form_send input.to_confirm_button {
  border: none;
  border-radius: 3px;
  background-color: #efefef;
  transition: all .3s ease;
  padding: 1.071428em 2.142856em;
  background-color: #00b585 !important;
  color: #fff;
}

.settlement_form_send input.to_confirm_button:hover {
  background-color: #00b585 !important;
  color: #fff;
  opacity: 0.6;
}

#escott-token-response-loading {
  width: 3%;
  margin: 0 auto;
}

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
}

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
}

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

CART CONFIRM

-------------------------------------------------------------*/
#cart_table .thumbnail {
  display: table-cell;
  width: 15%;
}

#info-confirm #cart_table .unitprice {
  white-space: nowrap;
}

#info-confirm #cart_table .amount {
  white-space: nowrap;
}

.cartConfirm .send {}

.cartConfirm .send {
  margin: 0 auto 2rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 35rem;
}

.cartConfirm .send input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #DEDEDE url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #DEDEDE;
  text-align: center;
  height: 6rem;
  color: #000000;
  position: relative;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
  margin-top: 2rem;
}

.cartConfirm .send input#purchase_button {
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  display: block;
  background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
  border: 2px solid #CB0000;
  text-align: center;
  height: 6rem;
  color: #fff;
  position: relative;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 600;
}

.cartConfirm .send input:hover {
  opacity: 0.6;
}

.cartConfirm .send input#purchase_button:hover {
  background: #CB0000 url(../../src/img/cmn_arrow02.png) 95% center no-repeat;
  background-size: 2rem 2rem;
}

.cartConfirmNote {
  padding: 4rem 0 2rem;
  text-align: center;
}

.cartConfirmNote a {
  color: #CB0000;
  border-bottom: 1px solid #CB0000;
}

.cartConfirm .wc_btnList_item01 {
  width: 30rem;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .cartConfirm {
    width: 100%;
    margin: 0 auto;
  }

  .cartConfirm #cart_table .amount {
    white-space: nowrap;
  }

  .cartConfirm .send {
    margin: 0 auto 2rem;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 32rem;
  }

  .cartConfirm .send input {
    font-size: 20px;
  }

  .cartConfirm .send input#purchase_button {
    font-size: 20px;
  }

  .cartConfirmNote {
    padding: 4rem 0 2rem;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0;
  }

  .cartConfirmNote a {
    color: #CB0000;
    border-bottom: 1px solid #CB0000;
  }
}

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

WELCART

-------------------------------------------------------------*/
.wcCmnBox {
  width: 80%;
  margin: 5rem auto 10rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  .wcCmnBox {
    width: 90%;
    margin: 0 auto 6rem;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .wcCmnBox {
    width: 85%;
    margin: 0 auto 6rem;
    position: relative;
    z-index: 1;
  }
}

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

MEMBER PAGE

-------------------------------------------------------------*/
#memberinfo .customer_form th {
  display: table-cell;
  width: 30%;
  padding: 2rem !important;
  background-color: #efefef;
  border: 1px solid #ccc;
  vertical-align: middle;
}

#memberinfo .customer_form td {
  display: table-cell;
  padding: 2rem !important;
}

#memberinfo .customer_form td input {
  background: #fff;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #212121;
  border: 1px solid #707070;
  margin: 0;
}

#memberinfo .customer_form td select {
  width: 100%;
  background: #fff url(../../src/img/select_arrow.png) 98% center no-repeat;
  background-size: 1rem;
  padding: 1rem 1rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #212121;
}

.member_name {
  display: none;
}

.member_furigana {
  display: none;
}

.history-area table .thumbnail {
  width: 15%;
}

#memberinfo .customer_form #zipcode_row td #search_zipcode {
  background: #F4F4F4;
  padding: 1rem;
  width: 100%;
  -webkit-appearance: none;
  color: #000000;
  border: 1px solid #000;
  margin: 0;
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  margin-top: 2rem;
}

#memberinfo .member_submenu {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}

#memberinfo .member_submenu li {
  margin: 0 0.5rem;

}

#memberinfo select {
  width: 100%;
  background: #fff url(../../src/img/select_arrow.png) 95% center no-repeat;
  background-size: 1rem;
  padding: 1rem 1rem;
  border: 1px solid #707070;
  -webkit-appearance: none;
  color: #212121;
}

.usce_period {
  display: flex;
  align-items: center;
  width: 20%;
  white-space: nowrap;
}

#memberinfo .history-area table .rightnum {
  text-align: right;
  white-space: nowrap;
}

#wc_member .wc_btnList {
  width: 100%;
}

#wc_member .wc_btnList li {
  width: 33%;
  margin: 0 1rem;
}

.wcCmnBoxMember .member_submenu a {
  background: #dbdbdb;
}

@media screen and (max-width: 899px) and (min-width: 599px) {

  /* ============== TABLET LAYOUT ============== */
  #memberinfo #history_head {
    font-size: 1.2rem !important;
  }

  #memberinfo .wc_btnList {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {

  /* ============== SP LAYOUT ============== */
  .member_submenu a {
    font-size: 1.2rem;
  }

  #memberinfo .customer_form tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  #memberinfo .customer_form tr th {
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
    font-weight: 400;
    padding: 0;
  }

  .customer_form tr {
    display: block;
    margin-bottom: 1rem;
    padding: 0 0 !important;
    border-bottom: 2px solid #efefef;
  }

  #memberinfo .customer_form th {
    display: table-cell;
    width: 30%;
    padding: 0rem !important;
    background-color: #efefef;
    border: 1px solid #ccc;
    vertical-align: middle;
  }

  #memberinfo .customer_form td {
    display: table-cell;
    padding: 1rem 0rem !important;
    width: 100%;
  }

  #memberinfo .customer_form td input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
    margin: 0;
  }

  #memberinfo .customer_form td select {
    width: 100%;
    background: #fff url(../../src/img/select_arrow.png) 96% center no-repeat;
    background-size: 1rem;
    padding: 1rem 2rem;
    border: 1px solid #707070;
    -webkit-appearance: none;
    color: #212121;
  }

  .member_name {
    display: none;
  }

  .member_furigana {
    display: none;
  }

  #memberinfo #name_row {
    display: flex;
    justify-content: space-between;
  }

  #memberinfo #name_row .name_td {
    width: 49%;
  }

  #memberinfo #name_row input {
    background: #fff;
    padding: 1rem;
    width: 100%;
    -webkit-appearance: none;
    color: #212121;
    border: 1px solid #707070;
  }

  #memberinfo #furikana_row {
    display: flex;
    justify-content: space-between;
  }

  #memberinfo #furikana_row td {
    width: 49%;
  }

  .history-area {
    overflow-x: scroll;
  }

  .history-area table {
    width: 200% !important;
    white-space: nowrap;
  }

  .history-area table .thumbnail {
    width: 20%;
  }

  .usce_period {
    display: flex;
    align-items: center;
    width: 46%;
    white-space: nowrap;
  }

  #wc_member .wc_btnList {
    width: 100%;
  }

  #wc_member .wc_btnList li {
    width: 100%;
    margin: 0 0 2rem;
  }
}

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

OTHER

-------------------------------------------------------------*/
.noPost {
  margin: 4rem 0;
  text-align: center;
}

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

EFFECT

-------------------------------------------------------------*/
/*------------- section全体　---------------*/
.ivSec {
  opacity: 0;
  transform: translateY(4rem);
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(4rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*------------- fadeIN　---------------*/
.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 1.6s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*------------- top　---------------*/
.fadeR {
  opacity: 0;
}

.fadeR.on {
  animation-name: fadeRAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

@keyframes fadeRAnime {
  from {
    opacity: 0;
    transform: translateX(-4rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeL {
  opacity: 0;
}

.fadeL.on {
  animation-name: fadeLAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

@keyframes fadeLAnime {
  from {
    opacity: 0;
    transform: translateX(4rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}