@import url("wb-faq.css");
@import url("wb-cart.css");


.Mypage,
.Board,
.Board-detail,
.Pre-order01,
.Pre-order02,
.Pre-order-thanks,
.Faq,
.Company,
.law,
.Privacy {
  padding: 10px 10px;
}

.wb-cart-ordertable .box-btn {}

.wb-cart-ordertable .box-btn li {
  margin: 0 0 5px;
  display: inline;
}

.wb-cart-ordertable .box-btn li a {
  display: block;
  text-align: center;
  padding: 5px 0;
  margin: 0 auto;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 90%;
}

/* --------------------------------- 
------------------------------------
two-way-style
------------------------------------
------------------------------------*/
.item-detail-box .style-alpha {
  float: left;
  width: 354px;
}

.item-detail-box .style-beta {
  float: right;
  width: 354px;
}

.style-alpha p,
.style-beta p {
  border: 1px solid;
  padding: 8px;
  width: 336px;
  font-size: 90%;
}

.style-alpha img,
.style-beta img {
  margin: 20px auto;
  display: block;
}

/* --------------------------------- 
------------------------------------
categ_list
------------------------------------
------------------------------------*/
.design-selected {
  text-align: center;
  background: url(../img/pause.gif) no-repeat bottom;
  padding: 20px 0 50px;
  margin: 0 0 30px;
}

.design-selected a {
  display: block;
  width: 192px;
  height: 20px;
  margin: 10px auto;
}

.design-msg {
  margin: 10px;
}

/* --------------------------------- 
------------------------------------
design_list
------------------------------------
------------------------------------*/
/*
.design-alpha {
  width: 590px;
  float: right;
}
*/
.design-alpha .design-list-detail {
  width: 102px;
  float: left;
  margin: 0 20px 20px 0;
}

.design-alpha .design-list-detail.last {
  margin: 0 0 20px 0;
}

.design-beta {
  width: 160px;
  float: left;
}

.design-beta-title {
  background: #C5B79A;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.design-beta-title {
  background: #DDD3B5;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  margin: 0 0 4px;
}

.design-categ {
  background: #F1F0E1;
  padding: 6px 0;
}

.design-beta .design-categ a {
  display: block;
}

.categ-name {
  font-size: 130%;
  color: #1D2B53;
  font-weight: bold;
  border-bottom: 2px solid #B4B4B5;
  padding: 0 0 0 10px;
}

.design-beta .categ-list {
  padding: 4px 4px 6px 10px;
}

.design a {
  display: block;
  padding: 3px 0 0;
  color: #0D6CAE;
}

.sub-title {
  font-size: 115%;
  border-bottom: 1px solid #333333;
  margin: 0 0 10px;
}

.design-list-detail p {
  text-align: center;
  margin: 5px 0 0 0;
}

.design-alpha .Page-box {
  text-align: center;
  padding: 10px 0;
}

.design-alpha .Page-box .Page-box-number a {
  display: inline-block;
  margin: 0 2px;
}

.design-alpha .Page-box .Page-box-list-number {
  top: 10px;
}

/* --------------------------------- 
------------------------------------
select_type
------------------------------------
------------------------------------*/
.item-box {
  width: 530px;
  margin: 0 auto;
}

.making-title {
  font-size: 130%;
  font-weight: bold;
  border: 1px solid;
  text-align: center;
  margin: 30px auto 20px;
}

.btn_decision {
  width: 206px;
  margin: 25px auto 0;
}

.process-table {
  width: 550px;
}

.process-table a {
  padding: 10px 0 0 47px;
  display: inline-block;
  color: #0D6CAE;
}

.position-img {
  width: 350px;
  margin: 0 auto;
}

.process label {
  border: none;
  cursor: pointer;
}

.position-img label {
  padding: 0;
}

.position-img-img {
  width: 90px;
}

/* --------------------------------- 
------------------------------------
Index
------------------------------------
------------------------------------*/
.Index {
  background: url(../img/bg_billboard.png) repeat-x center top #fff;
}

.Index .Wrapper {
  width: 920px;
}

.Index .Header {
  padding-top: 100px;
  padding-bottom: 0;
}

.Index .Utility-menu {
  top: -93px;
  right: 10px;
}

.Index .Alpha {
  position: relative;
}

.Index .index-cmt {
  position: absolute;
  left: 137px;
  top: -186px;
}

.Index .index-person {
  position: absolute;
  left: 4px;
  top: -128px;
}

.Index .index-content {
  height: 450px;
  background: url(../img/index_content.gif) no-repeat left top;
}

.Index .start-btn {
  position: absolute;
  left: 413px;
  top: 369px;
}

.index-title img {
  display: block;
  width: 478px;
  margin: 0 auto 20px;
}

/* --------------------------------- 
------------------------------------
Faq
------------------------------------
------------------------------------*/
.Faq {}

.Faq .Alpha-s {}

.Faq .Alpha-stitle {}

.Faq .Alpha-scontent {
  background: #fff;
  padding: 15px 15px 5px;
}

.Faq .faq-box {
  margin: 0 0 10px;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 10px;
}

.Faq .box-q {
  font-size: 15px;
  font-weight: bold;
  background: url(../img/ico_faq_q.gif) no-repeat 2px 3px;
  padding: 7px 0 5px 40px;
}

.Faq .box-a {
  padding: 0 0 0 40px;

}

/* --------------------------------- 
------------------------------------
Company
------------------------------------
------------------------------------*/
.Company .spirit-wrap {
  background: #fff;
  text-align: center;
  padding: 25px 10px;
  margin: 0 0 20px;
}

.Company .spirit-wrap img {
  padding: 0 0 10px;
}

.Company .spirit-wrap p {
  line-height: 1.4;
}

.Company .overflow-wrap {}

.Company .access-wrap .Alpha-scontent {
  background: #fff;
  padding: 20px;
}

.Company .box-map {
  float: left;
  width: 430px;
}

.Company .box-detail {
  float: right;
  width: 250px;
  line-height: 1.8;
  padding-top: 15px;
}

.Company .box-detail img {
  padding: 0 0 10px;
}


/* --------------------------------- 
------------------------------------
Privacy 
------------------------------------
------------------------------------*/
.Privacy .Alpha-scontent {
  padding: 20px;
  background: #fff;
}

.Privacy .Alpha-scontent>* {
  margin-bottom: 20px;
}

.Privacy .Alpha-scontent .date {
  text-align: end;
}

.Privacy .Alpha-scontent>p {
  font-size: 16px;
  font-weight: 500;
}

.Privacy .Alpha-scontent h3 {
  margin-top: 40px;
  color: #f25da3;
}

.Privacy ul {
  list-style: square;
}

.Privacy ul.no_square {
  list-style: none;
}

.Privacy ul.no_square>li {
  padding-left: 0;
}


.Privacy ul>li {
  line-height: 2;
  position: relative;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}


.Privacy ul>li p {
  position: relative;
  display: block;
  padding-left: 20px;
  margin: 5px 0;
  font-size: 16px;
  font-weight: 500;
}

.Privacy ul>li p:before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

/* --------------------------------- 
------------------------------------
item-categ
------------------------------------
------------------------------------*/
.categ-list .Block-title span,
.item-list .Block-title span {
  font-size: 80%;
  padding: 0 0 0 5px;
}


.categ-list-box {
  float: left;
  width: 165px;
  border: 1px solid #B8B8B8;
  padding: 8px;
  margin: 0 9px 30px 0;
}

.categ-list-box.last {
  margin-right: 0;

}

.categ-list-box .box-img {
  margin: 0 0 5px
}

.categ-list-box .box-name {
  background: url(../img/arrow.jpg) no-repeat 0 2px;
  padding: 0 0 0 18px;
}

.categ-list-box .box-name span {
  font-size: 80%;
  padding: 0 0 0 3px;
}

.categ-list-box .box-name a,
.categ-list-box .box-name a:link,
.categ-list-box .box-name a:visited {
  color: #000;
}

/* --------------------------------- 
------------------------------------
item-list
------------------------------------
------------------------------------*/
.item-list {}

.item-list-box {
  float: left;
  width: 165px;
  border: 1px solid #B8B8B8;
  padding: 8px;
  margin: 0 9px 30px 0;
  position: relative;
}

.item-list-box.last {
  margin-right: 0;
}

.item-list-box .box-img {
  text-align: center;
}

.item-list-box .box-number {}

.item-list-box .box-name {
  font-weight: bold;
  border-bottom: 1px solid #B8B8B8;
  margin-bottom: 3px;
}

.item-list-box .box-txt {
  font-size: 90%;
  padding: 0 0 5px;
}

.item-list-box .box-btn {
  text-align: center;
  padding: 0 0 5px;
  position: absolute;
  bottom: 25px;
  left: 18px;
}

.item-list-box .box-btn-detail {
  padding-left: 18px;
  font-size: 90%;
  position: absolute;
  bottom: 10px;
  left: 15px;

}

/* --------------------------------- 
------------------------------------
item-detail
------------------------------------
------------------------------------*/
.item-detail {}

.item-detail-box {
  zoom: 1;
}

.item-detail-box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.item-detail-box .box-alpha {
  float: left;
  width: 400px;
  height: 305px;
  overflow: hidden border: 1px solid #B8B8B8;
  margin-bottom: 30px;
}

.item-detail-box .box-alpha .box-img img {}

.item-detail-box .box-beta {
  float: right;
  width: 530px;
  margin-bottom: 30px;
}

.item-detail-box .box-beta .box-number {
  font-size: 120%;
}

.item-detail-box .box-beta .box-name {
  font-size: 160%;
  font-weight: bold;
}

.item-detail-box .box-beta .box-name span {}

.item-detail-box .box-beta .box-txt {
  margin: 0 0 10px;
}

.item-detail-box .box-beta .box-btn {}

.item-detail-box .box-detail {
  margin: 0 0 10px;
}

.item-detail-box .box-detail-title {
  font-weight: bold;
}

.item-detail-box .box-detail dl,
.item-detail-box .box-detail p {
  padding: 0 5px 5px;
}

.item-detail-box .box-detail dl dt {
  font-size: 90%;
}

.item-detail-box .box-detail dl dd {
  color: #000;
  padding: 0 5px 5px;
  line-height: 1.4;
  margin: 0;
}

.item-detail-box .box-detail dl dd ul {
  margin: 0;
  list-style: none;
  padding-left: 5px;
}

.item-detail-box .box-detail dl dd ul li.maker-price {
  font-size: 85%;
}

.item-detail-box .box-detail dl dd ul li.eightie-price {
  font-weight: bold;
}

.item-detail-box .box-detail dl dd ul li.eightie-price span {
  color: #cc0000;
}

.item-detail-box .box-gamma {
  border-top: 2px dotted #B8B8B8;
  clear: both;
  padding: 10px
}

.item-detail-box .box-color span {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #999999;
}

.item-detail-box .box-gamma .box-txt {}

/* ----  uitem_detail  ----*/
.box-detail-inner {
  border: 1px solid #E6E6E6;
  margin: 0 0 12px;
}

.box-detail-inner .box-inner-item-name {
  background: #E6E6E6;
  padding: 3px 6px 2px;
  margin: 0 0 12px;
}

.box-detail-inner .box-inner-title {
  background: url(../img/bg_title_detail_u.png) repeat-x 0 center;
  margin: 0 10px 12px;
  text-align: left;
}

.box-detail-inner ul.box-inner-size {
  margin: 0 10px 12px;
}

.box-detail-inner ul.box-inner-size li {
  float: left;
  padding: 3px 9px;
}

.box-detail-inner .box-inner-price {
  width: 308px;
  margin: 0 10px 12px;
}

.box-detail-inner .box-inner-price thead th {
  background: #E6E6E6;
  font-weight: normal;
  font-size: 12px;
}

.box-detail-inner .box-inner-price tbody tr {
  border-bottom: 1px solid #E6E6E6;
}

.box-detail-inner .box-inner-price tbody tr td {
  text-align: center;
  padding: 2px 4px;
}

.box-detail-inner .box-inner-price tbody td:first-child {
  border-right: 1px solid #E6E6E6;
}



/* --------------------------------- 
------------------------------------
create-tool
------------------------------------
------------------------------------*/
.create-tool {}

.create-tool .Block-content {
  padding: 0 10px 30px;

}

.create-tool .Block p {
  padding: 0 0 15px;
  margin-left: -5px;

}

.create-tool .Block .box-img {
  float: left;
  padding: 0 0 9px;
}

.create-tool .Block .box-flow {
  float: right;
}

.create-tool .Block .box-btn {
  float: left;
}

.create-silk,
.create-color {}

.create-tool-table {
  width: 100%;
  border: 1px #B8B8B8 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

.create-tool-table .head-line th,
.create-tool-table .head-line td {
  font-weight: bold;
  font-size: 15px;
  background: #F5F5F5;
  text-align: center;
  padding: 10px 10px 6px;
}

.create-tool-table .img img {
  width: 245px;
  padding: 0 0 5px;
}

.create-tool-table .center {
  text-align: center;
}

.create-tool-table .bold {
  font-weight: bold;
}

.create-tool-table .big-font td {
  font-size: 25px;
  padding: 0;
}

.create-tool-table td {
  padding: 10px 10px;
  border: 1px #B8B8B8 solid;
  border-width: 0 0 1px 1px;
  vertical-align: top;
}

.create-tool-table th {
  padding: 5px;
  border: #B8B8B8 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
  width: 170px;

}

.create-tool-table .btn {
  text-align: center;
}

/* --------------------------------- 
------------------------------------
login
------------------------------------
------------------------------------*/
.login {
  padding: 10px 0;
}

.login .Alpha-s {
  margin: 0 0 10px;
}

.login .Alpha-scontent {
  background: #fff;
  padding: 20px 20px;
}

.login .account-block {
  width: 480px;
  float: left
}

.login .account-block .Alpha-scontent {
  height: inherit;
}

.login .non-account-block {
  width: 420px;
  float: right;
}

.login .Form-table02 {
  margin: 0 0 0;

}

.login .team-block {
  width: 420px;
  float: right;
}

.login .wb-cart-btn,
.login .wb-cart-btn li {
  padding: 0;
}

.login .wb-cart-btn li.box-account-want {
  display: block;
  padding-bottom: 30px;
}

.login .wb-cart-btn li.box-account-want a {
  margin: 0 0 10px;
  display: block
}

.login .wb-cart-btn li.box-account-not {}

.login .wb-cart-btn .box-title {
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 90%;
}

.non-account-block .Alpha-scontent {
  padding: 49px 20px;

}

.none-order .non-account-block .Alpha-scontent,
.none-order .team-block .Alpha-scontent {
  padding: 25px 0;

}

.none-order .Form-table02 {
  margin: 0 0 0;
}

.none-order .account-block .Alpha-scontent {
  padding: 20px 20px;
  height: inherit;
}

.none-order .wb-cart-btn .box-title {
  display: none;
}

.team-block {
  display: none;
}

.none-order .team-block {
  display: block;
}

/* --------------------------------- 
------------------------------------
forget-pass
------------------------------------
------------------------------------*/
.forget-pass .Alpha-scontent {
  padding: 30px 0;
  margin: 30px 90px;
  background: #fff;

}


/* --------------------------------- 
------------------------------------
team-login
------------------------------------
------------------------------------*/
.team-login .Alpha-scontent {
  padding: 40px 0;
  margin: 30px 90px;
  background: #fff;

}

/* --------------------------------- 
------------------------------------
Mypage
------------------------------------
------------------------------------*/
.Mypage {}

.Mypage .page-link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  font-weight: bold;
  margin: 0 0 20px;
  list-style: none;
  padding: 0;
}

.Mypage .page-link li {}

.Mypage .page-link li a,
.Mypage .page-link li a:link,
.Mypage .page-link li a:visited {
  color: #eb509b;
  text-decoration: none;
  border: 1px solid;
  padding: 5px 10px;
  border-radius: 30px;
  display: block;
}

.Mypage .page-link li a:hover,
.Mypage .page-link li a.current {
  color: #FFF;
  background: #eb509b;
}

.Mypage table.account-table th {
  font-size: 14px;
}

/*.Mypage .Request-design*/
.Mypage .Request-design {}

.ico-estimate,
.ico-wait,
.ico-complete,
.ico-progress,
.ico-cancel,
.ico-shipped,
.ico-decent-order {
  width: 100px;
  background: #000;
  color: #fff;
  display: block;
  padding: 3px 0 2px;
  margin: 0 auto;
  text-align: center;
  background: #000 url(../img/shadow_black200.png) repeat-x left top;
}

.Form-table .ico-estimate,
.Form-table .ico-wait,
.Form-table .ico-complete,
.Form-table .ico-progress,
.Form-table .ico-cancel,
.Form-table .ico-shipped,
.Form-table .ico-decent-order {
  margin: 0;
}

.ico-estimate {
  background-color: #0066CC;
}

.ico-wait {
  background-color: #E62287;
}

.ico-shipped {
  background-color: #999999;
}

.ico-decent-order {
  background-color: #BB0000;
}

.ico-progress {
  background-color: #009966;
}

.ico-cancel {
  background-color: #CC9900;

}

.Request-design tbody.approval-area tr.row1 td {
  border-bottom: none;
  text-align: center;
  font-weight: bold;
  color: #eb509b;
  padding: 35px 0 15px;
  font-size: 15px;
}

.Request-design tbody.approval-area.hover td {
  background: #FCF2FA;
}

.Request-design tbody.approval-area td {
  cursor: pointer
}

/*.Mypage .Request-design*/
.Request-design .block-product {}

.ico-status-regist,
.ico-status-cancel,
.ico-status-ng,
.ico-status-ok,
.ico-status-wait {
  width: 70px;
  background: #000 url(../img/shadow_black200.png) repeat-x left top;
  color: #fff;
  display: block;
  padding: 10px 0;
  margin: 0 auto 5px;
  text-align: center;
  font-weight: bold;
}

.Form-table .ico-status-regist,
.Form-table .ico-status-cancel,
.Form-table .ico-status-ng,
.Form-table .ico-status-ok,
.Form-table .ico-status-wait {
  padding: 3px 0 2px;
  margin: 0;
}

.ico-status-regist {
  background-color: #999999;
}

.ico-status-ng {
  background-color: #BB0000;
}

.ico-status-ok {
  background-color: #004993;
}

.ico-status-cancel {
  background-color: #CC9900;
}

.ico-status-wait {
  background-color: #006600;
}

.Request-design .block-orderinfo {}

*.Mypage . My-design*/

/* --------------------------------- 
------------------------------------
Board
------------------------------------
------------------------------------*/
.Board {}

.Board .Btn-box {
  position: relative;
}

.Board .Btn-box ul {
  position: absolute;
  top: -6px;
  left: 3px;
  z-index: 100;
  padding: 0;
  margin: 0;
}

.Board .Btn-box a {
  display: block;
  height: 25px;
  width: 150px;
}

.Board .Page-box {
  padding-left: 160px;
}

/*------ board-article ------*/
.board-article {
  clear: both;
  border: solid 1px #BCBCBC;
  margin: 0 0 10px;
}

.board-article .article-title {
  background: #eee url(../img/shadow_black200.png) repeat-x left top;
  border: 1px #BCBCBC solid;
  border-width: 0 0 1px 0;
  font-weight: normal;
  padding: 3px 5px 2px 30px;
  color: #333;
  font-weight: bold;
  position: relative;
}

.board-article .article-title .title {
  font-weight: bold;
}

.board-article .article-title .title a,
.board-article .article-title .title a:link,
.board-article .article-title .title a:visited {
  text-decoration: none;
}

.board-article .article-title .title a:hover {
  text-decoration: underline;
}

.board-article .article-title .title span {
  padding: 0 3px;
  background: #0D0953;
  color: #fff;
  position: absolute;
  left: 8px;
  top: 4px;
  font-size: 12px;
  line-height: 1.4;

}

.board-article .article-title .date {
  position: absolute;
  font-size: 85%;
  right: 10px;
  top: 10px;
}

.board-article .article-title .date span {
  padding-right: 5px;
}

.board-article .article-body {
  clear: both;
  padding: 15px;
  position: relative;
  background: #fff;
}

.board-article .article-body .person {
  float: right;
  margin: 0;
  padding: 0;
  width: 160px;
}

.board-article .article-body .person p {
  margin: 0 0 5px;
  padding: 0 3px;
}

.board-article .article-body .article-body-cnt {
  float: left;
  width: 538px;
  color: #333333;
  padding-right: 10px;
}

.board-article .article-body .sns-block {
  margin: 0 0 10px;
}

.board-article .article-body-cnt .edit {
  float: right;
  margin: -30px 0 0;
  padding: 0 0 0 15px;
  background: url(../img/board_btn_edit.jpg) no-repeat left center;
}

.board-article .child .article-body-cnt .edit {
  margin: -10px 0 0;
}

.board-article .article-body-cnt .edit a {
  color: #000000;
  font-size: 93%;
  font-weight: bold;
  text-decoration: underline;
}

.board-article .article-body-cnt .edit a:hover {
  text-decoration: none;
}

.board-article .article-body-design {
  margin-top: 10px;
}

.board-article .name {
  border-bottom: dotted 1px #666666;
}

.board-article .name a {
  color: #664209;
  font-size: 93%;
  text-decoration: underline;
}

.board-article .name a:hover {
  text-decoration: none;
}

.board-article .article-body .person p.rank {
  margin-bottom: 10px;
  padding: 0 10px 0 15px;
  width: 62px;
  height: 18px;
  font-size: 85%;
  font-weight: bold;
  text-align: center;
  line-height: 2.0;
  color: #664209;
  background: url(../img/board_icn_rank.jpg) no-repeat 15px center;
}

.board-article .reply {
  padding: 3px 0;
  text-align: left;
  color: #333333;
  border-bottom: dotted 1px #666666;
}

.board-article .article-body .box-btn {
  text-align: right;
}

.board-article .notice-error {
  margin: 0;
  padding: 30px 0;
}

/*.Board-detail*/
.Board-detail {}

.Board-detail .block-board-write {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 2px dotted #ccc;
}

/* --------------------------------- 
------------------------------------
cart
------------------------------------
------------------------------------*/
/*.wb-cart-cart .wb-cart-ordertable,
.wb-cart-cart .wb-cart-ordertable td,
.wb-cart-cart .wb-cart-ordertable th {
  border-right: 0;
  border-left: 0;
}*/

.wb-cart-cart .notice-error {
  text-align: center;
  font-weight: bold;
  color: #eb509b;
  padding: 35px 0;
  background: #FFF;
  font-size: 15px;
  margin: 20px 70px 20px;
}

.wb-cart-detail-price {
  margin: 0 0 5px;
  padding: 5px;
  text-align: right;
  clear: both;
}

.wb-cart-detail-price span {
  color: #FF0000;
  font-size: 110%;

}

.wb-cart-detail-unit-price {
  font-size: 90%;
}

.wb-cart-detail-unit-price span {
  font-size: 90%;

}

.wb-cart-cart .box-btn li a.btn-del {}

.wb-cart-cart .box-btn li a.btn-reedit {}


.block-order-shippin {}


/* ----  uniform  ----*/
.uniform .wb-cart-detailtable h4 {
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px;
  background: url(../img/bg_cart_arrow.png) no-repeat 0 5px;
  margin: 16px 0 2px;
  color: #444444;
}

/* --------------------------------- 
------------------------------------
Pre-order
------------------------------------
------------------------------------*/
.Pre-order01 {}

.Pre-order01 .wb-cart-totaltable {
  margin-bottom: 20px;
}

.Pre-order02 {}

.Pre-order-thanks {}

.Pre-order-thanks .Alpha-s {
  background: #fff;
  padding: 30px 10px;
  text-align: center;
}

.Pre-order-thanks .Alpha-stitle {
  background: none;
  font-size: 24px;
  color: #eb509b;
  font-weight: bold;

}

.Pre-order-thanks .Alpha-scontent {}

.design-image a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #FFFFFF;
  padding: 5px;
}

.design-image a span {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #666666;
  color: #FFFFFF;
  display: none;
  padding: 2px 5px;
  font-weight: bold;
}

.design-image a:hover {
  border: 1px solid #CCCCCC;
}

.design-image a:hover span {
  display: block;
}

.repeat-help {
  position: relative;
  text-align: right;
  color: #D31515;
  font-size: 11px;
}

.Pre-order01 .repeat-help {
  top: -16px;
}

.Pre-order02 .repeat-help {
  top: -6px;
}

/* --------------------------------- 
------------------------------------
account_regist
------------------------------------
------------------------------------*/
.account_regist .store ul.list-h {
  margin-top: 8px;
}

.account_regist .store ul.list-h li {
  padding: 0px 16px 12px 0;
}

.account_regist .detail-select-box {
  padding: 0 0 16px;
}

.account_regist .detail-select-box span {
  font-size: 12px;
  color: #D31515;
}


a img.btn_login {
  width: 130px;
  height: 33px;
}

a img.btn_new_account {
  width: 180px;
  height: 33px;
}

a img.btn_team_login {
  width: 150px;
  height: 33px;
}

a img.btn_preoder {
  width: 224px;
  height: 33px;
}


/* --------------------------------- 
------------------------------------
Uniform-item-design
------------------------------------
------------------------------------*/
.Uniform-item-design+.Uniform-item-design {
  margin-top: 50px;
}

.Uniform-item-design .design-item-title {
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  background: linear-gradient(90deg, rgba(245, 73, 145, 1) 20.5625%, rgba(245, 73, 144, 1) 20.5625%, rgba(253, 150, 140, 1) 80.5625%);
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.15;
}

.Uniform-item-design .design-item-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 0 30px;
}

.Uniform-item-design .design-item-wrap .top-text {
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 20px;
  color: #333;
  line-height: 1.4;
  width: 100%;
}

.Uniform-item-design .design-item {
  width: calc((100% - 30px) / 2);
}

.Uniform-item-design .design-item .design-item-img {
  margin-bottom: 10px;
}


.Uniform-item-design .design-item .item-detail-txt .size-price {
  margin-bottom: 5px;
  padding: 0 5px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  display: flex;
}

.Uniform-item-design .design-item .item-detail-txt .size-price div+div {
  margin-left: 8px;
}


.Uniform-item-design .design-item .item-detail-txt .size-price .size {
  margin-right: 8px;
}

.Uniform-item-design .design-item .item-detail-txt .size-price .size,
.Uniform-item-design .design-item .item-detail-txt .size-price .price {
  font-size: 14px;
  font-weight: bold;
}

.Uniform-item-design .design-item .item-detail-txt .size-price .price {
  color: #f54991;
}

.Uniform-item-design .design-item .item-detail-txt .item-link-wrap {
  text-align: end;
  margin-top: 10px;
}

.Uniform-item-design .design-item .item-detail-txt .item-link-wrap a {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #b9eba0;
  color: #333;
  text-decoration: none;
  padding-right: 20px;
}

.Uniform-item-design .design-item .item-detail-txt .item-link-wrap a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #f54991;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  margin: auto 0;
}

.Uniform-item-design .design-item .item-detail-txt .item-link-wrap a span:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f54991;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}

.Uniform-item-design .design-item .item-detail-txt .item-link-wrap a span:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  margin: auto 0;
}

.PC-none {
  display: none;
}

/* --------------------------------------------------------
-----------------------------------------------------------
pageback-btn-wrap
-----------------------------------------------------------
----------------------------------------------------------- */
.pageback-btn-wrap {
  text-align: center;
  margin-top: 70px;
  padding-top: 60px;
  border-top: 1px solid #aaa;
}


.pageback-btn-wrap .pageback-btn {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #b9eba0;
  color: #333;
  text-decoration: none;
  padding-bottom: 3px;
  padding-left: 20px;
}

.pageback-btn-wrap .pageback-btn:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #f54991 transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  margin: auto 0;
}

.pageback-btn-wrap .pageback-btn span:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f54991;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}


.pageback-btn-wrap .pageback-btn span:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  margin: auto 0;
}