@import url('/asset2023/css/page_sp.css');

.disk_list li {
  list-style-type: disc;
  text-align: left;
  list-style-position: inside;
}

/* ------------------------------------- */
/*   パンくず・ページタイトル
/* ------------------------------------- */
.top_content {
  padding-top: 44px;
  padding-bottom: 50px;
}
.bread_crumb {
  font-size: 0.8rem;
  width: 1100px;
  margin: 0 auto;
  color: #afadad;
}
.bread_crumb a {
  margin-right: 0.7em;
  color: #afadad;
}
.bread_crumb span {
  margin-right: 0.7em;
  color: #afadad;
}
.top_content h2 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
}
.top_content h2 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.top_letter {
  width: 800px;
  margin: 0 auto;
  padding: 1em 0 2em;
}

@media (max-width: 1099px) {
  .bread_crumb {
    width: 90%;
    margin: 0 auto;
    color: #afadad;
  }
  .top_letter {
    width: 100%;
    margin: 0 auto;
    padding: 1em 5% 2em;
  }
}

/* ------------------------------------- */
/*   システム生成分パンくず
/* ------------------------------------- */
#bread-crumb {
  font-size: 0.8rem;
  width: 1200px;
  margin: 0 auto;
  color: #afadad;
  padding-top: 44px;
  padding-bottom: 0;
}
#bread-crumb ol {
  display: flex;
}
#bread-crumb ol li:first-child{
  display: none;
}
#bread-crumb li {
  margin-right: 0.7em;
  color: #afadad;
}
#bread-crumb li a {
  color: #afadad;
}
#bread-crumb li:after {
  content: ">";
  padding-left: 1em;
  color: #afadad;
}
#bread-crumb ol li:last-child:after{
  display: none;
}
#bread-crumb span {
  margin-right: 0.7em;
  color: #afadad;
}

/* ------------------------------------- */
/*   右角丸ボックス
/* ------------------------------------- */
.left_box {
  background-color: #faeae5;
  border-radius: 0 80px 80px 0;
}
.left_box .content{
  width: 800px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
}
.left_box .content h3 {
  width: 800px;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 1.7em;
}
.left_box .content > div {
  width: 400px;
}
.left_box .content p {
  padding-left: 50px;
  width: 400px;
}
.center_full_box {
  text-align: center;
  width: 100%;
  margin-top: 3em;
}
.center_full_box .white_box {
  width: 640px;
  margin: 2em auto 0;
  background-color: #fff;
  border-radius: 10px;
  padding: 1em 2em;
}
.vcenter {
  display: flex;
  align-items: center;
}
.left_full_box {
  margin-top: 2em;
}
.right_full_box {
  width: 100%;
  text-align: right;
}
.right_full_box small{
  color: #777777;
  display: inline-block;
  width: 100%;
  text-align: right;
}

@media (max-width: 799px) {
  .left_box {
    border-radius: 0 13.33333vw 13.33333vw 0;
  }
  .left_box .content{
    width: 100%;
    padding: 80px 5vw;
  }
  .left_box .content > div {
    width: 100%;
  }
  .left_box .content h3 {
    width: 100%;
  }
  .right_box {
    border-radius: 0 13.33333vw 13.33333vw 0;
  }
  .right_box .content{
    width: 100%;
    padding: 80px 5vw;
  }
  .right_box .content h3 {
    width: 100%;
  }
}

/* ------------------------------------- */
/*  右角丸ボックス
/* ------------------------------------- */
.right_box {
  background-color: #cfd7d7;
  border-radius:  80px 0 0 80px;
}
.right_box.yellow {
  background-color: #fcecd5;
}
.right_box .content{
  width: 800px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
}
.right_box .content > div {
  width: 400px;
}
.right_box .content h3 {
  width: 800px;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 1.7em;
}
.right_box .content p.links {
  padding: 1em 0;
  padding-left: 50px;
  width: 400px;
  text-align: center;
  display: flex;
  flex-direction:column;
  justify-content:space-around;
}

@media (max-width: 799px) {
  .right_box {
    border-radius: 13.33333vw 0 0 13.33333vw;
  }
  .right_box .content{
    width: 100%;
    padding: 80px 5vw;
  }
  .right_box .content h3 {
    width: 100%;
  }
  .right_box .content > div {
    width: 100%;
  }
}

.link_desc {
  color: #93a5a5;
  font-weight: 700;
}
.white_link_btn {
  background-color: #fff;
  padding: 1.5em 1em;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.white_link_btn:after {
  content: "";
  background-image: url(/asset2023/img/ui/arrow_gray.png);
  background-size: 9px 15px;
  width: 9px;
  height: 15px;
  position: absolute;
  right: 1em;
}
.black_link_btn {
  background-color: #212121;
  color: #fff !important;
  padding: 1.5em 2em;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  display: inline-block;
    line-height: 1.2;
}
a.black_link_btn:hover {
  background-color: #212121;
  color: #fff !important;
}
.black_link_btn:after {
  content: "";
  background-image: url(/asset2023/img/ui/arrow_white.png);
  width: 9px;
  height: 15px;
  background-size: 9px 15px;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}


.color_black {
  color: #212121 !important;
}

.center_title_noborder {
  font-size: 1.4rem;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}

.align_center {
  width: 100%;
  text-align: center;
  padding: 0;
  margin-top: 3em;
}

/* ------------------------------------- */
/*   コンテンツ
/* ------------------------------------- */
.main_content {
  width: 800px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
}
.main_content h4 {
  width: 100%;
  color: #b99cb9;
  margin-bottom: 1.6em;
}
.main_content .list {
  width: 100%;
  display: flex;
  margin-bottom: 2em;
}
.main_content .list p {
  padding-left: 2em;
  letter-spacing: -0.01em;
}
.main_content .list small {
  display: inline-block;
  padding-top: 1em;
  font-size: 0.75em;
}
.main_content h4.center_title {
  width: 100%;
  color: #212121;
  border-bottom: 1px solid #212121;
  text-align: center;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

.main_content02 {
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.main_content_20 {
  width: 800px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
}
.main_content_20 h4 {
  width: 100%;
  color: #b99cb9;
  margin-bottom: 1.6em;
}
.main_content_20 .list {
  width: 100%;
  display: flex;
  margin-bottom: 2em;
}
.main_content_20 .list p {
  padding-left: 2em;
  letter-spacing: -0.01em;
}
.main_content_20 .list small {
  display: inline-block;
  padding-top: 1em;
  font-size: 0.75em;
}
.main_content_20 h4.center_title {
  width: 100%;
  color: #212121;
  border-bottom: 1px solid #212121;
  text-align: center;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
.table_box {
  width: 100%;
  margin-bottom: 3em;
}
.table_box02 {
  width: 100%;
  margin-bottom: 0em;
}
.full_table {
  width: 100%;
  border-collapse:collapse;
  margin-bottom: 1em;
}

.full_table th {
  text-align: center;
  background-color: #f8f8f8;
  border-top: 1px solid #D9DDE5;
  border-bottom: 1px solid #D9DDE5;
  padding: 0.5em;
}
.full_table td {
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px solid #D9DDE5;
}
.full_table.align_left {
  border-top: 1px solid #D9DDE5;
}

.full_table.align_left td {
  text-align: left;
}
.full_table02 {
  width: 100%;
  border-collapse:collapse;
  margin-bottom: 1em;
}

.full_table02 th {
  text-align: center;
  background-color: #f8f8f8;
  border-top: 1px solid #D9DDE5;
  border-bottom: 1px solid #D9DDE5;
  padding: 0.5em;
}
.full_table02 td {
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px solid #D9DDE5;
}
.full_table02.align_left {
  border-top: 1px solid #D9DDE5;
}
.full_table02.align_left td {
  text-align: left;
}

.company .full_table td {
  padding: 1.5em 0;
}
.company .full_table tr td:first-child {
  width: 20%;
  font-weight: bold;
  padding-left: 0;
}

@media (max-width: 1199px) {
  .top_banner {
    width: 90%;
    margin: 0 auto;
  }
  .top_banner img {
    width: 100%;
  }
}

@media (max-width: 799px) {
  .main_content {
    width: 100%;
    margin: 0 auto;
    padding: 10vw 5%;
    display: flex;
    flex-wrap: wrap;
  }
  .main_content_20 {
    width: 100%;
    margin: 0 auto;
    padding: 10vw 5%;
    display: flex;
    flex-wrap: wrap;
  }
}


.main_visual {
  text-align: center;
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
}

/*トップページ上にお知らせが2行になるある場合のみ_02*/
.main_visual_02 {
  text-align: center;
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
  padding-top: 16px;
}

/*トップページ上にお知らせが1行になるある場合のみ_03*/
.main_visual_03 {
  text-align: center;
  margin-bottom: 1.3em;
  position: relative;
  overflow: hidden;
  padding-top: 16px;
}

.main_visual_04 {
  text-align: center;
  /*margin-bottom: 2em;*/
  position: relative;
  overflow: hidden;
  padding-top: 16px;
}

.main_visual_05 {
  text-align: center;
  /*margin-bottom: 2em;*/
  position: relative;
  overflow: hidden;
  padding-top: 16px;
}


@media (max-width: 1019px) {
  /*トップページ上にお知らせが2行になる場合のみ_02*/
.main_visual_02 {
  padding-top: 50px;
}

/*トップページ上にお知らせが1行になる場合のみ_03*/
.main_visual_03 {
  padding-top: 20px;
}
.main_visual_04 {
  padding-top: 50px;
}
.main_visual_05 {
  padding-top: 30px;
}
}
.top_banner {
  margin-bottom: 3em;
  text-align: center;
}



/* ------------------------------------- */
/*  トップスライダー
/* ------------------------------------- */
#slide{
  margin:0 auto;
}
.swiper-slide img {
  width: 100vw;
}
.swiper-container{ width:100%; }
.swiper-button-prev::after,.swiper-button-next::after {
  font-size:32px;
  color: #2f2e41;
  font-weight:900;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  background-color: #2f2e41;
}

/* ------------------------------------- */
/*   非表示要素
/* ------------------------------------- */
.top_slider_block {
  display: none;
}
.top_banner_block {
  display: none;
}
#pager-top .pagerlist {
  display: none;
}
#pager-top .quantity {
  display: none;
}
#pager-top .selectbox {
  font-size: 0;
  text-align: right;
}
#pager-top .selectbox #TypeKey {
  display: none;
}
#floating-menu {
  display: none !important;
}
#sub-column {
  display: none !important;
}

#main-column {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* ------------------------------------- */
/*   サイドカテゴリ
/* ------------------------------------- */
#sideMenu {
  width: 300px;
}

/* ------------------------------------- */
/*   商品一覧
/* ------------------------------------- */
#itemList_wrap h1 {
  font-size: 1.5rem;
}
.column-set {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column-set:after {
  content: "";
  display: block;
  width: 340px;
}
.column4 {
  width: 340px;
  font-size: 1rem;
  margin-top: 3em;
}
.column4 h3 {
  margin-top: 1em;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
}
.column4 h2 {
  margin-top: 1em;
  font-size: 1rem;
  font-weight: normal;
  font-size: 0.875rem;
}
.column4 .price {
  margin-top: 1em;
  font-size: 0.875rem;
  color: #777777;
  text-align: left;
}
p.price span {
  color: #777777;
}
.column4 .itemThumb-wrap {
  position: relative;
  box-shadow: 0 5px 20px rgba(31, 31, 31, 0.1);
}
.itemThumb {
  width: 100%;
}
.itemThumb a {
  width: 100%;
}
.itemThumb a img {
  width: 100%;
}
.item-list-span-img {
  display: block;
  width: 100%;
  padding: 9%;
}
.item-list-span-img img {
  max-width: 100%;
  object-fit:contain;
}
.inner-catch {
  display: none;
}
.badge {
  position: absolute;
  width: 15.66765%;
  top: -2%;
  left: 6%;
  z-index: 1;
}
.badge img {
  width: 100%;
}
#itemList .badge {
  position: absolute;
  width: 22%;
  top: -2.5%;
  left: 8%;
}
#itemList .item-list-span-img {
  display: block;
  width: 100%;
  padding: 8%;
}
#itemList {
  width: 800px;
}
#itemList .column-set {
  width: 100%;
}
#itemList .column-set:after {
  content: "";
  width: 240px;
  display: block;
}
#itemList h1 {
  width: 100%;
}
#itemList .column4 {
  width: 240px;
  position: relative;
}
#itemList .column4 > p:last-of-type {
  position: absolute;
  top: 7%;
  right: 7%;
}
#itemList .sps-wishAddItem img {
  width: 25px;
  height: auto;
}
#itemList .sps-wishAddItemOk img {
  width: 25px;
  height: auto;
}
.cat_top_image {
  max-width: 800px;
  margin: 2em 0;
}

#pager-bm {
  margin-top: 2em;
}

.pagerlist ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pagerlist ul li{
  padding: 0.5em 0.7em;
  border: 1px solid #212121;
  margin: 0.2em;
}
.pagerlist ul li.selected {
  border: 1px solid #212121;
  background-color: #212121;
  color: #fff;
}
.quantity {
  display: none;
}

.sideMenuOpenBtn {
  font-size: 1rem;
  display: none;
  text-align: left;
  border: 1px solid #212121;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}
.sideMenuOpenBtn img {
  margin-right: 0.5em;
}

select[name=SortKey] {
  background-image: url("/asset2023/img/ui/sort.png");
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 2vw center;
  border: 1px solid #212121;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0;
  width: 240px;
}
.sideMenuCloseBtn {
  display: none;
}



@media (max-width: 1099px) {
  .column-set {
    width: 100%;
    padding: 0 5%;
  }
  .column-set:after {
    content: "";
    display: block;
    width: 30%;
  }
  .column4 {
    width: 30%;
    font-size: 1rem;
    margin-top: 3em;
  }
}

@media (max-width: 799px) {
  .itemList .selectbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5vw;
  }
  .itemList .selectbox > * {
    width: 46%;
  }
  .sideMenuOpenBtn {
    font-size: 3vw;
    display: flex;
  }
  .sideMenuOpenBtn {
    width: 1em;
  }
  select[name=SortKey] {
    font-size: 3vw;
  }
  .sideMenuCloseBtn {
    display: block;
    position: fixed;
    left: calc(85vw - 21px - 1em);
    top: 1em;
  }
  .pagerlist ul {
    justify-content: flex-start;
  }
}

/* ------------------------------------- */
/*   トップページ
/* ------------------------------------- */
.topPickup {
  text-align: center;
  margin-bottom: 4em;
}
.topPickup h2 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
}
.topPickup h2 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.topPickup .black_link_btn {
  width: 300px;
}
.topPickup .column-set {
  margin-bottom: 2em;
}
.top_nav ul {
  width: 1100px;
  margin: 0 auto 5em;
  display: flex;
  justify-content: space-between;
}

.top_nav li {
  width: 260px;
  background-color: #fff;
  padding: 1.1em 1em;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  line-height: 1.2;
}
.top_nav li a {
  display: flex;
  flex-direction:column;
  font-size: 0.9375rem;
}
.top_nav li span {
  font-size: 0.875rem;
  font-family: 'Bodoni Moda', serif;
}
.top_nav li:after {
  content: "";
  background-image: url(/asset2023/img/ui/arrow_gray.png);
  width: 9px;
  height: 15px;
  background-size: 9px 15px;
  position: absolute;
  right: 1em;
}

#top_nav01 {
  background-color: #cfd7d7;
}
#top_nav02 {
  background-color: #f6e2d8;
}
#top_nav03 {
  background-color: #d5cdd6;
}
#top_nav04 {
  background-color: #fcecd5;
}
#top_nav01 span {
  color: #829696;
}
#top_nav02 span {
  color: #bca59a;
}
#top_nav03 span {
  color: #b19ab4;
}
#top_nav04 span {
  color: #c6b49b;
}
.recommendBox {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}
.topRecommend {
  flex-direction: column;
  align-items: center;
}
.topRecommend h2 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
}
.topRecommend h2 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.recommendBox a {
  width: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.recommendBox a img {
  width: 100%;
  margin-bottom: 1em;
}

.topInstagram {
  width: 800px;
  margin: 0 auto;
  padding: 80px 0 0;
  display: flex;
  flex-direction:column;
  align-items: center;
}
.topInstagram h2 {
  font-family: 'Bodoni Moda', serif;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
}
.topInstagram h2 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.instagramBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}
.instagramBox a {
  width: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.instagramBox a img {
  width: 100%;
  margin-bottom: 1em;
  border: solid 1px #D9DDE5;
}

.top_info {
      text-align: center !important;
  width: 1100px;
  margin: 0 auto 1.5em;

}


.top_info ul li {
  text-align: center !important;
  /*display: flex;*/
  font-size: 1rem;
  padding: 0.5em 0 0.5em;
    border-top: 1px solid #D9DDE5;
  border-bottom: 1px solid #D9DDE5;

}
.top_info ul li span {
  color: #AFAFAF;
  margin-right: 1em;
}

.topNews {
  align-items: center;
  flex-direction:column;
}
.topNews h2 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
  margin-bottom: 2em;
}
.topNews h2 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.topNews .list {
  border-bottom: 1px solid #d9dde5;
  padding-bottom: 2em;
}
.topNews .list p span.date {
  display: inline-block;
  width: 100%;
  color: #afafaf;
}
.topNews .list p span.cat {
  display: inline-block;
  background-color: #b99cb9;
  padding:  0.05em 0.4em;
  line-height: 1.2;
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
}
.topNews .list p span.cat_sp {
  display: inline-block;
  background-color: #fae1d7;
  padding:  0.05em 0.4em;
  line-height: 1.2;
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
}
.topNews .list p span.cat_su {
  display: inline-block;
  background-color: #ccd7d6;
  padding:  0.05em 0.4em;
  line-height: 1.2;
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
}
.topNews .list p span.cat_au {
  display: inline-block;
  background-color: #ffebd4;
  padding:  0.05em 0.4em;
  line-height: 1.2;
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
}

.topNews .list p span.caution {
  display: inline-block;
  background-color: #ba0200;
  padding:  0.05em 0.4em;
  line-height: 1.2;
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
}
.newsBtnBox {
  margin-top: 2em;
}
.main_content.topNews > a{
  width: 100%;
  display: block;
}

.topClub h2 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
  margin-bottom: 2em;
}
.topClub h2 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.topClub .content {
  flex-direction:column;
  align-items: center;
  text-align: center;
}
#topClubItems {
  display: flex;
  text-align: left;
  padding-left: 2em;
  padding-right: 1em;
  width: 800px;
  letter-spacing: 0.01em;
  margin-bottom: 3em;
}
#topClubItems p {
  padding-left: 2em !important;
  width: auto;
  padding-top: 2em;
}
#topClubItems img {
  margin-right: 2em;
}
.topClub .white_link_btn {
  text-align: left;
  width: 500px;
  letter-spacing: 0.01em;
  padding-right: 3em;
  border-radius: 10px;
  margin-top: 1em;
}
.topClub .content p {
  padding-left: 2em !important;
  width: auto;
  padding-left: 2em;
}
.topClub .price {
  margin-top: 1em;
  font-size: 0.875rem;
  color: #777777;
}
@media (max-width: 1099px) {
  .top_info {
    width: 100%;
    padding: 0 5%;
    margin: 0 auto 1.5em;
  }
  .top_nav ul {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    flex-wrap: wrap;
    justify-content:space-around;
  }
  .top_nav li {
    width: 48%;
    margin-bottom: 2vw;
  }
}

@media (max-width: 799px) {
  .top_info {
    width: 100%;
    padding: 0 5%;
  }
  .top_nav ul {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    flex-direction: column;
  }
  .top_nav li {
    width: 100%;
    margin-bottom: 2vw;
  }
  .main_content .list p {
    position: relative;
  }
  .topNews .list {
    align-items:start;
  }
  .topNews .list span.cat {
    position:absolute;
    top: 4px;
    right: 0;
  }
  .topNews .list span.cat_sp {
    position:absolute;
    top: 4px;
    right: 0;
  }
  .topNews .list span.cat_su {
    position:absolute;
    top: 4px;
    right: 0;
  }
  .topNews .list span.cat_au {
    position:absolute;
    top: 4px;
    right: 0;
  }
  .column-set {
    width: 100%;
    padding: 0;
  }
  .top .column4 {
    width: 48%;
  }
  .topPickup {
    padding-left: 5%;
    padding-right: 5%;
  }
  .topInstagram {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .instagramBox {
    flex-wrap: wrap;
  }
  .instagramBox a {
    width: 48%;
  }
  .recommendBox {
    flex-wrap: wrap;
  }
  .recommendBox a {
    width: 48%;
    margin-bottom: 2em;
  }
  #topClubItems {
    width: 100%;
    flex-direction: column;
  }
  .topClub .white_link_btn {
    width: 100%;
  }
  #itemList_wrap h1 {
    margin-top: 1em;
  }
}

/* ------------------------------------- */
/*   サイドカテゴリ
/* ------------------------------------- */
#sideMenu {
  width: 300px;
  margin-top: 1em;
}
.sideBox {
  padding: 1em 0;
  /* border-bottom: 2px solid rgba(155, 180, 175, 0.2); */
  position: relative;
  background-color: #f8f8f8;
}
.sideBox:after {
  content: " ";
  position:absolute;
  left: 20px;
  bottom: 0;
  width: calc(100% - 40px);
  height: 2px;
  background-color: rgba(155, 180, 175, 0.2);
}
#sideMenu > .sideBox:last-child:after {
  display: none;
}
.sideBox span {
  font-weight: bold;
  padding: 0.5em 20px;
  display: block;
}
.sideBox li {
  padding: 0.5em 20px;
}

#itemDetail-wrap {
  /* width: 800px; */
  margin-top: 1em;
}

#Detail {
  margin-bottom: 3em;
}

#Detail .itemThumb-wrap .itemThumb-main {
  width: 550px;
  border: 2px solid #d9dde5;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1em;
  position: relative;
}
#Detail .itemThumb-wrap img {
  width: 100%;
  vertical-align: top;
}
#Detail .itemThumb-wrap img.zoom_icon {
  width: 34px;
  position: absolute;
  right: 5%;
  bottom: 5%;
}

#Detail #bread-crumb {
  width: 1100px;
}
#Detail .itemThumb-wrap .badge {
  display: none;
}

#Detail #itemDetail-wrap {
  margin: 0 auto;
  margin-top: 1em;
}

#Detail .itemThumb ul {
  width: 550px;
  display: flex;
  flex-wrap: wrap;
}
#Detail .itemThumb li {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
#Detail .itemThumb img {
  width: 80px;
  border: 1px solid #212121 !important;
  border-radius: 10px;
}

.tag_box {
  display: flex;
  flex-wrap: wrap;
}
.tag_box1 {
  margin-top: 1em;
}
.tag_box .cat {
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  background-color: #8CA0B9;
  padding: 0 0.4em;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
}
.tag_box .cat_off {
  color: #fff;
    font-weight: bold;
      font-size: 1.2rem;
  background-color: #e06767;
    padding: 0.1em 0.4em 0.2em 0.4em;

}
.tag_box .cat_present {
  color: #fff;
  background-color: #F5C181;
}

.club_btn_box {
  display: flex;
  justify-content: space-around;
  padding: 1em 0;
}

.club_btn_box a {
  width: 48%;
  font-size: 0.75rem;
}
.club_detail {
  text-align: right;
  width: 100%;
  padding: 1em 0;
  clear: both;
}
.club_detail a {
  text-decoration: underline;
  color: #4487ac;
}

.itemDetailShare {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position:absolute;
  left: 0;
  bottom: -7em;
}

.itemDetailShare .sns {
  display: block;
  justify-content: start;
  margin-top: 0.5em;
  /* width: 100%; */
  text-align: center;
}
.itemDetailShare .sns a {
  margin: 0 0.6em;
}
.itemDetailShare span {
  font-weight: bold;
  display: block;
  /* width: 100%; */
}


.infoArea {
  text-align: right;
  width: 100%;
  padding: 1em 0;
  clear: both;
}
.infoArea .item_contact {
  text-decoration: underline;
  color: #4487ac;
}

form[name='CARTIN'] {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items:start;
}

#pi_cart {
  width: 510px;
}

#pi_cart > h1 {
  font-size: 1.5rem;
}

#pi_cart .icons{
  display: none;
}

#pi_cart table.price tr.price th {
  display: none;
}
#pi_cart table.price tr.fx_price th {
  display: none;
}
#pi_cart table.price tbody {
  display: flex;
  align-items: center;
}
#pi_cart .selling_price {
  font-size: 1.625rem;
  font-weight: bold;
}
#pi_cart .fx_price {
  padding-right: 2em;
  position: relative;
}
#pi_cart .fx_price:after {
  content: "→";
  display: inline-block;
  position:absolute;
  right: 1em;
  bottom: 0;
}
#pi_cart .fx_price .strike {
  text-decoration: line-through;
  opacity: 0.3;
  display: flex;
  align-items: center
}
#pi_cart .taxin {
  font-size: 0.75rem;
}

#pi_cart .spec {
  margin-bottom: 1em;
}
#pi_cart .cartArea {
  display: inline-block;
}
#pi_cart .cartArea .nostock {
  display: none;
}
#pi_cart .cartArea .announceMailBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 50px;
  border: 2px solid #212121;
}
#pi_cart .cartArea + p, .wishBox {
  float: right;
}
.cartArea #cartButton input[type=image] {
  width: 300px;
}
.cartArea input[type=image]#variCartIn {
  width: 300px;
}
.sps-wishAddItem img {
  width: 190px;
}
.sps-wishAddItemOk img {
  width: 190px;
}
.discount_rate {
  color: #fff !important;
  font-weight: bold !important;
  background-color: #e06767 !important;
  padding: 0 0.4em !important;
}

#itemDesc1 {
  padding: 1em 0;
  line-height: 1.7;
  font-size: 0.875rem;
}
#itemDesc1 .stamp {
  margin: 2em 0 1em;;
  letter-spacing: 0.001em;
}
#itemDesc1 .stamp img {
  width: 50px;
  float: left;
  margin-right: 1em;
}
#itemDesc2 {
  font-size: 0.875rem;
  padding: 2em 2em 1em;
  line-height: 1.7;
  background-color: #f8f8f8;
  position: relative;
  margin-bottom: 7em;
}
#itemDesc2 .ttl_cap {
  font-weight: bold;
  margin: 0;
  margin-bottom: 1em;
  border: none;
  padding: 0;
}
#itemDesc2 p {
  margin-bottom: 2em;
}

.itemDetailValue {
  margin-bottom: 3em;
}
.itemDetailValue h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
  margin-bottom: 2em;
}
.itemDetailValue h3 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}

.itemDetailValue .content p {
  width: 520px;
  padding-left: 0;
  padding-right: 40px;
  padding-top: 2em;
  position: relative;
}
.itemDetailValue .content p:nth-of-type(2n+1) {
  padding-left: 40px;
  padding-right: 0;
}

.itemDetailValue .content p b {
  font-size: 1.375rem;
  padding-bottom: 1em;
  display: inline-block;
}

.itemDetailValue .content p span {
  display: block;
  text-align: right;
}

/* バリエーション */
.cartArea .variation input[type="image"] {
  display: none;
}
.sizeVariationBox {
  margin-bottom: 1em;
}

.value_more_btn {
  background-color: #fff;
  padding: 0.2em 1em;
  font-size: 0.875rem;
}

.detailItemList {
  text-align: center;
  margin-bottom: 4em;
}
.detailItemList .column-set {
  width: 800px;
}
.detailItemList .column-set:after {
  content: "";
  display: block;
  width: 240px;
}
.detailItemList .column4 {
  width: 240px;
}
.detailItemList .column4 h3 {
  font-size: 0.875rem;
}

#size_chart {
  width: 100%;
  margin-bottom: 3em;
}
#size_chart table {
  width: 100%;
  border-collapse:collapse;
  margin-bottom: 1em;
}
#size_chart table th {
  text-align: center;
  background-color: #f8f8f8;
  border-top: 1px solid #D9DDE5;
  border-bottom: 1px solid #D9DDE5;
  padding: 0.5em;
}
#size_chart table td {
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px solid #D9DDE5;
}

#itemDesc3 h4 {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 1em;
  font-weight: 500;
}
#itemDesc3 table {
  width: 100%;
  border-top: 2px solid #212121;
  font-size: 0.875rem;
  border-collapse:collapse;
}
#itemDesc3 table tr {
  border-bottom: 1px solid #D9DDE5;
  padding: 0.5em;
}
#itemDesc3 table td {
  text-align: left;
  padding: 1em 1em 1em 0;
  line-height: 2;
}
#itemDesc3 table tr td:first-child {
  width: 20%;
  font-weight: 500;
}

#detailMore {
  margin: 2em 0 3em;
  text-align: center;
}

#detailMore .black_link_btn {
  padding: 1em 3em;
}

#sideMenu.active {
  display: block;
}

@media (max-width: 1199px) {
  #bread-crumb {
    display: 100%;
  }
  #main-column {
    width: 100%;
    
/*ページ上にお知らせがない場合▼*/
   /*padding: 0 5%;*/

/*ページ上にお知らせがある場合▼*/
    padding: 29px 5% 0;
  }
  #Detail .itemThumb-wrap {
    width: 48%;
  }
  #Detail .itemThumb-main {
    width: 100%;
  }
  #Detail .itemThumb-wrap .itemThumb-main {
    width: 100%;
  }
  form[name='CARTIN'] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items:start;
  }
  #pi_cart {
    width: 48%;
  }
  .cartArea input[type=image] {
    width: auto !important;
    height: 4vw;
  }
  .sps-wishAddItemOk img {
    width: auto;
    height: 4vw;
  }
  .sps-wishAddItem img {
    width: auto;
    height: 4vw;
  }
  #sideMenu {
    display: none;
  }
  #itemList_wrap {
    margin: 0 auto;
    width: 100%;
  }
  #itemList {
    width: 100%;
  }
  #itemList .column4 {
    width: 30%;
  }
 .detailItemList .column-set:after {
    content: "";
    display: block;
    width: 30%;
  }
  .detailItemList .column4 {
    width: 30%;
  }
  #sideMenu.active {
    display: block;
    margin-top: 0;
    position: fixed;
    height: 100vh;
    overflow:scroll;
    z-index: 99;
    top: 0;
    left: 0;
    width: 85vw;
  }
  .overlay.active {
    z-index: 99;
  }
  #Detail .itemThumb ul {
    width: 100%;
  }
}

@media (max-width: 999px) {
  #bread-crumb {
    display: none;
  }
  form[name='CARTIN'] {
    flex-direction:column;
  }
  #Detail .itemThumb-wrap {
    width: 100%;
  }
  #Detail .itemThumb-main {
    width: 100%;
  }
  #Detail .itemThumb-wrap .itemThumb-main {
    width: 100%;
  }
  #Detail .itemThumb ul {
    width: 100%;
  }
  #Detail .itemThumb ul li {
    width: 20%;
    margin-right: 3%;
  }
  #Detail .itemThumb ul li img {
    width: 100%;
  }
  #pi_cart {
    width: 100%;
  }
  .cartArea input[type=image] {
    width: auto !important;
    height: 6vw;
  }
  .sps-wishAddItemOk img {
    width: auto;
    height: 6vw;
  }
  .sps-wishAddItem img {
    width: auto;
    height: 6vw;
  }
}

@media (max-width: 799px) {
  .cat_top_image {
    width: 100%;
  }
  #itemList .column4 {
    width: 46%;
  }
  #pi_cart {
    width: 100%;
  }
  #pi_cart .cartArea + p {
    margin-top: 1em;
    float:initial;
  }
  .itemDetailValue .content h3{
    order: 1;
  }
  .itemDetailValue .content img:nth-of-type(1) {
    order: 2;
  }
  .itemDetailValue .content p:nth-of-type(1) {
    order: 3;
  }
  .itemDetailValue .content img:nth-of-type(2) {
    order: 4;
  }
  .itemDetailValue .content p:nth-of-type(2) {
    order: 5;
  }
  .itemDetailValue .content img:nth-of-type(3) {
    order: 6;
  }
  .itemDetailValue .content p:nth-of-type(3) {
    order: 7;
  }
  .itemDetailValue .content p:nth-of-type(2n+1) {
    padding: 0;
  }
  .itemDetailValue .content p span {
    margin-top: 3em;
    text-align: center;
  }
  .itemDetailValue .content p {
    margin-top: 2em !important;
  }
  .value_more_btn {
    background-color: #fff;
    padding: 1em 3em;
    font-size: 0.875rem;
  }
  .detailItemList {
    padding: 0 5%;
  }
  .detailItemList .column-set {
    width: 100%;
  }
  .detailItemList .column-set .column4 {
    width: 48%;
  }
  .cartArea input[type=image] {
    width: auto !important;
    height: 10vw;
    margin-bottom: 1em;
  }
  .sps-wishAddItemOk img {
    width: auto;
    height: 10vw;
  }
  .sps-wishAddItem img {
    width: auto;
    height: 10vw;
  }
  #pi_cart .cartArea + p, .wishBox {
    float: unset;
  }
}
@media (max-width: 480px) {
  #Detail .itemThumb-wrap img.zoom_icon {
    display: none;
  }
}
/* ヒストリー */
.history .left_box p {
  width: 100%;
  padding: 2em 0 0;
  border-top: 1px solid #212121;
  letter-spacing: 0.001em;
}
.history .left_box h3 span {
  font-size: 0.875rem;
  color: #777777;
}
.timeline {
  width: 800px;
  margin: 0 auto;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-top: 5em;
  margin-bottom: 10em;
}
.timeline li {
  width: 400px;
  padding-bottom: 3em;
  line-height: 1.8;
  margin-top: 4em;
  position: relative;
  opacity: 0;
  transition: opacity ease 2s,transform ease 1s,-webkit-transform ease 1s;
  transition-delay: .1s, .1s;
}
.timeline li:nth-child(2n) {
  padding-right: 30px;
  float: left;
  margin-top: 10em;
  transform: translate(-25px, 0) !important;
}
.timeline li:nth-child(2n+1) {
  padding-left: 30px;
  float: right;
  transform: translate(25px, 0) !important;
}

.timeline li.active {
  transform: translate(0, 0) !important;
  opacity: 1;
}

.timeline li:first-child {
  margin-top: 0;
}
.timeline li:last-child {
  min-height: auto;
}
.timeline li img {
  width: 100%;
  margin-bottom: 1em;
}
.timeline h4 {
  font-size: 1.75rem;
  font-family: 'Bodoni Moda', serif;
  font-weight: bold;
  color: #b99cb9;
}
.timeline:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #b99cb9;
  position: absolute;
  top: 0;
  left: 50%;
}
.timeline h4:before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #b99cb9;
  position: absolute;
  top: 23.5px;
}
.timeline h4:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #b99cb9;
  position: absolute;
  border-radius: 4px;
  top: 20px;
}
.timeline li:nth-child(2n) h4 {
  text-align: right;
}
.timeline li:nth-child(2n) h5 {
  text-align: right;
}
.timeline li:nth-child(2n) h4:before {
  right: 0;
}
.timeline li:nth-child(2n+1) h4:before {
  left: 0;
}
.timeline li:nth-child(2n) h4:after {
  right: -4px;
}
.timeline li:nth-child(2n+1) h4:after {
  left: -4px;
}
.timeline h5 {
  font-size: 1rem;
  margin-bottom: 1em;
}
.timeline:after {
  content: "";
  clear: both;
  width: 100%;
}
.timeline a {
  color: #4487ac;
  text-decoration: underline;
}

@media (max-width: 799px) {
  .timeline {
    width: 84%;
    overflow: auto;
  }
  .timeline:before {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 4px;
  }
  .timeline li {
    width: 100%;
    overflow: auto;
  }
  .timeline li:nth-child(2n) {
    padding-right: 0;
    float: unset;
    margin-top: 5vw;
    padding-left: 8vw;
    transform: translate(0, 0) !important;
  }
  .timeline li:nth-child(2n+1) {
    float: unset;
    margin-top: 5vw;
    padding-left: 8vw;
    transform: translate(0, 0) !important;
  }
  .timeline li:nth-child(2n) h4 {
    text-align: left;
  }
  .timeline li:nth-child(2n) h5 {
    text-align: left;
  }
  .timeline li:nth-child(2n) h4:before {
    left: 0;
  }
  .timeline li:nth-child(2n+1) h4:before {
    left: 0;
  }
  .timeline li:nth-child(2n) h4:after {
    left: 0;
  }
  .timeline li:nth-child(2n+1) h4:after {
    left: 0;
  }
}

/* ------------------------------------- */
/*   システム生成カート
/* ------------------------------------- */
#contents input[type='text'], #contents input[type='password'], #contents input[type='email'], #contents input[type='tel'] {
  padding: 0.5em;
  height: 45px !important;
  background-color: #F8F8F8;
  border: 1px solid #D9DDE5;
  border-radius: 3px;
}
#EST_SPS_cart #bread-crumb {
  display: none;
}
#EST_SPS_cart #contents {
  width: 1100px;
  margin: 0 auto;
}
#EST_SPS_cart h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 3em;
  margin-bottom: 2em;
}
#EST_SPS_cart h3 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
#newMemberTitle h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 3em;
  margin-bottom: 2em;
}
#newMemberTitle h3 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.SPS-cart-item {
  display: none !important;
}
.cartTable  {
  width: 1100px;
  overflow: hidden;
  position: relative;
}
.cartTable div {
  clear: both;
}
.cartTable tbody {
  display: block;
  /* position: relative; */
}
.cartTable table {
  display: block;
}
.cartTable tbody > tr, .wrapping_info {
  display: flex;
  width: 700px;
  float: left;
  padding: 2em 0;
  flex-wrap: wrap;
  align-items: top;
  /* justify-content: space-around; */
  padding-right: 100px;
  position: relative;
}
.wrapping_info {
  width: 768px;
  display: block;
  padding-right: 0;
  font-size: 0.875rem;
  letter-spacing: -0.001em;
  text-align: left;
  text-indent: unset;
  border-collapse: unset;
  border-spacing: 0;
}
.wrapping_info a {
  display: inline;
  text-indent: unset;
  border-collapse: unset;
  border-spacing: 0;
  color: #4487AC;
}
.wrapping_info span {
  font-size: 0.75rem;
}
.cartTable tbody > tr.cartItem {
  border-bottom: 1px solid #d9dde5;
}
.cartTable tbody > tr > td {
  display: block;
}
.cartTable tbody > tr > td:nth-child(2) {
  width: 480px;
  padding: 0 2em;
  text-align: left;
}
.cartTable tbody > tr > td:nth-child(3) {
  display: none;
}
.cartTable tbody > tr > td:nth-child(4) {
  width: 100px;
  height: 45px;
  position:absolute;
  top: 2em;
  right: 0;
}
.cartTable tbody > tr > td:nth-child(4) input[type=submit] {
  display: none;
}
.cartTable tbody > tr > td:nth-child(5) {
  width: 100px;
  height: 30px;
  position:absolute;
  top: calc(2em + 45px);
  right: 0;
}
.cartTable tbody > tr > td:nth-child(6) {
  width: 100px;
  height: 30px;
  position:absolute;
  top: calc(2em + 75px);
  right: 0;
}
.cartTable tbody > tr > td:nth-child(6) input {
  border: none;
  text-decoration: underline;
  background: none;
  color: #4487ac;
}
.cartTable tbody > tr:first-child {
  display: none;
}
.cartTable tbody > tr:nth-child(2) {
  border-top: 1px solid #d9dde5;
}

/* ログインして購入 */
form[name=NEXTM] input[type="text"] {
  width: 100% !important;
}
form[name=NEXTM] input[type="password"] {
  width: 100% !important;
}
form[name=NEXTM] input[type="button"] {
  background-color: #212121;
  color: #fff;
  border: none;
  padding: 1em 0;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
  width: 350px;
}

/* 商品合計・ポイント表示部 */
.cartTable tbody > tr:nth-last-child(2) {
  top: 60px;
  right: 0;
  position:absolute;
  width: 350px;
  border: none;
  display: flex;
  background-color: #F8F8F8;
  padding: 0 20px 20px 20px;
  font-size: 0.875rem;
  height: 60px;
}
.cartTable tbody > tr:nth-last-child(1) {
  top: 0;
  right: 0;
  width: 350px;
  position:absolute;
  border: none;
  display: flex;
  padding: 0;
  background-color: #F8F8F8;
  padding: 20px 20px 0 20px;
  font-weight: bold;
  height: 60px;
}
.cartTable tbody > tr:nth-last-child(2) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 1em 0;
}
.cartTable tbody > tr:nth-last-child(1) > td:nth-child(2) {
  width: 50%;
  padding: 0 0 1em;
  border-bottom: 1px solid #D9DDE5;
  text-align: right;
}
.cartTable tbody > tr:nth-last-child(2) > td {
  width: 50%;
  text-align: left;
  padding: 1em 0;
}
.cartTable tbody > tr:nth-last-child(1) > td {
  width: 50%;
  padding: 0 0 1em;
  text-align: left;
  border-bottom: 1px solid #D9DDE5;
}
.cartTable > div {
  display: inline-block;
  font-size: 0.75rem;
  padding-right: 1em;
  top: 350px;
  right: 0;
  width: 350px;
  position:absolute;
}
.purchaseBox {
  top: 140px;
  right: 0;
  width: 350px;
  position:absolute;
  display: flex;
  flex-direction: column;
}
.loginPurchaseBtn {
  background-color: #212121;
  color: #fff;
  border: none;
  padding: 1em 0;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.registPurchaseBtn {
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  border: none;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.noRegistPurchaseBtn {
  border: 1px solid #212121;
  padding: 1em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1rem;
}
.cartTopMsg {
  clear: both;
  width: 1100px;
  text-align: center;
  padding: 2em 0;
  background-color: #F8F8F8;
  line-height: 2;
  margin-top: 2em;
}
.couponBox {
  width: 700px;
  margin: 0 auto;
}
.couponBox p {
  font-size: 0.875rem;
}
.SPS-cart-coupon {
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 0.5em;
}
.sps-coupon_notice {
  display: block;
}
.loginBox {
  width: 600px;
  margin: 0 auto;
}
.kago_login {
  border: 1px solid #212121;
  padding: 0.5em 2em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.cartTable .unitPrice {
  display: block;
  width: 100%;
}
.cartTable .itemPic img {
  border: 1px solid #d9dde5;
}

input[type="button"][value="買い物を続ける"] {
  display: none;
}


/* 新規会員登録 */
#newMemberTitle {
  width: 800px;
  padding: 0 100px;
  margin: 0 auto;
}
.sps-inputTable, .sps-inputTablePopup  {
  display: block;
}
.sps-inputTable tbody, .sps-inputTablePopup tbody {
  display: block;
}
.sps-inputTable tr, .sps-inputTablePopup tr {
  display: flex;
  flex-direction: column;
}
.sps-inputTable td, .sps-inputTablePopup td {
  display: block;
  width: 100% !important;
  text-align: left;
}
#contents .sps-inputTable td input[type="text"] {
  width: 100% !important;
}
#contents .sps-inputTable td input[type="mail"] {
  width: 100% !important;
}
#contents .sps-inputTable td input[type="password"] {
  width: 100% !important;
}
#contact > table {
  margin: 0 auto;
}
.sps-inputTable td > div {
  width: 49.5%;
}
.sps-inputTable td > div:first-child {
  /* padding-right: 1%; */
}
.sps-inputTable td > input[type="password"] + div {
  width: 100%;
  margin: 0;
}
/* .sps-inputTable td > textarea ~ span {
  display: none;
}
.sps-inputTable td > label ~ span {
  display: none;
} */
.sps-inputTable .sps-inputItem {
  width: 100% !important;
}
.sps-inputTable .sps-inputContent {
  width: 100% !important;
}
.sps-required.cart_float_right {
  float: left;
  margin-left: 0;
  margin-right: 1em;
  margin-top: 0.4em;
}
.form_group img {
  max-width: 100%;
}
.form_group br:first-of-type {
  /* display: none; */
}
.form_group label {

}
span.option {
  border-radius: 4px;
  background: #8CA0B9;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.7rem;
  white-space: nowrap;
  float: left;
  margin-left: 0;
  margin-right: 1em;
  margin-top: 0.4em;
}
input[name=regist] {
  width: 300px;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  border: none;
}
input#newMemberCancleBtn {
  width: 300px;
  background-color: #fff;
  color: #212121;
  padding: 1em 0;
  border: none;
}

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #D9DDE5;
  border-radius: 5px;
  color: #212121;
  font-size: 0.9375rem;
  padding: 0 20px;
  height: 45px;
  /* width: 300px; */
  width: 50%;
  position: relative;
  background: #F8F8F8 url(/asset2023/img/ui/select.png) no-repeat right 10px center / 12px auto;
}


/* 購入者情報の入力 */
#EST_SPS_regi .mainCont {
  width: 800px;
  margin: 0 auto;
}
#EST_SPS_regi #bread-crumb {
  display: none;
}
/* #EST_SPS_regi h4 + .bordlayoutp3.center {
  display: none;
} */
#card_info_ecs a {
  text-decoration: underline;
  color: #4487ac;
}

#EST_SPS_regi h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 3em;
  margin-bottom: 2em;
}
#EST_SPS_regi h3 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
#EST_SPS_regi h4 {
  text-align: center;
  font-size: 1.375rem;
  font-weight: bold;
  display: block !important;
}
#EST_SPS_regi .mainCont > p {
  display: none;
}
#EST_SPS_regi .SPS-regi-item_detail {
  display: none !important;
}
#EST_SPS_regi .regi_back {
  display: none;
}
#EST_SPS_regi .sps-inputTable tr {
  width: 600px;
  margin: 0 auto;
}

#contents .sps-inputTable td > div {
  width: 100% !important;
}
#contents .sps-inputTable td > div.halfBox {
  width: 50% !important;
}
#contents .sps-inputTable td > div.halfBox:nth-child(2) {
  padding-right: 1%;
}
#EST_SPS_regi .note_nextp {
  display: none;
}
#EST_SPS_regi .mainCont > b > font {
  display: block;
  width: 600px;
  margin: 0 auto;
}
#EST_SPS_regi .sps-inputTable {
  width: 100% !important;
}
.SPS-regi-addresseeContents {
  /* display: flex; */
  background-color: #F8F8F8;
  margin-top: 1em;
}
.SPS-regi-addresseeContents table {
  width: 100% !important;
  display:block;
}
.SPS-regi-addresseeContents > table > tbody {
  width: 100% !important;
  display:block;
}
.SPS-regi-addresseeContents tbody {
  width: 100% !important;
  display:block;
}
#selectaddressee td {
  width: 100%;
  display:block;
}
#selectaddressee td table {
  width: 100%;
  display:block;
}
#selectaddressee tr {
  width: 100%;
  display:block;
}
#contact #center1 .centerbox .mainFrame .mainCont #selectaddressee table.SPS-regi-addresseeData {
  width: 600px !important;
  margin: 0 auto;
}
.SPS-regi-addresseeData tr {
  width: auto !important;
  margin-right: 2em;
}
.SPS-regi-addresseeData tbody {
  display: flex;
}

#selectPayment table {
  background-color: #F8F8F8;
  width: 100%;
  padding: 1em 100px;
}
#selectPayment input[type=radio] {
  margin-top: 1em;
}
.validation_pcsubmit_btn.regi_next {
  display: none;
}
.registPurchaseCancelBtn {
  width: 180px;
  border: 1px solid #212121;
  padding: 1em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.5em;
}
.registPurchaseNextBtn {
  width: 180px;
  border: 1px solid #212121;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.registBox {
  margin-top: 2em;
  text-align: center;
}


/* 入荷連絡を希望するフォーム */
body.announceMail h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
  padding-top: 44px;
  padding-bottom: 50px;
}
body.announceMail input[type='text'] {
  padding: 0.5em;
  height: 45px !important;
  background-color: #F8F8F8;
  border: 1px solid #D9DDE5;
  border-radius: 3px;
}
body.announceMail .bordlayoutp3 {
  margin-top: 2em;
  display: block;
}
body.announceMail .bordlayoutp3 tr {
  display: block;
}
body.announceMail .bordlayoutp3 td {
  padding: 10px 4px !important;
  display: block;
}
body.announceMail input[type=submit] {
  width: 300px;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  border: none;
}
body.announceMail input[type=button] {
  width: 300px;
  background-color: #fff;
  color: #212121;
  padding: 1em 0;
  border: 1px solid #212121;
  margin-top: 1em !important;
}
body.announceMail .mainCont {
  width: 800px;
  margin: 0 auto;
}

body.announceMail h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 6px;
  padding-top: 44px;
  padding-bottom: 50px;
}
body.announceMail input[type=button] {
  display: none;
}

body.announceMail table {
  width: 100%;
  display: block;
}
.announceMail .mainCont .layoutp3.center {
  margin: 0 auto;
}
.mainCont .layoutp3.center {
  width: 600px;
  margin: 0 auto;
}

/* 注文方法選択 */
.orderConfirm tbody {
  display: block;
  /* position: relative; */
}
.orderConfirm table {
  display: block;
  position: relative;
  width: 800px;
  margin: 0 auto;
}
.orderConfirm .cartTable {
  display: none;
}
/* .orderConfirm table.cartItem {
  display: block;
  position: relative;
  width: 1100px;
  margin: 0 auto;
} */

.orderConfirm table tbody > tr {
  /* width: 800px; */
}
.orderConfirm table tbody td {
}
.cartTableOther p {
  word-break: break-all;
}
#EST_SPS_regi.orderConfirm h4.SPS-regi-enq-item_detail {
  text-align: left !important;
  padding: 2em 0;
  display: none !important;
}
.cartTableOther > table tbody > tr {
  /* width: 800px; */
  display: block;
}
.cartTableOther > table tbody td {
  display: block;
}
.cartTableOther > table {
  width: 800px !important;
  background-color: #F8F8F8;
  padding: 2em;
  margin-bottom: 2em;
}
.cartTableOther > table .form_group {
  padding: 1em;
}

.cartItem tbody > tr {
  border-bottom: 1px solid #d9dde5;
}

.cartTable {
  margin-bottom: 2em;
}

.orderConfirm .cartItem tbody > tr:nth-last-child(1) {
  top: 120px;
  right: 0;
  position:absolute;
  width: 350px;
  border: none;
  display: flex;
  background-color: #F8F8F8;
  padding: 0 20px 20px 20px;
  font-size: 0.875rem;
  height: 60px;
}

.orderConfirm .cartItem tbody > tr:nth-last-child(2) {
  top: 60px;
  right: 0;
  position:absolute;
  width: 350px;
  border: none;
  display: flex;
  background-color: #F8F8F8;
  padding: 0 20px 20px 20px;
  font-size: 0.875rem;
  height: 60px;
}
.orderConfirm .cartItem tbody > tr:nth-last-child(3) {
  top: 0;
  right: 0;
  width: 350px;
  position:absolute;
  border: none;
  display: flex;
  padding: 0;
  background-color: #F8F8F8;
  padding: 20px 20px 0 20px;
  font-weight: bold;
  height: 60px;
}

.orderConfirm .cartItem tbody > tr:nth-last-child(3) > td {
  width: 50%;
  text-align: left;
  padding: 1em 0;
}
.orderConfirm .cartItem tbody > tr:nth-last-child(3) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 1em 0;
}
/* .orderConfirm .cartItem tbody > tr:nth-last-child(2) > td {
  width: 50%;
  text-align: left;
  padding: 1em 0 1em;
  border-bottom: 1px solid #D9DDE5;
} */
.orderConfirm .cartItem tbody > tr:nth-last-child(2) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 1em 0 1em;
  border-bottom: 1px solid #D9DDE5;
}
.orderConfirm .cartItem tbody > tr:nth-last-child(1) > td {
  width: 50%;
  text-align: left;
  border: none;
}
.orderConfirm .cartItem tbody > tr:nth-last-child(1) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  border: none;
}

/* 注文内容確認 */
.orderConfirmAll tbody {
  display: block;
  /* position: relative; */
}
.orderConfirmAll table {
  display: block;
  position: relative;
  /* width: 700px; */
  /* margin: 0 auto; */
}
.orderConfirmAll .regi_next {
  display: none;
}
.orderConfirmAll .cartTableOtherAll .center {
  text-align: right;
}
.orderConfirmAll .cartTableOtherAll .regi_next {
  display: inline-block;
  background-color: #212121;
  color: #fff;
  padding: 1em 2em;
  border: none;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.orderConfirmAll table.cartItem {
  display: block;
  position: relative;
  width: 1100px;
  margin: 0 auto;
}
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_addresseeArea,
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_purchaser,
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_paytype,
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_addressee,
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_enq,
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_item,
.orderConfirmAll#EST_SPS_regi .SPS-regi-pointuse,
.orderConfirmAll#EST_SPS_regi .deliWay {
  width: 700px !important;
  text-align: left;
  border-top: 1px solid #D9DDE5;
  border-bottom: 1px solid #D9DDE5;
  padding: 0.6em 1em;
  font-size: 1.375rem;
}
.orderConfirmAll#EST_SPS_regi h4 + div {
  width: 700px !important;
  text-align: right;
  padding: 0 0.5em;
  margin: -2.5rem 0 1em !important;
}
.point_use_table {
  margin-top: 3em;
}
.orderConfirmAll#EST_SPS_regi .button1 {
  border: none;
  background: none;
  text-decoration: underline;
  font-size: 14px;
  color: #4487AC;
}
.orderConfirmAll#EST_SPS_regi .SPS-regi-confirm_addresseeArea {
  border: none;
  padding-right: 0.5em;
  /* margin: -2.5rem 0 2.5rem !important; */
}
.orderConfirmAll .cart-section #contact #center1 .centerbox .mainCont .SPS-buttonArea input[type="button"] {
  margin: 0;
  padding: 0;
}
.orderConfirmAll .SPS-buttonArea {
  transform: translateY(-1.5rem);
}
.orderConfirmAll#EST_SPS_regi .deliWay + div + table {
  margin-bottom: 0;
}
/* #EST_SPS_regi.orderConfirmAll .mainFrame {
  width: 1100px;
  margin: 0 auto;
} */
#EST_SPS_regi.orderConfirmAll .mainCont {
  width: 100%;

}
#EST_SPS_regi.orderConfirmAll #center1 {
  /* width: 1100px;
  margin: 0 auto; */
  display: block;
}
#EST_SPS_regi.orderConfirmAll .centerbox {
  width: 1100px;
  margin: 0 auto;
  display: block;
}
.cartTableAll {
  width: 100%;
}

form[name=NEXT] > p {
  margin-bottom: 2em;
}

.orderConfirmAll #contact > table > tbody > tr {
  /* width: 100%; */
  display: block;
}
.orderConfirmAll table tbody td {
}
.cartTableOtherAll p {
  word-break: break-all;
}
#EST_SPS_regi.orderConfirmAll h4.SPS-regi-enq-item_detail {
  text-align: left !important;
  padding: 2em 0;
  display: none !important;
}
.cartTableOtherAll > table tbody > tr {
  /* width: 800px; */
  display: block;
}
.cartTableOtherAll > table tbody td {
  display: block;
}
.cartTableOtherAll > table {
  width: 700px !important;
  /* background-color: #F8F8F8; */
  padding: 1em 0;
  margin-bottom: 2em;
}
.cartTableOtherAll > table .form_group {
  padding: 1em;
}

.cartItem tbody > tr {
  border-bottom: 1px solid #d9dde5;
  position: relative;
  width: 700px;
  display: flex;
  align-items: center;
}
.cartItem tbody > tr > td {
  padding: 2em 0;
}

.cartItem .itemPic img {
    border: 1px solid #d9dde5;
}

.cartItem tbody > tr > td:nth-child(2) {
  width: 480px;
  padding: 0 2em 3em;
}

.cartItem tbody > tr > td:nth-child(3) {
  display: none;
}

.cartItem tbody > tr > td:nth-child(4) {
  position: absolute;
  bottom: 2.5em;
  right: 0;
}
.cartItem tbody > tr > td:nth-child(5) {
  position: absolute;
  bottom: 0.5em;
  right: 0;
}

.cartTableAll {
  margin-bottom: 2em;
}

.orderConfirmAll .cartItem tbody > tr:first-child {
  display: none;
}

.orderConfirmAll .cartItem tbody > tr:nth-last-child(2) {
  top: 120px;
  right: 0;
  position:absolute;
  width: 350px;
  border: none;
  display: flex;
  background-color: #F8F8F8;
  padding: 0 20px 0 20px;
  font-size: 0.875rem;
  height: 60px;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(3) {
  top: 180px;
  right: 0;
  position:absolute;
  width: 350px;
  border: none;
  display: flex;
  background-color: #F8F8F8;
  padding: 20px 20px 40px 20px;
  font-size: 0.875rem;
  height: 80px;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(4) {
  top: 60px;
  right: 0;
  width: 350px;
  position:absolute;
  border: none;
  display: flex;
  padding: 0;
  background-color: #F8F8F8;
  padding: 0px 20px 0 20px;
  font-weight: bold;
  height: 60px;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(5) {
  top: 0px;
  right: 0;
  width: 350px;
  position:absolute;
  border: none;
  display: flex;
  padding: 0;
  background-color: #F8F8F8;
  padding: 20px 20px 20px 20px;
  font-weight: bold;
  height: 60px;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(6) {
  top: -60px;
  right: 0;
  width: 350px;
  position:absolute;
  border: none;
  display: flex;
  padding: 0;
  background-color: #F8F8F8;
  padding: 20px 20px 20px 20px;
  font-weight: bold;
  height: 60px;
}
.orderConfirmAll .purchaseBox{
  top: 280px;
}
.orderConfirmAll .subTotalFmt {
  color: #E06767;
  /* font-size: 1.5rem; */
}

.orderConfirmAll .cartItem tbody > tr:nth-last-child(6) > td {
  width: 50%;
  text-align: left;
  padding: 0.5em 0;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(6) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 0.5em 0;
}

.orderConfirmAll .cartItem tbody > tr:nth-last-child(5) > td {
  width: 50%;
  text-align: left;
  padding: 0;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(5) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 0;
}

.orderConfirmAll .cartItem tbody > tr:nth-last-child(4) > td {
  width: 50%;
  text-align: left;
  padding: 1em 0;
  border-bottom: 1px solid #D9DDE5;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(4) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 1em 0;
  border-bottom: 1px solid #D9DDE5;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(3) > td {
  width: 50%;
  text-align: left;
  padding: 0 0 1em;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(3) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 0 0 1em;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(2) > td {
  width: 50%;
  text-align: left;
  padding: 1.5em 0 1em;
  border-bottom: 1px solid #D9DDE5;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(2) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  padding: 1.5em 0 1em;
  border-bottom: 1px solid #D9DDE5;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(1) > td {
  width: 50%;
  text-align: left;
  border: none;
}
.orderConfirmAll .cartItem tbody > tr:nth-last-child(1) > td:nth-child(2) {
  width: 50%;
  text-align: right;
  border: none;
}

@media (max-width: 1099px) {
  .cartTable {
    width: 100%;
  }
  #EST_SPS_cart #contents {
    width: 100%;
    padding: 0 5%;
  }
  .cartItem tbody > tr {
    width: calc(100% - 400px);
  }
}

/* 注文完了 */
.orderEnd #bread-crumb {
  display: none;
}
.orderEnd h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 3em;
  margin-bottom: 2em;
}
.orderEnd h3 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
.orderEnd h4 {
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.4;
  margin-top: 3em;
  margin-bottom: 1em;
}
.orderEnd .mainCont {
  margin: 0 auto;
}
.orderEnd .mainCont table {
  display: block;
  width: 800px;
  margin-top: 2em;
}
.orderEnd .mainCont table tbody {
  display: flex;
}
.orderEnd .mainCont table tr {
  display: block;
}
.orderEnd .mainCont table td {
  display: block;
  width: 100% !important;
  padding: 0.5em 1em;
  border-bottom: 1px solid #D9DDE5;
}
.orderEnd .mainCont table tr > td:first-child {
  background-color: #F8F8F8;
  border-bottom: 1px solid #D9DDE5;
}
.orderEnd .mainCont table tr:nth-child(1) {
  width: 120px;
}
.orderEnd .mainCont table tr:nth-child(2) {
  width: 120px;
}
.orderEnd .mainCont table tr:nth-child(3) {
  width: 560px;
}

.orderEndLineBox .content {
  width: 100%;
  background-color: #F8F8F8;
  text-align: center;
  padding: 3em 0;
}
.orderEndLineBox .content > img {
  margin: 0 1.5em 2em;
  vertical-align: top;
}
.orderEnd .buttonBox {
  padding: 2em 0;
}
.orderEnd .buttonBox a {
  display: block;
  width: 300px;
  border: 1px solid #212121;
  padding: 1em 0;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
}

/* 商品に関してのお問い合わせ */
#enter {
  width: 800px;
  margin: 0 auto;
}
#enter h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 3em;
  margin-bottom: 2em;
}
.itemContact #enter .mainCont {
  padding: 0;
  margin: 0;
}
.itemContact #enter {
  border: none;
}
.itemContact #enter h3 span {
  font-family: 'Bodoni Moda', serif;
  font-size: 0.7em;
  color: #b99cb9;
}
#enter input[type='text'], #enter input[type='password'] {
  padding: 0.5em;
  height: 45px !important;
  background-color: #F8F8F8;
  border: 1px solid #D9DDE5;
  border-radius: 3px;
}
span.sps-required {
  border-radius: 4px;
  background: #e73656;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.7rem;
  margin-left: 0.5em;
  white-space: nowrap;
  float: left;
  margin-left: 0;
  margin-right: 1em;
  margin-top: 0.4em;
}
span.sps-optional {
  border-radius: 4px;
  background: #8CA0B9;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.7rem;
  margin-left: 0.5em;
  white-space: nowrap;
  float: left;
  margin-left: 0;
  margin-right: 1em;
  margin-top: 0.4em;
}
.itemContact #enter #center3 table {
  display: block;
  width: 100%;
  margin-top: 3em;
}
.itemContact #enter #center3 tbody {
  display: block;
  width: 100%;
}
.itemContact #enter #center3 table th {
  display: block;
  padding: 10px 4px !important;
  width: 100%;
  font-size: 1rem;
}
.itemContact #enter #center3 table th .caution{
  display: none;
}
.itemContact #enter #center3 table tr {
  display: block;
  width: 100%;
  text-align: left;
}
.itemContact #enter #center3 table td.mailBox {
  font-size: 0;
}
.itemContact #enter #center3 table td {
  display: block;
  width: 100%;
  padding: 10px 4px !important;
}
#enter #center3 table td.none {
  display: none;
}
#enter #center3 table td.nameBox {
  display: flex;
  justify-content: space-around;
  font-size: 0;
}
.itemContact #enter #center3 table td input {
  width: 100%;
}
#enter #center3 table td select {
  width: 100%;
}
#enter #center3 table td textarea {
  width: 100%;
  min-width: 100%;
  padding: 0.5em;
}
#enter #center3 table td.nameBox input {
  width: 49%;
}

#enter #center3 .layoutp3.center {
  text-align: center;
}
#enter #center3 .leadbox a {
  text-decoration: underline;
  font-size: 14px;
  color: #4487AC;
}


#enter #center3 input[name=Submit]:nth-of-type(1) {
  width: 180px;
  border: 1px solid #212121;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
#enter #center3 input[name=Submit]:nth-of-type(2) {
  display: none;
}

#enter #center3 #btnevent {
  width: 180px;
  border: 1px solid #212121;
  padding: 1em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.5em;
}

#enter .itemContactSendEnd p {
  text-align: center;
}
#enter .itemContactSendEnd input {
  display: none;
}


/* ログイン */
.pcLogin #bread {
  display: none;
}
.pcLogin input[type=button] {
  width: 180px !important;
  border: 1px solid #212121;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  margin: 0 auto;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.pcLogin input[type=text], .pcLogin input[type=password] {
  width: 100%;
}
.pcLogin .buttonBox > div:first-child {
  text-align: center;
}
.pcLogin .sps-mypage-login-bottom-area {
  display: flex;
}
.pcLogin input[name=LOGIN_KEEP_USE] {
  margin: 0 !important;
}
.pcLogin .mainCont {
  width: 600px;
  margin: 0 auto;
}
.pcLogin .mainCont a {
  text-decoration: underline;
  font-size: 14px;
  color: #4487AC;
}
.pcLogin center input {
  display: none;
}

/* 新規会員登録 */
.pcRegist #bread {
  display: none;
}
.pcRegist span.sps-requiredPopup {
  float: left;
  margin-left: 0;
  margin-right: 1em;
  margin-top: 0.4em;
}
.pcRegist form[name="NEWMEM"] {
  width: 800px;
  margin: 0 auto;
}
.pcRegist .sps-inputTablePopup {
  width: 600px !important;
  margin: 0 auto;
}
.pcRegist .sps-inputContent {
  width: 100% !important;
}
.pcRegist table.sps-inputTablePopup td input[type=text] {
  width: 100% !important;
}
.pcRegist table.sps-inputTablePopup td input[type=password] {
  width: 100%;
}
.pcRegist .halfBox {
  width: 50%;
}
.pcRegist textarea {
  background-color: #F8F8F8;
}
.pcRegist .bordlayoutp3.center input[type=button]:nth-of-type(1) {
  width: 180px;
  border: 1px solid #212121;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.pcRegist .bordlayoutp3.center input[type=button]:nth-of-type(2) {
  width: 180px;
  border: 1px solid #212121;
  padding: 1em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.5em;
}
.pcRegistEnd #bread {
  display: none;
}
.pcRegistEnd center input[type=button] {
  width: 180px;
  border: 1px solid #212121;
  padding: 1em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.5em;
}


@media (max-width: 799px) {
  #enter {
    width: 100%;
    padding: 0 5%;
  }
  .itemContactConfirm .mainCont .layoutp3.center {
    display: flex;
    flex-direction:column;
    align-items: center;
  }
  .itemContactConfirm input {
    margin: 0 auto !important;
  }
  body.announceMail .mainCont {
    width: 100%;
    padding: 0 5%;
  }
  .mainCont .layoutp3.center {
    width: 100%;
    margin: 0 auto;
  }
}


/* マイページ */
.mypage #bread {
  display: none;
}
.mypage .mainCont select {
  width: auto;
  padding: 0 40px 0 20px;
  text-align: left;
}
.mypage form[name='list'] input[type=button] {
  background-color: #212121;
  color: #fff;
  padding: 0.5em 1em;
  border: 1px solid #212121;
}
.sps-my-display {
  display: none;
}
.mypage #enter #center3 table {
  width: 100%;
  margin-top: 3em;
}

.mypage #enter #center3 table th {
  background-color: #F8F8F8;
  border-bottom: 1px solid #D9DDE5;
  padding: 0.7em;
  font-size: 0.875rem;
  text-align: left;
}
.mypage #enter #center3 table td {
  border-bottom: 1px solid #D9DDE5;
  padding: 0.7em;
  font-size: 0.875rem;
  text-align: left;
}
.mypage .mainCont a {
  text-decoration: underline;
  font-size: 14px;
  color: #4487AC;
}
.pointTable > *{
  font-size: 0;
}
.pointTable .layoutp3.center {
  width: 500px;
  padding: 0 60px;
  background-color: #F8F8F8;
  font-weight: bold;
}
.pointTable .layoutp3 table tr:nth-child(2) td {
  background-color: #F8F8F8;
  border: none !important;
}
.pointTable .layoutp3 table tr:nth-child(2) {
  border-bottom: 1px solid #D9DDE5;
}
.pointTable .layoutp3 tr td:nth-child(1) {
  width: 50%;
}
.pointTable .layoutp3 tr td:nth-child(3) {
  width: 50%;
}
.pointTable .layoutp3 tr td:nth-child(2) {
  display: none;
}
.mypage .layoutp3.center input[type=button]:nth-of-type(1) {
  width: 180px;
  border: 1px solid #212121;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1rem;
}
.mypage .layoutp3.center input[type=button]:nth-of-type(2) {
  width: 180px;
  border: 1px solid #212121;
  padding: 1em 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.5em;
}
.purchaseStepBox {
  margin: 0 auto;
}
.purchaseStep {
  margin: 0 auto;
  width: 558px;
  background-image: url("/asset2023/img/ui/pc_step1.png");
  background-repeat: no-repeat;
  background-size: 504px auto;
  background-position: center top;
  padding-top: 60px;
  display: flex;
  justify-content:space-between;
  margin-bottom: 2em;
}
.purchaseStep.step1 {
  background-image: url("/asset2023/img/ui/pc_step1.png");
}
.purchaseStep.step2 {
  background-image: url("/asset2023/img/ui/pc_step2.png");
}
.purchaseStep.step3 {
  background-image: url("/asset2023/img/ui/pc_step3.png");
}
.purchaseStep.step4 {
  background-image: url("/asset2023/img/ui/pc_step4.png");
}
.purchaseStep .step {
  text-align: center;
}

/* カラーバリエーション */
.color_variation {
  padding: 0.5em 0;
  margin-bottom: 1em;
  display: flex;
  align-items: center;
}
.color_variation a {
  border: 1px solid #D9DDE5;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.7em;
}

.color_variation a.active {
  border: 1px solid #778899;
}

.color_variation a span {
  content: " ";
  background-color: #bcffff;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
}