@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;500&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
:root {
    --keyColor: #28939b;
    --bgColor: #f4f5e9;
    --btnColor: #28939b;
    --red: #f46c64;
    --vw: 1vw;
}
html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
  -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
}
a img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

a img:hover {
  opacity: 0.6
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
input[type="text"]{
  margin: 0;
  padding: 8px;
  border: 1px solid #cccccc;
}
/* --------------------------------
        base
-------------------------------- */
/* cont */
/* color */
/* font */
/* text */
.text {
  font-size: 14px;
  line-height: 24px;
}
.text .left {
  text-align: left;
}
.text .center {
  text-align: center;
}
.text .right {
  text-align: right;
}
.text .bold {
  font-weight: bold;
}
.text .color {
  color:var(--keyColor);
}
.text .red {
  color: var(--red);
}
.text .black {
  color: #111111;
}
.text .blue {
  color:var(--keyColor);
}

.categoryTitle {
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .categoryTitle {
    text-align: left;
  }
}
.categoryTitle.min {
  font-size: 30px;
  line-height: 40px;
}

.title {
  font-weight: bold;
}

.notice {
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  margin-top: 10px;
}
.notice.left {
  text-align: left;
}
.notice.center {
  text-align: center;
}
.notice.right {
  text-align: right;
}
.notice.bold {
  font-weight: bold;
}

.attention {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #efefef;
  font-size: 18px;
  line-height: 28px;
}
.attention.left {
  text-align: left;
}
.attention.center {
  text-align: center;
}
.attention.right {
  text-align: right;
}

.importantMessage {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border: 2px solid #c81e00;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
}
.importantMessage .title {
  color: #c81e00;
}


/*flex-box*/
/*position*/
.fixed {
  position: fixed;
  /*overflow: hidden;*/
}
@media (min-width: 768px) {
.wrapper#store .pc_display{
display:block;
}
.wrapper#store .sp_display{
display:none;
}
}
@media (max-width: 767px) {
.wrapper#store .pc_display{
display:none !important;
}
.wrapper#store .sp_display{
display:block;
}
}
.wrapper {
letter-spacing: 0.06em;
 
}
div.content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.top_aspx .content {
  max-width: none;
}
.productdetail_aspx div.content {
  width: 100%;
  margin-top: 20px;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}
 /* settingBox */
.wrapper .settingBox, .wrapper .decisionBox, .wrapper .orderBox {
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  /* iOSでのデフォルトスタイルをリセット */
}
@media (max-width: 1200px) {
  div.content {
    padding: 40px 10px 0 10px;
    box-sizing:border-box;
  }
  .wrapper#store.top_aspx div.content {
    padding: 0px 10px 0 10px;
    box-sizing:border-box;
  }
  .wrapper .settingBox, .wrapper .decisionBox, .wrapper .orderBox {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  div.content {
  overflow-x: hidden;
}}
.wrapper .settingBox .text + .notice, .wrapper .decisionBox .text + .notice, .wrapper .orderBox .text + .notice {
  margin-top: 0;
}
@media (max-width: 767px) {
  .wrapper .settingBox .notice, .wrapper .decisionBox .notice, .wrapper .orderBox .notice {
    text-align: left;
  }
}
@media screen and (max-width: 500px){
.productdetail_aspx div.content {
    margin-top: 10px;
    padding-top: 0;
}
}
.wrapper .settingBox .notice + .btnBox, .wrapper .decisionBox .notice + .btnBox, .wrapper .orderBox .notice + .btnBox {
  margin-top: 20px;
}
.wrapper .settingBox .status, .wrapper .decisionBox .status, .wrapper .orderBox .status {
    padding: 0 7px;
    border: 2px solid var(--keyColor);
    font-size: 12px;
    line-height: 24px;
    color: var(--keyColor);
    font-weight: normal;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
}
.wrapper .settingBox .status.disable, .wrapper .decisionBox .status.disable, .wrapper .orderBox .status.disable {
  border: 2px solid #333333;
  color: #333333;
}
.wrapper .settingBox .status + .title, .wrapper .decisionBox .status + .title, .wrapper .orderBox .status + .title {
  margin-top: 10px;
}
.wrapper .settingBox .title, .wrapper .decisionBox .title, .wrapper .orderBox .title {
  font-size: 18px;
  line-height: 28px;
}
.wrapper .settingBox .title + .cartList, .wrapper .decisionBox .title + .cartList, .wrapper .orderBox .title + .cartList {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .wrapper .settingBox .title + .cartList, .wrapper .decisionBox .title + .cartList, .wrapper .orderBox .title + .cartList {
    margin-top: 10px;
  }
.wrapper .settingBox .title, .wrapper .decisionBox .title, .wrapper .orderBox .title {
  font-size: 14px;
  line-height: 20px;
}
}
.wrapper .settingBox .title + .text, .wrapper .decisionBox .title + .text, .wrapper .orderBox .title + .text {
  margin-top: 10px;
}
.wrapper .settingBox .month, .wrapper .decisionBox .month, .wrapper .orderBox .month {
  font-size: 12px;
  line-height: 20px;
  display: block;
  font-weight: bold;
}
.wrapper .settingBox .btnModal + .text, .wrapper .decisionBox .btnModal + .text, .wrapper .orderBox .btnModal + .text {
  margin-top: 20px;
}
.wrapper .settingBox .notice + .text, .wrapper .decisionBox .notice + .text, .wrapper .orderBox .notice + .text {
  margin-top: 10px;
}
.wrapper .settingBox .memberInformation, .wrapper .decisionBox .memberInformation, .wrapper .orderBox .memberInformation {
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .wrapper .settingBox .memberInformation, .wrapper .decisionBox .memberInformation, .wrapper .orderBox .memberInformation {
    margin-top: 10px;
  }
}
.wrapper .settingBox .memberInformation dt, .wrapper .decisionBox .memberInformation dt, .wrapper .orderBox .memberInformation dt {
  margin-top: 20px;
  font-weight: bold;
}
.wrapper .settingBox .memberInformation dt:first-child, .wrapper .decisionBox .memberInformation dt:first-child, .wrapper .orderBox .memberInformation dt:first-child {
  margin-bottom: 0;
}
.wrapper .settingBox .memberInformation dd .addAdress .btnColor, .wrapper .decisionBox .memberInformation dd .addAdress .btnColor, .wrapper .orderBox .memberInformation dd .addAdress .btnColor {
  margin-left: 10px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .memberInformation dd ul li, .wrapper .settingBox .memberInformation dd ol li, .wrapper .decisionBox .memberInformation dd ul li, .wrapper .decisionBox .memberInformation dd ol li, .wrapper .orderBox .memberInformation dd ul li, .wrapper .orderBox .memberInformation dd ol li {
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .memberInformation dd .btnTxt, .wrapper .decisionBox .memberInformation dd .btnTxt, .wrapper .orderBox .memberInformation dd .btnTxt {
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .memberInformation dd .linkTxt, .wrapper .decisionBox .memberInformation dd .linkTxt, .wrapper .orderBox .memberInformation dd .linkTxt {
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .memberInformation + .btnBorderBlack, .wrapper .decisionBox .memberInformation + .btnBorderBlack, .wrapper .orderBox .memberInformation + .btnBorderBlack {
  margin-top: 10px;
}
.wrapper .settingBox .boxRadio, .wrapper .decisionBox .boxRadio, .wrapper .orderBox .boxRadio {
  margin-top: 10px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
  position: relative;
}
.wrapper .settingBox .boxRadio .radioBase, .wrapper .decisionBox .boxRadio .radioBase, .wrapper .orderBox .boxRadio .radioBase {
  width: 100%;
}
.wrapper .settingBox .boxRadio .radioBase input[type='radio'], .wrapper .decisionBox .boxRadio .radioBase input[type='radio'], .wrapper .orderBox .boxRadio .radioBase input[type='radio'] {
  top: 0;
  left: 0;
}
.wrapper .settingBox .boxRadio .box, .wrapper .decisionBox .boxRadio .box, .wrapper .orderBox .boxRadio .box {
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 1s 0s;
}
.wrapper .settingBox .boxRadio .box .text, .wrapper .decisionBox .boxRadio .box .text, .wrapper .orderBox .boxRadio .box .text {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .boxRadio .box img, .wrapper .decisionBox .boxRadio .box img, .wrapper .orderBox .boxRadio .box img {
  margin-bottom: 10px;
  display: block;
}
.wrapper .settingBox .boxRadio .box dl dt, .wrapper .decisionBox .boxRadio .box dl dt, .wrapper .orderBox .boxRadio .box dl dt {
  margin-bottom: 10px;
}
.wrapper .settingBox .boxRadio .box dl dd, .wrapper .decisionBox .boxRadio .box dl dd, .wrapper .orderBox .boxRadio .box dl dd {
  margin-bottom: 20px;
}
.wrapper .settingBox .boxRadio .box dl dd input[type='text'], .wrapper .decisionBox .boxRadio .box dl dd input[type='text'], .wrapper .orderBox .boxRadio .box dl dd input[type='text'] {
  max-width: 300px;
}
.wrapper .settingBox .boxRadio .box dl dd.day input[type='text'], .wrapper .decisionBox .boxRadio .box dl dd.day input[type='text'], .wrapper .orderBox .boxRadio .box dl dd.day input[type='text'] {
  max-width: 100px;
}
.wrapper .settingBox .boxRadio .box dl dd.day input[type='text']:first-child, .wrapper .decisionBox .boxRadio .box dl dd.day input[type='text']:first-child, .wrapper .orderBox .boxRadio .box dl dd.day input[type='text']:first-child {
  margin-right: 10px;
}
.wrapper .settingBox .boxRadio .box dl dd.day input[type='text']:last-child, .wrapper .decisionBox .boxRadio .box dl dd.day input[type='text']:last-child, .wrapper .orderBox .boxRadio .box dl dd.day input[type='text']:last-child {
  margin-left: 10px;
}
.wrapper .settingBox .boxRadio .box.open, .wrapper .decisionBox .boxRadio .box.open, .wrapper .orderBox .boxRadio .box.open {
  height: auto;
  max-height: 1000px;
}
.wrapper .settingBox input[type="submit"],
.wrapper .settingBox input[type="button"], .wrapper .decisionBox input[type="submit"],
.wrapper .decisionBox input[type="button"], .wrapper .orderBox input[type="submit"],
.wrapper .orderBox input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.wrapper .settingBox input[type="submit"]::-webkit-search-decoration,
.wrapper .settingBox input[type="button"]::-webkit-search-decoration, .wrapper .decisionBox input[type="submit"]::-webkit-search-decoration,
.wrapper .decisionBox input[type="button"]::-webkit-search-decoration, .wrapper .orderBox input[type="submit"]::-webkit-search-decoration,
.wrapper .orderBox input[type="button"]::-webkit-search-decoration {
  display: none;
}
.wrapper .settingBox input[type="submit"]::focus,
.wrapper .settingBox input[type="button"]::focus, .wrapper .decisionBox input[type="submit"]::focus,
.wrapper .decisionBox input[type="button"]::focus, .wrapper .orderBox input[type="submit"]::focus,
.wrapper .orderBox input[type="button"]::focus {
  outline-offset: -2px;
}
.wrapper .settingBox .CardList li, .wrapper .decisionBox .CardList li, .wrapper .orderBox .CardList li {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
}
.wrapper .settingBox .CardList li input[type='radio'], .wrapper .decisionBox .CardList li input[type='radio'], .wrapper .orderBox .CardList li input[type='radio'] {
  width: 100%;
  height: 100%;
  margin-top: -12.5px;
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 100;
}
.wrapper .settingBox .CardList li input[type='radio'] + label, .wrapper .decisionBox .CardList li input[type='radio'] + label, .wrapper .orderBox .CardList li input[type='radio'] + label {
  padding-left: 30px;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.wrapper .settingBox .CardList li input[type='radio'] + label:before, .wrapper .decisionBox .CardList li input[type='radio'] + label:before, .wrapper .orderBox .CardList li input[type='radio'] + label:before {
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #b3b3b3;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
}
.wrapper .settingBox .CardList li input[type='radio']:checked + label:after, .wrapper .decisionBox .CardList li input[type='radio']:checked + label:after, .wrapper .orderBox .CardList li input[type='radio']:checked + label:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  box-sizing: border-box;
  display: block;
  background-color: var(--keyColor);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 10;
}
.wrapper .settingBox .card .text, .wrapper .decisionBox .card .text, .wrapper .orderBox .card .text {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .card img, .wrapper .decisionBox .card img, .wrapper .orderBox .card img {
  margin-bottom: 10px;
  display: block;
}
.wrapper .settingBox .card dl, .wrapper .decisionBox .card dl, .wrapper .orderBox .card dl {
  margin-top: 20px;
}
.wrapper .settingBox .card dl dt, .wrapper .decisionBox .card dl dt, .wrapper .orderBox .card dl dt {
  font-weight: bold;
}
.wrapper .settingBox .card dl dd, .wrapper .decisionBox .card dl dd, .wrapper .orderBox .card dl dd {
  margin-bottom: 20px;
}
.wrapper .settingBox .card dl dd input[type='text'], .wrapper .settingBox .card dl dd input[type='tel'], .wrapper .decisionBox .card dl dd input[type='text'], .wrapper .decisionBox .card dl dd input[type='tel'], .wrapper .orderBox .card dl dd input[type='text'], .wrapper .orderBox .card dl dd input[type='tel'] {
  max-width: 300px;
}
.wrapper .settingBox .card dl dd.day input[type='text'], .wrapper .decisionBox .card dl dd.day input[type='text'], .wrapper .orderBox .card dl dd.day input[type='text'] {
  max-width: 100px;
}
.wrapper .settingBox .card dl dd.day input[type='text']:first-child, .wrapper .decisionBox .card dl dd.day input[type='text']:first-child, .wrapper .orderBox .card dl dd.day input[type='text']:first-child {
  margin-right: 10px;
}
.wrapper .settingBox .card dl dd.day input[type='text']:last-child, .wrapper .decisionBox .card dl dd.day input[type='text']:last-child, .wrapper .orderBox .card dl dd.day input[type='text']:last-child {
  margin-left: 10px;
}
.wrapper .settingBox .card dl dd.day .selectBase, .wrapper .decisionBox .card dl dd.day .selectBase, .wrapper .orderBox .card dl dd.day .selectBase {
  width: 100%;
  max-width: 100px;
  display: inline-flex;
}
.wrapper .settingBox .card dl dd.day .selectBase select option, .wrapper .decisionBox .card dl dd.day .selectBase select option, .wrapper .orderBox .card dl dd.day .selectBase select option {
  color: black;
}
.wrapper .settingBox .card dl dd.day .selectBase select option:first-child, .wrapper .decisionBox .card dl dd.day .selectBase select option:first-child, .wrapper .orderBox .card dl dd.day .selectBase select option:first-child {
  color: green;
}
.wrapper .settingBox .card dl dd.day .selectBase:first-child, .wrapper .decisionBox .card dl dd.day .selectBase:first-child, .wrapper .orderBox .card dl dd.day .selectBase:first-child {
  margin-right: 10px;
}
.wrapper .settingBox .card dl dd.day .selectBase:last-child, .wrapper .decisionBox .card dl dd.day .selectBase:last-child, .wrapper .orderBox .card dl dd.day .selectBase:last-child {
  margin-left: 10px;
}
.wrapper .settingBox .card .notice, .wrapper .decisionBox .card .notice, .wrapper .orderBox .card .notice {
  margin-top: 0;
}
.wrapper .settingBox .card .btnColor, .wrapper .decisionBox .card .btnColor, .wrapper .orderBox .card .btnColor {
  text-align: center;
}
.wrapper .settingBox + .btnColor, .wrapper .settingBox + .btnBorderBlack, .wrapper .settingBox + .btnBox, .wrapper .decisionBox + .btnColor, .wrapper .decisionBox + .btnBorderBlack, .wrapper .decisionBox + .btnBox, .wrapper .orderBox + .btnColor, .wrapper .orderBox + .btnBorderBlack, .wrapper .orderBox + .btnBox {
  margin: 20px auto 0 auto;
  display: block;
}
.wrapper .settingBox + .btnColor + .text, .wrapper .settingBox + .btnBorderBlack + .text, .wrapper .settingBox + .btnBox + .text, .wrapper .decisionBox + .btnColor + .text, .wrapper .decisionBox + .btnBorderBlack + .text, .wrapper .decisionBox + .btnBox + .text, .wrapper .orderBox + .btnColor + .text, .wrapper .orderBox + .btnBorderBlack + .text, .wrapper .orderBox + .btnBox + .text {
  margin-top: 20px;
}
.wrapper .settingBox + .btnColor + .text + .btnTxt, .wrapper .settingBox + .btnBorderBlack + .text + .btnTxt, .wrapper .settingBox + .btnBox + .text + .btnTxt, .wrapper .decisionBox + .btnColor + .text + .btnTxt, .wrapper .decisionBox + .btnBorderBlack + .text + .btnTxt, .wrapper .decisionBox + .btnBox + .text + .btnTxt, .wrapper .orderBox + .btnColor + .text + .btnTxt, .wrapper .orderBox + .btnBorderBlack + .text + .btnTxt, .wrapper .orderBox + .btnBox + .text + .btnTxt {
  margin-top: 20px;
}
.wrapper .settingBox + .btnColor + .btnTxt, .wrapper .settingBox + .btnBorderBlack + .btnTxt, .wrapper .settingBox + .btnBox + .btnTxt, .wrapper .decisionBox + .btnColor + .btnTxt, .wrapper .decisionBox + .btnBorderBlack + .btnTxt, .wrapper .decisionBox + .btnBox + .btnTxt, .wrapper .orderBox + .btnColor + .btnTxt, .wrapper .orderBox + .btnBorderBlack + .btnTxt, .wrapper .orderBox + .btnBox + .btnTxt {
  margin-top: 20px;
}
.wrapper .settingBox .termContent, .wrapper .decisionBox .termContent, .wrapper .orderBox .termContent {
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .termContent .termText ul li, .wrapper .settingBox .termContent .termText ol li, .wrapper .decisionBox .termContent .termText ul li, .wrapper .decisionBox .termContent .termText ol li, .wrapper .orderBox .termContent .termText ul li, .wrapper .orderBox .termContent .termText ol li {
  font-size: 12px;
  line-height: 20px;
}
.wrapper .settingBox .mailBox, .wrapper .decisionBox .mailBox, .wrapper .orderBox .mailBox {
  margin-top: 20px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  border-bottom: none;
  position: relative;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .wrapper .settingBox .mailBox, .wrapper .decisionBox .mailBox, .wrapper .orderBox .mailBox {
    margin-top: 10px;
  }
}
.wrapper .settingBox .mailBox dt, .wrapper .decisionBox .mailBox dt, .wrapper .orderBox .mailBox dt {
  display: block;
  position: relative;
  font-weight: bold;
}
.wrapper .settingBox .mailBox dt time, .wrapper .decisionBox .mailBox dt time, .wrapper .orderBox .mailBox dt time {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  font-weight: normal;
}
.wrapper .settingBox .mailBox.open dt, .wrapper .decisionBox .mailBox.open dt, .wrapper .orderBox .mailBox.open dt {
  margin-bottom: 10px;
}
.wrapper .settingBox .mailBox:last-child, .wrapper .decisionBox .mailBox:last-child, .wrapper .orderBox .mailBox:last-child {
  border-bottom: 1px solid #b3b3b3;
}
.wrapper .settingBox .mailBox + .mailBox, .wrapper .decisionBox .mailBox + .mailBox, .wrapper .orderBox .mailBox + .mailBox {
  margin-top: 0;
}
.wrapper .settingBox + .pagerBase, .wrapper .decisionBox + .pagerBase, .wrapper .orderBox + .pagerBase {
  margin-top: 40px;
}
.wrapper .settingBox > time, .wrapper .decisionBox > time, .wrapper .orderBox > time {
  width: 100%;
  box-sizing: border-box;
  display: block;
  background-color: #333333;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 1080px) {
  .wrapper .settingBox > time, .wrapper .decisionBox > time, .wrapper .orderBox > time {
    width: calc(100% + 42px);
    margin: -21px 0 0 -21px;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .settingBox > time, .wrapper .decisionBox > time, .wrapper .orderBox > time {
    width: calc(100% + 42px);
    margin: -21px 0 0 -21px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .wrapper .settingBox > time, .wrapper .decisionBox > time, .wrapper .orderBox > time {
    width: calc(100% + 22px);
    margin: -11px 0 0 -11px;
    padding: 10px;
  }
}
@media (min-width: 1080px) {
  .wrapper .settingBox > time + .btnAbsolute, .wrapper .decisionBox > time + .btnAbsolute, .wrapper .orderBox > time + .btnAbsolute {
    top: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .settingBox > time + .btnAbsolute, .wrapper .decisionBox > time + .btnAbsolute, .wrapper .orderBox > time + .btnAbsolute {
    top: 12px;
  }
}
@media (max-width: 767px) {
  .wrapper .settingBox > time + .btnAbsolute, .wrapper .decisionBox > time + .btnAbsolute, .wrapper .orderBox > time + .btnAbsolute {
    top: 51px;
    right: 10px;
  }
}
@media (min-width: 1080px) {
  .wrapper .settingBox .btnAbsolute, .wrapper .decisionBox .btnAbsolute, .wrapper .orderBox .btnAbsolute {
    top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .settingBox .btnAbsolute, .wrapper .decisionBox .btnAbsolute, .wrapper .orderBox .btnAbsolute {
    top: 20px;
  }
}
@media (max-width: 767px) {
  .wrapper .settingBox .btnAbsolute, .wrapper .decisionBox .btnAbsolute, .wrapper .orderBox .btnAbsolute {
    top: 10px;
    right: 10px;
  }
}
.wrapper .settingBox {
  border: 1px solid #b3b3b3;
  padding: 20px;
}
@media (max-width: 767px) {
  .wrapper .settingBox {
    padding: 10px;
  }
}
.wrapper .settingBox .cartList li {
  padding: 20px 0;
  border-bottom: 1px solid #b3b3b3;
}
.wrapper .settingBox .cartList li:last-child {
  border-bottom: 0;
}
.wrapper .settingBox .cartList + .orderPayBox {
  margin-top: 20px;
}
.wrapper .settingBox .cartList + .orderPayBox .orderPayList {
  border-top: 1px solid #b3b3b3;
}
.wrapper .settingBox .contactBox .title {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 1080px) {
  .wrapper .settingBox .contactBox .title {
    font-size: 20px;
    line-height: 30px;
  }
}
.wrapper .cartList li {
  display: flex;
  align-items: flex-start;
  flex-wrap:wrap;
}
.wrapper:not(.confirmation_aspx) .cartList>li:nth-child(n+2){
    border-top: 1px dotted #ccc;
}

.wrapper .cartList li img.ProductImage {
  height: auto;
}
@media (min-width: 1080px) {
  .wrapper .cartList li img.ProductImage {
    width: 140px;
    margin-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .cartList li img.ProductImage {
    width: 140px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .wrapper .cartList li img.ProductImage {
    width: 100px;
    margin-right: 10px;
  }
}
.wrapper .cartList li .dataBox {
  text-align: left;
}
@media (min-width: 1080px) {
  .wrapper .cartList li .dataBox {
    width: calc(100% - 180px);
    margin-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .cartList li .dataBox {
    width: calc(100% - 180px);
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .wrapper .cartList li .dataBox {
    width: calc(100% - 160px);
  }
}
.wrapper .cartList li .dataBox .title {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
}
.wrapper .cartList li .dataBox .text {
  margin: 0;
}
.wrapper .cartList li .dataBox .price {
  margin-top: 10px;
  /*font-size: 18px;*/
  line-height: 28px;
  color: #ED013C;
  font-weight: bold;
}
.wrapper .cartList li .dataBox .price .text.TaxRatio{
color:#484848;
}
.wrapper .cartList li .dataBox .price.coupon span {
  margin-right: 10px;
  text-decoration: line-through;
}
.wrapper .cartList li .dataBox .selectBase {
  width: 100px;
  display: inline-block;
}
.wrapper .cartList li .dataBox .selectBase + .btnBorderBlack {
  margin-left: 20px;
  display: inline-block;
  vertical-align: bottom;
}
.wrapper .cartList li .dataBox .btnBorderBlack {
  margin-top: 10px;
}
.wrapper .cartList li.soldOut {
  position: relative;
}
.wrapper .cartList li.soldOut:after {
  content: 'この商品は\Aお取り扱いを\A終了しました';
  white-space: pre;
  box-sizing: border-box;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 0;
}

/* カート画面　仕入先別表示 */
.wrapper .cartList li.phSeparateBySupplier2{
  display: block;
  text-align: right;
}
.wrapper .cartList li.phSeparateBySupplier2 .dataBox{
    margin: 0 0 0 auto;
    text-align: right;
}
.wrapper .cartBox .eachSupplierBlock{
  margin-bottom: 40px;
  border: 1px solid #cccccc;
}
.wrapper .cartBox .eachSupplierBlock:last-child{
  margin-bottom: 0;
}
.wrapper .cartBox .eachSupplierBlock .product--s--info{
  background: #eee;
  padding: 8px 16px;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
}
.wrapper .cartBox .eachSupplierBlock .product--s--info > div{
  padding:4px 8px;
}
.cart_aspx .cartBox{
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
@media (min-width: 1080px) {
  .wrapper .cartList li.soldOut:after {
    width: 140px;
    height: 140px;
    padding: 30px 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .cartList li.soldOut:after {
    width: 140px;
    height: 140px;
    padding: 30px 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .wrapper .cartList li.soldOut:after {
    width: 100px;
    height: 100px;
    padding: 15px 13px;
    font-size: 10px;
    line-height: 16px;
  }
}
.wrapper .cartList + .orderPayBox {
  text-align: right;
}
.wrapper .cartList + .orderPayBox .orderPayList {
  width: 100%;
  padding: 20px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .cartList + .orderPayBox .orderPayList dt {
  width: calc(100% - 120px);
  margin: 0 20px 0 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .cartList + .orderPayBox .orderPayList dt.DeliveryHandling0 {
  display: none;
}
.wrapper .cartList + .orderPayBox .orderPayList dd {
  font-size: 14px;
  line-height: 24px;
  min-width: 100px;
}
.wrapper .cartList + .orderPayBox .orderPayList dd.DeliveryHandling0 {
  display: none;
}
.wrapper .cartList + .orderPayBox .total {
  padding-top: 10px;
  border-top: 1px solid #111111;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.wrapper .cartList + .orderPayBox .total .price {
  margin-left: 20px;
  font-size: 24px;
  line-height: 34px;
  color: #ED013C;
}
.wrapper .cartList + .orderPayBox + .btnBox {
  margin-top: 20px;
}
.wrapper .cartList + .orderPayBox .attention {
  padding: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .cartList + .orderPayBox .notice {
  text-align: left;
}

.wrapper#store.cart_aspx .UseGoodsPresentCoupon {
  border: #cccccc solid 1px;
  margin-top: 8px;
}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dt {
  padding: 15px 15px 0px 15px;
}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dd {
  padding: 15px 15px;
}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dd input[type="submit"] {
  margin: 0 0 0 10px;
}

.wrapper .orderPayBox.totalBox {
  text-align: right;
}

.wrapper .orderPayBox.totalBox .orderPayList {
  width: 100%;
  padding: 20px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .cartList + .orderPayBox hr{
border:1px solid #ccc;
margin:10px 0;

}
.wrapper .orderPayBox.totalBox .orderPayList dt {
  width: calc(100% - 120px);
  margin: 0 20px 5px 0;
  font-weight: bold;
}
.wrapper .orderPayBox.totalBox .orderPayList dt.DeliveryHandling0 {
  display: none;
}
.wrapper .orderPayBox.totalBox .orderPayList dd {
  font-size: 14px;
  line-height: 24px;
  min-width: 100px;
  margin-bottom: 5px;
}
.wrapper .orderPayBox.totalBox .orderPayList dd.DeliveryHandling0 {
  display: none;
}
.wrapper .orderPayBox.totalBox .orderPayList dt.shippingLabel,
.wrapper .orderPayBox.totalBox .orderPayList dt.shippingLabel+dd{
  display: none;
}
.wrapper .orderPayBox.totalBox .orderPayList + .orderPayList {
  padding: 0px 0 10px 0;
  margin-top: -10px;
}
.wrapper .orderPayBox.totalBox .total {
  padding-top: 10px;
  border-top: 1px solid #111111;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.wrapper .orderPayBox.totalBox .total .price {
  margin-left: 20px;
  font-size: 24px;
  line-height: 34px;
  color: #ED013C;
}
.wrapper .orderPayBox.totalBox + .btnBox {
  margin-top: 20px;
}
.wrapper .orderPayBox.totalBox .attention {
  padding: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .orderPayBox.totalBox .notice {
  text-align: left;
}
.wrapper .orderPayBox .orderPayList.taxlist {
  padding: 10px 0 0 0;
}
.wrapper .orderPayBox .orderPayList.taxlist dt {
  margin-right: 0.5em;
  font-weight: normal;
}
.wrapper .orderPayBox .orderPayList.taxlist dd {
  min-width: auto;
}
.wrapper.orderhistorydetail_aspx .orderPayBox .orderPayList.taxlist dd{
  min-width: 100px;
}
.wrapper .orderPayBox .orderPayList.taxlist dd.PaymentAmount{
width:auto;
}
.wrapper .orderPayBox .orderPayList.taxlist .taxlist {
  padding: 0;
}
.wrapper .linkTxt {
  text-decoration: underline;
  word-break: break-all;
  position: relative;
}
.wrapper .linkColorTxt{
  text-decoration: underline;
  word-break: break-all;
  color:var(--keyColor);
  position: relative;
  display:inline-block;
cursor: pointer;
}
.wrapper .linkTxt.arrow,
.wrapper .linkColorTxt.arrow{
    padding-right: 22px;
}
.wrapper .linkTxt.arrow:after,
.wrapper .linkColorTxt.arrow:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    left: auto;
}
.wrapper .linkTxt.arrow.prev,
.wrapper .linkColorTxt.arrow.prev{
padding-right:0;
padding-left:22px;
}
.wrapper .linkTxt.arrow.prev:after,
.wrapper .linkColorTxt.arrow.prev:after {
    transform: rotate( 225deg );
    right: auto;
    left: 10px;
}
.wrapper .linkColorTxt.arrow:after{
border-color:var(--keyColor);
}
.wrapper input[type='submit'].linkColorTxt{
background-color: transparent;
}
.wrapper {
  /* item */
}
@media (min-width: 1080px) {
  .wrapper .btnAbsolute {
    top: 20px;
    right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .btnAbsolute {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .wrapper .btnAbsolute {
    top: 10px;
    right: 10px;
  }
}
.wrapper .btnAbsolute + .btnAbsolute {
  top: 60px;
}

.wrapper .overWidth {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    width: 100vw;
    position: relative;
}

/*margin*/
.mt0 {
  margin-top: 0px  !important;
}

.mt5 {
  margin-top: 5px  !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb0 {
  margin-bottom: 0px  !important;
}

.mb5 {
  margin-bottom: 5px  !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0px  !important;
}

.ml5 {
  margin-left: 5px  !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px  !important;
}

.mr5 {
  margin-right: 5px  !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl1em {
  padding-left: 1em;
}

.display_sp {
  display: none;
}
@media (max-width: 767px) {
  .sp-mt0 {
    margin-top: 0 !important;
  }

  .sp-mt20 {
    margin-top: 20px !important;
  }

  .sp-mt30 {
    margin-top: 30px !important;
  }

  .sp-mt50 {
    margin-top: 50px !important;
  }

  .sp-mb0 {
    margin-bottom: 0 !important;
  }

  .sp-mb5 {
    margin-bottom: 5px !important;
  }

  .sp-mb10 {
    margin-bottom: 10px !important;
  }

  .sp-mb15 {
    margin-bottom: 15px !important;
  }

  .sp-mb20 {
    margin-bottom: 20px !important;
  }

  .sp-mb25 {
    margin-bottom: 25px !important;
  }

  .sp-mb30 {
    margin-bottom: 30px !important;
  }

  .sp-mb40 {
    margin-bottom: 40px !important;
  }

  .sp-pr5 {
    padding-right: 5px !important;
  }

  .sp-pb40 {
    padding-bottom: 40px !important;
  }
  .display_pc {
    display: none;
  }
}
/* --------------------------------
        body
-------------------------------- */
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /*font-size: 62.5%;*/
  line-height: 1;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  background-color: #ffffff;
font-family: 'Noto Sans JP',"SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo,
"ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #484848;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*-webkit-font-smoothing: antialiased;*/
  -moz-osx-font-smoothing: grayscale;
}
/*body.bg-overflow{overflow:hidden;}*/
body input[type='submit'] {
  border: none;
}
body .red {
  color: #c81e00;
}
body .bold {
  font-weight: bold;
}
body .text.center {
  text-align: center !important;
}
body .text.left {
  text-align: left !important;
}
body .text.right {
  text-align: right !important;
}
body .flex {
  display: flex;
}
body .flex.justfyc-sb {
  justify-content: space-between;
}
body .flex.justfyc-center {
  justify-content: center;
}
body .flex.flexw-wrap {
  flex-wrap: wrap;
}
body .flex.flexd-rowre {
  flex-direction: row-reverse;
}
body .flex.flexd-col {
  flex-direction: column;
}
@media (max-width: 767px) {
  body .flex.spflexBlock {
    display: block;
  }
  body .flex.spflexd-colre {
    flex-direction: column-reverse;
  }
  body .flex.spflexd-rowre {
    flex-direction: row-reverse;
  }
}

/* --------------------------------
        style
-------------------------------- */
.wrapper {
  margin: 0 auto;
  background-color: white;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* --------------------------------
       header
-------------------------------- */

header .headerWrap {
  padding: 20px 10px 0 10px;
  position: relative;
  box-sizing: border-box;
}
header .headerWrapTopmenu{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom:10px;
}
@media screen and (max-width: 1050px) {
header .headerWrapTopmenu{
  padding-bottom:0px;
}
/* ヘッダーのデザイン切り替わりタイミングでマイページにログアウトボタン表示 */
.link_logout.display_sp{
  display: block;
}
}
header .siteCatchCopy {
    margin-left: 29px;
    line-height: 1;
    margin-bottom: 7px;
    font-size: 10px;
    letter-spacing: 1px;
}
@media screen and (min-width: 1281px){
header .headerWrap {
    padding: 10px 0px 0 0;
}
}
@media screen and (min-width: 1051px){
.hamburger-menu {
    display: none;
}
}
header #logo {
  /*width: 50px;
  display: block;
  height: auto;
  margin: 0;
  z-index: 2;*/
}
header .headerWrap #logo a{
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background-image: url(/store/Images/Common/logo_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 300px;
    height: 24px;
    display: block;
}
@media screen and (max-width: 1050px) {
header .headerWrap #logo a{
    background-image: url(/store/Images/Common/logo_sp.png);
    width: 157px;
    height: 44px;
}}
header #logo img {
  width: 100%;
  height: auto;
}
header div.navi {
  text-align: right;
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: flex-end;
  margin-left: auto;
}
header ul.sc_field {
  display: flex;
  align-items: center;
  padding-bottom: 0px;
  justify-content: space-between;
}
header ul.sc_field>li {
  line-height: 20px;
  text-align: center;
  margin: 0 5px;
}
@media screen and (max-width: 1050px) {
header ul.sc_field>li {
  line-height: 1;
}}
header ul.sc_field li em{font-size:10px; font-weight:normal; display: block;}
@media screen and (max-width: 1050px) {
header ul.sc_field li em{
    margin-top: 5px;
}}
header ul.sc_field>li.h_mypage {
  font-size: 11px;
}
@media screen and (max-width: 1050px) and (min-width:501px){
header ul.sc_field>li.h_mypage {
margin-right:20px;
}}
@media screen and (max-width: 500px) {
header ul.sc_field>li.h_mypage i{
    margin-left: -6px;
}
header ul.sc_field>li.h_mypage em{
margin-top: 6px;
}
}
header ul.sc_field>li.h_mypage i:before,
header ul.sc_field>li.h_guide i:before,
header ul.sc_field>li.h_login i:before {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
header ul.sc_field>li.h_mypage i:before {
  background-image: url(../Images/Common/icon/ico_mypage.svg);
}
header ul.sc_field>li.h_guide i:before {
  background-image: url(../Images/Common/icon/ico_beginner.svg);
}
header ul.sc_field>li.h_login i:before {
  background-image: url(../Images/Common/icon/ico_login.svg);
}
header ul.sc_field>li.h_login a.logout i:before {
  background-image: url(../Images/Common/icon/ico_logout.svg);
}
.search-icon::before,
.search-icon2::before,
.search-icon3::before {
  content: '';
  background-image: url(../Images/Common/icon/ico_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: auto auto 0 auto;
  display: block;
}
header ul .cart:before {
  content: "";
  background-image: url(/store/Images/Common/icon/ico_cartBlack.svg);
  width: 26px;
  height: 26px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-left: -9px;
}
.sc_field li.hasItem {
  margin-bottom: -100px;
  padding-bottom: 100px;
  width: auto;
}
.sc_field li.h_brand, .sc_field li.h_category {
  width: auto;
}
.ol-searchform {
  position: relative;
  z-index: 2;
  margin-left: auto;
}
@media (min-width: 1051px){
header ul.sc_field li .ol-searchform em{
display:none;
}}
#ol-search {
  display: none;
}
.search-icon,
.search-icon2,
.search-icon3 {
  cursor: pointer;
  white-space: pre;
  display: block;
  margin-bottom: 0;
}
.overlay, .ol-search-wrap {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: fade_overlay .3s;
}
.ol-search-wrap {
  z-index: 9990;
}
#ol-search:checked ~ .ol-search-wrap, #ol-search:checked ~ .ol-search-wrap .overlay {
  display: block;
  opacity: 1;
}
.overlay {
  z-index: 9991;
  background: rgba(0,0,0,.4);
}
.ol-searchform .searchform {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 80%;
  max-width: 520px;
  border: solid 2px #fff;
  border-radius: 4px;
  transform: translate(-50%,-50%);
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  background-color: #fff;
}
.ol-searchform .search-submit {
  cursor: pointer;
  border-radius: 0 4px 4px 0;
}
.ol-searchform .search-field, .ol-searchform .search-submit {
  height: 48px;
  padding: 0 12px;
  border: none;
  background: rgba(255,255,255,1);
  font-size: 13px;
  color: #333;
  transition: .3s;
  outline: none;
}
.ol-searchform .search-submit .searchicon i:before {
  content: "";
  background-image: url(../Images/Common/icon/ico_search.svg);
  width: 13px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.ol-searchform .search-field {
  flex: 1;
  border-radius: 4px 0 0 4px;
  font-size: 11px;
}
header ul .cart {
  box-sizing: border-box;
    padding: 0;
    position: relative;
    font-size: 11px;
    /*width: 26px;*/
    text-align: center;
    margin: 0 5px;
}
header ul .cart:before {
  content: "";
  background-image: url(../images/Common/icon/ico_cartBlack.svg);
  width: 26px;
  height: 26px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-left: -9px;
}
header ul .cart span#BasketSummary.number {
  position: absolute;
    top: -5px;
    right: 0px;
  color: white;
  font-size: 10px;
  text-align: center;
  background-color: #939598;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  display: block;
}
header ul .cart span#BasketSummary.number #Basket {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 0.08em;
}
@media screen and (min-width: 1000px){

}
@media (min-width: 1051px) {
.search-icon {
  display: none;
}
.overlay {
  display: none;
}
}
@media screen and (max-width: 1050px){
header .headerWrap {
    padding: 0;
}
}
@media (max-width: 1050px) {
  header .headerWrap #logo {
    order: 2;
    margin-left: 8px;
}
header .siteCatchCopy {
  display:none;
}
header div.navi {
  order: 3;
  padding: 8px 0;
  box-sizing: border-box;
}
.sc_field li.hasItem, .sc_field li.h_brand, .sc_field li.h_category {
  display: none;
}
}
@media (max-width: 1050px) {
  header .headerWrap {
    box-sizing: border-box;
  }
  header .headerWrap #logo {
    width: 157px;
    height: 44px;
    order: 3;
    flex: 1;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
header div.navi {
  order: 4;
  padding: 15px 0;
  margin-left: 0;
  flex: 1;
}

header ul.sc_field>li:not(.cart, .h_mypage, .h_search){
display:none;
}
header ul .cart span#BasketSummary.number{
  top: -8px;
  right: -4px;
}

header ul.sc_field>li.h_search {
margin:0;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 70px;
  top: 17px;
  text-align: center;
}

}
@media screen and (max-width: 599px){
  header .headerWrap #logo {
    width: 157px;
    height: 44px;
  }
  header ul.sc_field {
    padding-bottom: 0px;
  }
  header ul.sc_field>li.h_search {
    width: 40px;
    height: 40px;
    left: 52px;
    top: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .navi ul {
  padding-bottom: 0px;
}
header ul.sc_field>a {
  width: auto;
  margin: 0 3px 0 5px;
}
header ul .cart span#BasketSummary.number {
  position: absolute;
  right: auto;
  top: -7px;
  left: 6px;
  color: white;
  font-size: 10px;
  text-align: center;
  width: 19px;
  height: 19px;
}
}
@media screen and (max-width: 499px){
  header .headerWrap #logo {
    top: -10px;
    right: 10px;
}
header ul.sc_field>a {
    margin: -10px 3px 0px 3px;
}
header ul.sc_field>a li.cart em{
    margin-top: 4px;
}}
.wrapper .footerBase {
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.wrapper .footerBase small {
  font-size: 10px;
  line-height: 16px;
  width: 100%;
  text-align: center;
  display: block;
  background-color: #111111;
  color: #ffffff;
  padding: 6px 20px;
  box-sizing: border-box;
}

/*.wrapper .sliderBox {
  display: none;
  width: 100%;
  position: relative;
}
.wrapper .sliderBox .sliderBase {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.wrapper .sliderBox .sliderBase li {
  width: 100%;
  max-width: 1080px;
  overflow: hidden;
  transition: all 0.7s 0s;
  position: absolute;
  top: 0;
}
.wrapper .sliderBox .sliderBase li img {
  width: 100%;
}
.wrapper .sliderBox .sliderBase li p {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  opacity: 0;
  transition: all 0.7s 0s;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrapper .sliderBox .sliderBase li:nth-child(3) p {
  opacity: 1;
}
.wrapper .sliderBox .sliderArrow {
  width: 1080px;
  margin-top: -25px;
  margin-left: -540px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.wrapper .sliderBox .sliderArrow .prev, .wrapper .sliderBox .sliderArrow .next {
  width: 80px;
  height: 80px;
  margin-top: -40px;
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03White.svg");
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.8);
  text-indent: -10000%;
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.wrapper .sliderBox .sliderArrow .next {
  left: -20px;
  transform: rotate(180deg);
}
.wrapper .sliderBox .sliderArrow .prev {
  right: -20px;
}
.wrapper .sliderBox .sliderNum {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.wrapper .sliderBox .sliderNum li {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background-color: #cccccc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}*/
.wrapper .btnColor {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
    border: 1px solid var(--keyColor);
    background: var(--keyColor);
    color: #fff;
  /*background: #fe92b6;
  background: -moz-linear-gradient(top, #fe92b6 0%, #ff4b86 100%);
  background: -webkit-linear-gradient(top, #fe92b6 0%, #ff4b86 100%);
  background: linear-gradient(to bottom, #fe92b6 0%, #ff4b86 100%);
  color: #ffffff;*/
  border-radius: 0px;
}
.wrapper .btnBorderColor{
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
    border: 1px solid var(--keyColor);
    background: #fff;
    color: var(--keyColor);
}
.wrapper .btnColor.btnAddToCart{
  cursor: pointer;
}
.wrapper .btnColor.btnBorder, .wrapper .btnColor.btnBorderBlack {
  padding: 8px 30px;
  background-color: #ffffff;
}
.wrapper .btnColor.arrow {
  padding: 10px 30px;
}
.wrapper .btnColor.arrow:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    left: auto;

  /*content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 7px;*/
}
.wrapper .btnColor.arrow.prev:after {
  transform: rotate(225deg);
  left: 10px;
  right: auto;
}
.wrapper .btnColor.arrow.prev:hover:after {
  left: 8px;
  right: auto;
}
.wrapper .btnColor.arrow:hover:after {
  right: 8px;
}
.wrapper .btnColor.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .btnColor.disable {
  color: #b3b3b3;
  cursor: default;
  pointer-events: none;
}
.wrapper .btnColor.min {
  width: auto;
  display: inline-block;
}
.wrapper .btnColor.btnAbsolute {
  position: absolute;
}
.wrapper .btnColor a {
  text-decoration: none;
}
.wrapper .btnColor.arrow {
  padding: 12px 30px;
}
.wrapper .btnColor.arrow:after {
  /*background-image: url("../Images/Common/Icon/arrow/ico_arrow03White.svg");*/    transform: rotate( 45deg );
}
.wrapper .btnColor.arrow.bigBtn {
  padding: 1.5em 2em;
}
.wrapper .btnColor.disable {
  background-color: #e5e5e5;
}
.wrapper .btnColor.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper .btnColor.disable.bigBtn {
  padding: 1.5em 2em;
}
.wrapper .btnColor.round.arrow {
  padding: 12px 30px;
}
.wrapper .btnColor.round.arrow:after {
  /*background-image: url("../Images/Common/Icon/arrow/ico_arrow01White.svg");*/
}
.wrapper .btnColor.round.arrow.bigBtn {
  padding: 1.5em 2em;
}
.wrapper .btnColor.round.disable {
  background-color: #e5e5e5;
}
.wrapper .btnColor.round.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper .btnColor.min {
  padding: 5px 10px;
}
.wrapper .btnColor.min.arrow {
  padding: 5px 30px;
}
.wrapper .btnColor:hover {
  /*opacity: 0.7;*/
background-color:#fe9062;
border: 1px solid #fe9062;
}
.wrapper .btnColor.keyColor {
  background-color: var(--keyColor);
}
.wrapper .btnColor.bigBtn {
  background-color: var(--keyColor);
  position: relative;
  width: 100%;
  max-width: 270px;
  text-align: center;
  display: block;
}
.wrapper .btnColor.confirm_btn{
  border: solid 1px #F47E77;
    background-color: var(--red);
}
.wrapper .btnColor.confirm_btn:hover{
  opacity: 0.8;
}
.wrapper .btnBorderColor.arrow:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--keyColor);
    border-right: 2px solid var(--keyColor);
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    left: auto;
}
.wrapper .btnBorderColor.arrow.prev:after {
  transform: rotate(225deg);
  left: 10px;
  right: auto;
}
.wrapper .btnBorderColor.arrow.prev:hover:after {
  left: 8px;
  right: auto;
}
.wrapper .btnColor.arrow:hover:after {
  right: 8px;
}

.wrapper input.btnBorderColor.arrow.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper input.btnBorderColor.arrow.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray-prev.svg");
}
.wrapper input.btnBorderColor.arrow.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01White.svg");
}
.wrapper input.btnBorderColor.arrow.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01White-prev.svg");
}
.wrapper input.btnBorderColor.arrow.round.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper input.btnBorderColor.arrow.round.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray-prev.svg");
}
.wrapper .btnColorBlack {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
  background-color: #111111;
  color: #ffffff;
}
.wrapper .btnColorBlack.btnBorder, .wrapper .btnColorBlack.btnBorderBlack {
  padding: 8px 30px;
  background-color: #ffffff;
}
.wrapper .btnColorBlack.arrow {
  padding: 10px 30px;
}
.wrapper .btnColorBlack.arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 7px;
}
.wrapper .btnColorBlack.arrow.prev:after {
  transform: rotate(180deg);
  left: 7px;
  right: auto;
}
.wrapper .btnColorBlack.arrow.prev:hover:after {
  left: 5px;
  right: auto;
}
.wrapper .btnColorBlack.arrow:hover:after {
  right: 5px;
}
.wrapper .btnColorBlack.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .btnColorBlack.disable {
  color: #b3b3b3;
  cursor: default;
  pointer-events: none;
}
.wrapper .btnColorBlack.min {
  width: auto;
  display: inline-block;
}
.wrapper .btnColorBlack.btnAbsolute {
  position: absolute;
}
.wrapper .btnColorBlack a {
  text-decoration: none;
}
.wrapper .btnColorBlack.arrow {
  padding: 12px 30px;
}
.wrapper .btnColorBlack.arrow:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03White.svg");
}
.wrapper .btnColorBlack.disable {
  background-color: #e5e5e5;
}
.wrapper .btnColorBlack.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper .btnColorBlack.round.arrow {
  padding: 12px 30px;
}
.wrapper .btnColorBlack.round.arrow:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01White.svg");
}
.wrapper .btnColorBlack.round.disable {
  background-color: #e5e5e5;
}
.wrapper .btnColorBlack.round.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper .btnColorBlack.min {
  padding: 7px 10px;
}
.wrapper .btnColorBlack.min.arrow {
  padding: 7px 30px;
}
.wrapper .btnColorBlack:hover {
  background-color: var(--keyColor);
}
.wrapper input.btnColorBlack.arrow {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03White.svg");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: calc(100% - 7px) center;
}
.wrapper input.btnColorBlack.arrow.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03White-prev.svg");
  background-position: 7px center;
}
.wrapper input.btnColorBlack.arrow.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper input.btnColorBlack.arrow.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray-prev.svg");
}
.wrapper input.btnColorBlack.arrow.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01White.svg");
}
.wrapper input.btnColorBlack.arrow.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01White-prev.svg");
}
.wrapper input.btnColorBlack.arrow.round.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper input.btnColorBlack.arrow.round.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray-prev.svg");
}
.wrapper .btnBorder {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid var(--keyColor);
  color: var(--keyColor);
  background-color: #ffffff;
}
.wrapper .btnBorder.btnBorder, .wrapper .btnBorder.btnBorderBlack {
  padding: 8px 30px;
  background-color: #ffffff;
}
.wrapper .btnBorder.arrow {
  padding: 10px 30px;
}
.wrapper .btnBorder.arrow:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--keyColor);
    border-right: 2px solid var(--keyColor);
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    left: auto;
}
.wrapper .btnBorder.arrow.prev:after {
transform: rotate(225deg);
    left: 10px;
    right: auto;
}
.wrapper .btnBorder.arrow.prev:hover:after {
  left: 8px;
  right: auto;
}
.wrapper .btnBorder.arrow:hover:after {
  right: 8px;
}
.wrapper .btnBorder.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .btnBorder.disable {
  color: #b3b3b3;
  cursor: default;
  pointer-events: none;
}
.wrapper .btnBorder.min {
  width: auto;
  display: inline-block;
}
.wrapper .btnBorder.btnAbsolute {
  position: absolute;
}
.wrapper .btnBorder a {
  text-decoration: none;
}
.wrapper .btnBorder.arrow:after {

}
.wrapper .btnBorder.disable {
  border: 1px solid #cccccc;
}
.wrapper .btnBorder.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper .btnBorder.round:after {
  /*background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor.svg")*/;
}
.wrapper .btnBorder.round.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper .btnBorder.min {
  padding: 5px 10px;
}
.wrapper .btnBorder.min.arrow {
  padding: 5px 30px;
}
.wrapper .btnBorder:hover {
  opacity: 1;
  background-color: #fff6f0;
}
.wrapper .btnBorder.keyColor {
  border: 1px solid var(--keyColor);
  color: var(--keyColor);
}
.wrapper .btnBorder.arrow.keyColor:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg");
}
.wrapper input.btnBorder.arrow {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: calc(100% - 7px) center;

}

.wrapper input.btnBorder.arrow.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor-prev.svg");
  background-position: 7px center;
}
.wrapper input.btnBorder.arrow.prev:after {
    transform: rotate(225deg);
    left: 10px;
    right: auto;}
.wrapper input.btnBorder.arrow.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper input.btnBorder.arrow.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray-prev.svg");
}
.wrapper input.btnBorder.arrow.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor.svg");
}
.wrapper input.btnBorder.arrow.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor-prev.svg");
}
.wrapper input.btnBorder.arrow.round.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper input.btnBorder.arrow.round.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray-prev.svg");
}
.wrapper .btnBorderBlack {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  /*font-weight: bold;*/
  text-decoration: none;
  border: 1px solid #484848;
  color: #484848;
}
.wrapper .btnBorderBlack.btnBorder, .wrapper .btnBorderBlack.btnBorderBlack {
  padding: 8px 30px;
  background-color: #ffffff;
}
.wrapper .btnBorderBlack.arrow {
  padding: 10px 30px;
}
.wrapper .btnBorderBlack.arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 7px;
}
.wrapper .btnBorderBlack.arrow.prev:after {
  transform: rotate(180deg);
  left: 7px;
  right: auto;
}
.wrapper .btnBorderBlack.arrow.prev:hover:after {
  left: 5px;
  right: auto;
}
.wrapper .btnBorderBlack.arrow:hover:after {
  right: 5px;
}
.wrapper .btnBorderBlack.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .btnBorderBlack.disable {
  color: #b3b3b3;
  cursor: default;
  pointer-events: none;
}
.wrapper .btnBorderBlack.min {
  width: auto;
  display: inline-block;
}
.wrapper .btnBorderBlack.btnAbsolute {
  position: absolute;
}
.wrapper .btnBorderBlack a {
  text-decoration: none;
}
.wrapper .btnBorderBlack.arrow:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
}
.wrapper .btnBorderBlack.disable {
  border: 1px solid #cccccc;
}
.wrapper .btnBorderBlack.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper .btnBorderBlack.round:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper .btnBorderBlack.round.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper .btnBorderBlack.round:hover.arrow:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor.svg");
}
.wrapper .btnBorderBlack.min {
  padding: 5px 10px;
}
.wrapper .btnBorderBlack.min.arrow {
  padding: 5px 30px;
}
.wrapper .btnBorderBlack:hover {
  border: 1px solid var(--keyColor);
  color: var(--keyColor);
}
.wrapper .btnBorderBlack:hover.arrow:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg");
}
.wrapper input.btnBorderBlack.arrow {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: calc(100% - 7px) center;
}
.wrapper input.btnBorderBlack.arrow.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black-prev.svg");
  background-position: 7px center;
}
.wrapper input.btnBorderBlack.arrow.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper input.btnBorderBlack.arrow.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray-prev.svg");
}
.wrapper input.btnBorderBlack.arrow.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper input.btnBorderBlack.arrow.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black-prev.svg");
}
.wrapper input.btnBorderBlack.arrow.round.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper input.btnBorderBlack.arrow.round.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray-prev.svg");
}
.wrapper input.btnBorderBlack:hover.arrow {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg");
}
.wrapper input.btnBorderBlack:hover.arrow.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor-prev.svg");
}
.wrapper input.btnBorderBlack:hover.arrow.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor.svg");
}
.wrapper input.btnBorderBlack:hover.arrow.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor-prev.svg");
}
.wrapper .btnTxt {
  padding-right: 20px;
  display: inline-block;
  /*border-bottom: 1px solid $black;*/
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.wrapper .btnTxt:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 3px;
}
.wrapper .btnTxt.noarrow:after{
content:none;
}
.wrapper .btnTxt.CancelButton:before{
  content: '×';
  display:inline-block;
}
.wrapper .btnTxt.border{
text-decoration:underline;
}
.wrapper .btnTxt.round:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper .btnTxt.round.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper .btnTxt.round:hover:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor.svg");
}
.wrapper .btnTxt.disable {
  color: #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  pointer-events: none;
}
.wrapper .btnTxt.disable:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper .btnTxt:hover {
  color: var(--keyColor);
  border-bottom: 1px solid var(--keyColor);
}
.wrapper .btnTxt:hover:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg");
  right: 0;
}
.wrapper .btnTxt.prev {
  padding-left: 20px;
  padding-right: 0;
}
.wrapper .btnTxt.prev:after {
  transform: rotate(180deg);
  left: 3px;
  right: auto;
}
.wrapper .btnTxt.prev:hover:after {
  left: 0px;
}
.wrapper .btnTxt.warrow {
  border-bottom: 1px solid #111111;
  padding-right: 0;
}
.wrapper .btnTxt.warrow.noborder {
  border: none;
}
.wrapper .btnTxt.warrow.noborder:hover {
  border-bottom: 1px solid #111111;
}
.wrapper .btnTxt.warrow:after {
  background-image: url("../Images/Common/Icon/ico_titArrowBlack.svg");
  display: inline-block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  margin-left: 1em;
  position: static;
}
.wrapper .btnTxt.warrow.brown {
  border-bottom: 1px solid #7f6f63;
  padding-right: 0;
  color: #7f6f63;
}
.wrapper .btnTxt.warrow.brown.noborder {
  border: none;
}
.wrapper .btnTxt.warrow.brown.noborder:hover {
  border-bottom: 1px solid #7f6f63;
}
.wrapper .btnTxt.warrow.brown:after {
  background-image: url("../Images/Common/Icon/ico_titArrowBrown.svg");
}
.wrapper .btnTxt.warrow.blue {
  border-bottom: 1px solid var(--keyColor);
  padding-right: 0;
  color: var(--keyColor);
}
.wrapper .btnTxt.warrow.blue.noborder {
  border: none;
}
.wrapper .btnTxt.warrow.blue.noborder:hover {
  border-bottom: 1px solid var(--keyColor);
}
.wrapper .btnTxt.warrow.blue:after {
  background-image: url("../Images/Common/Icon/ico_titArrowBlue.svg");
}
.wrapper input.btnTxt {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: calc(100% - 5px) center;
}
.wrapper input.btnTxt.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black-prev.svg");
  background-position: 5px center;
}
.wrapper input.btnTxt.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray.svg");
}
.wrapper input.btnTxt.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Gray-prev.svg");
}
.wrapper input.btnTxt.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper input.btnTxt.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black-prev.svg");
}
.wrapper input.btnTxt.round.disable {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray.svg");
}
.wrapper input.btnTxt.round.disable.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Gray-prev.svg");
}
.wrapper input.btnTxt:hover {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg");
}
.wrapper input.btnTxt:hover.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03KeyColor-prev.svg");
}
.wrapper input.btnTxt:hover.round {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor.svg");
}
.wrapper input.btnTxt:hover.round.prev {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01KeyColor-prev.svg");
}
.wrapper .btnPluse {
  padding: 5px;
  padding-left: 30px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  border: 2px solid #111111;
}
.wrapper .btnPluse:before {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-image: url("../Images/Common/Icon/ico_pluse02Black.svg");
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 5px;
}
.wrapper .btnPluse:hover {
  border: 2px solid var(--keyColor);
  color: var(--keyColor);
}
.wrapper .btnPluse:hover:before {
  background-image: url("../Images/Common/Icon/ico_pluse02KeyColor.svg");
}
.wrapper .btnBox a, .wrapper .btnBox input[type='submit'] {
  margin: 0 10px;
}
.wrapper .btnBox.right {
  text-align: right;
}
.wrapper .btnBox.right a, .wrapper .btnBox.right input[type='submit'] {
  margin-right: 0;
}
.wrapper .btnBox.left {
  text-align: left;
}
.wrapper .btnBox.left a, .wrapper .btnBox.left input[type='submit'] {
  margin-left: 0;
}
.wrapper .btnBox.center {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  margin: 20px auto 0 auto;
  text-align: center;
  gap: 12px 0;
}
.wrapper .btnBox.center.row {
  flex-direction: row;
}
.wrapper .inputBox .inputTitle {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
}
.wrapper .inputBox .inputContents {
  text-align: left;
}
.wrapper .inputBase {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  text-align: left;
  background-color: #ffffff;
  font-size:14px;
}
.wrapper .inputBase.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .textareaBase {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  resize: vertical;
}
.wrapper .textareaBase.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .radioBase {
  padding: 5px 0 0 25px;
  margin: 0 auto;
  margin-right: 40px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}
.wrapper .radioBase input[type='radio'] {
  width: 100%;
  height: 100%;
  margin-top: -12.5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
}
.wrapper .radioBase input[type='radio'] + label {
  /*padding-left: 25px;*/
  vertical-align: middle;
}
.wrapper .radioBase input[type='radio'] + label:before {
  content: '';
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #cccccc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #cccccc;
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 10;
}
.wrapper .radioBase input[type='radio']:checked + label:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  box-sizing: border-box;
  display: block;
  background-color: var(--keyColor);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  /*top: 50%;*/
  top: 18px;
  left: 5px;
  z-index: 10;
}
.wrapper .checkBase {
  padding: 5px 0;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.wrapper .checkBase input[type='checkbox'] + label {
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.wrapper .checkBase input[type='checkbox'].check01 + label:after {
  /*background-image: url("../Images/Common/Icon/ico_check01Gray.svg");*/
}
.wrapper .checkBase input[type='checkbox'].check01:checked + label:before {
  background-color: var(--keyColor);
  border: 2px solid var(--keyColor);
}
/*.wrapper .checkBase input[type='checkbox'].check01:checked + label:after {
  background-image: url("../Images/Common/Icon/ico_check01White.svg");
}*/
.wrapper .checkBase input[type='checkbox'].check01.round + label:after {
  background-image: url("../Images/Common/Icon/ico_check02Gray.svg");
}
.wrapper .checkBase input[type='checkbox'].check01.round + label:before {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .checkBase input[type='checkbox'].check01.round:checked + label:after {
  background-image: url("../Images/Common/Icon/ico_check02White.svg");
}
.wrapper .checkBase input[type='checkbox'].check02 + label:after {
  transition: all 0.1s 0s;
  background-image: url("../Images/Common/Icon/ico_check01Gray.svg");
}
.wrapper .checkBase input[type='checkbox'].check02:checked + label:after {
  width: 26px;
  height: 26px;
  margin-top: -12px;
  margin-left: -5px;
  background-image: url("../Images/Common/Icon/ico_check01KeyColor.svg");
  background-size: 26px auto;
}
.wrapper .checkBase input[type='checkbox'].check02.round + label:after {
  background-image: url("../Images/Common/Icon/ico_check02Gray.svg");
}
.wrapper .checkBase input[type='checkbox'].check02.round + label:before {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .checkBase input[type='checkbox'].check02.round:checked + label:after {
  background-image: url("../Images/Common/Icon/ico_check02KeyColor.svg");
}
.wrapper .selectBase select {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #cccccc;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.wrapper .selectBase select.QuestionnaireAnswer, .wrapper .selectBase select.Address {
  font-size: 14px;
  line-height: 24px;
}
.wrapper .selectBase.select01 {
  position: relative;
}
.wrapper .selectBase.select01:after,
.newCartSetShippingDate:after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px + 4px);
    right: 16px;
    z-index: 2;
    pointer-events: none;
}

.wrapper .selectBase.select01.noarrow:after{
    content: none;
}
.wrapper .selectBase.select01.round select {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.wrapper .selectBase.select01.round:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper .selectBase.select02 {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  position: relative;
}
.wrapper .selectBase.select02 .selectTitle {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  position: relative;
  z-index: 10;
}
.wrapper .selectBase.select02 .selectList {
  width: 100%;
  max-height: 0;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 1s 0s;
  position: absolute;
  top: 46px;
  left: 0;
}
.wrapper .selectBase.select02 .selectList li {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.wrapper .selectBase.select02 .selectList li input[type='radio'] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .selectBase.select02 .selectList li input[type='radio'] + label {
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #cccccc;
  border-top: 0;
  background-color: #ffffff;
}
.wrapper .selectBase.select02 .selectList li input[type='radio']:hover + label {
  background-color: var(--keyColor);
  border: 1px solid var(--keyColor);
  border-top: 0;
  color: #ffffff;
  font-weight: bold;
}
.wrapper .selectBase.select02 .selectList li input[type='radio']:checked + label {
  background-color: var(--keyColor);
  border: 1px solid var(--keyColor);
  border-top: 0;
  color: #ffffff;
  font-weight: bold;
}
.wrapper .selectBase.select02:after {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotateZ(90deg);
  transition: all 0.3s 0s;
  position: absolute;
  top: 14px;
  right: 10px;
  z-index: 1000;
  pointer-events: none;
}
.wrapper .selectBase.select02.open:after {
  transform: rotateZ(90deg) rotateY(180deg);
  top: 12px;
}
.wrapper .selectBase.select02.open .selectList {
  max-height: 1000px;
  height: auto;
}
.wrapper .selectBase.select02.open .targetBox label {
  opacity: 0;
}
.wrapper .selectBase.select02 .targetBox label {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  opacity: 1;
  transition: all 0.3s 0s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.wrapper .selectBase.select02.round .selectTitle {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .selectBase.select02.round .targetBox label {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper .selectBase.select02.round:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper .selectBase.select02.round.open .selectTitle {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.wrapper .selectBase.select02.round.open .selectList li:last-child input[type='radio'] {
  width: 100%;
}
.wrapper .selectBase.select02.round.open .selectList li:last-child input[type='radio'] + label {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
}
.wrapper .termContent {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper .termContent img {
  display: block;
  margin-top: 10px;
}
.wrapper .termContent .termText > dt {
  margin-top: 40px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .wrapper .termContent .termText > dt {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper .termContent .termText > dt {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1080px) {
  .wrapper .termContent .termText > dt {
    font-size: 20px;
    font-size: 2rem;
  }
}
.wrapper .termContent .termText > dd {
  margin-top: 10px;
}
.wrapper .termContent .termText > dd .termBox {
  margin-top: 20px;
}
.wrapper .termContent .termText > dd .termBox > dt {
  font-weight: bold;
}
.wrapper .termContent .termText > dd .termBox > dd {
  margin-top: 10px;
}
.wrapper .termContent .termText > dd .termBox > dd + dt {
  margin-top: 20px;
}
.wrapper .termContent .termText > dd .btnTxt, .wrapper .termContent .termText > dd .btnTxt2 {
  margin-bottom: 10px;
}
.wrapper .termContent .termText > dd .btnTxt:last-child, .wrapper .termContent .termText > dd .btnTxt2:last-child {
  margin-bottom: 0;
}
.wrapper .termContent .termText > dd .noticeBox {
  margin-top: 10px;
}
.wrapper .termContent .termText > dd table {
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
}
.wrapper .termContent .termText > dd table tr th {
  background-color: #f1f1f1;
  padding: 5px 10px;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
}
.wrapper .termContent .termText > dd table tr th:nth-child(2) {
  white-space: nowrap;
  text-align: center;
}
.wrapper .termContent .termText > dd table tr th:last-child {
  border-right: 1px solid #b3b3b3;
  white-space: nowrap;
  text-align: center;
}
.wrapper .termContent .termText > dd table tr td {
  padding: 5px 10px;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.wrapper .termContent .termText > dd table tr td:nth-child(2) {
  text-align: center;
  white-space: nowrap;
}
.wrapper .termContent .termText > dd table tr td:last-child {
  border-right: 1px solid #b3b3b3;
  text-align: center;
  white-space: nowrap;
}
.wrapper .termContent .termText > dd table:first-child {
  margin-top: 0;
}
.wrapper .termContent .termText > dd ul li, .wrapper .termContent .termText > dd ol li {
  margin-top: 10px;
}
.wrapper .termContent .termText > dd ul li:first-child, .wrapper .termContent .termText > dd ol li:first-child {
  margin-bottom: 0;
}
.wrapper .termContent .termText > dd > ul {
  margin-top: 10px;
}
.wrapper .termContent .termText > dd > ul > li ul {
  margin-top: 10px;
}
.wrapper .termContent .termText + .btnBox {
  margin-top: 20px;
}
.wrapper .termContent .contactBox {
  margin-top: 20px;
}
.wrapper .termContent time {
  display: block;
  margin-bottom: 10px;
  color: var(--keyColor);
  text-align: right;
}
.wrapper .boxBorder {
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #333333;
}
.wrapper .boxGray {
  padding: 20px;
  box-sizing: border-box;
  background-color: #cccccc;
}
.wrapper .pagerBase {
  display: flex;
  justify-content: center;
}
.wrapper .pagerBase li {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 20px;
  position:relative;

}
.wrapper .pagerBase li a {
  width: 100%;
  height: 100%;
  padding-top: 6px;
  box-sizing: border-box;
  display: block;
  border: 2px solid #111111;
  border-radius: 20px;
}
.wrapper .pagerBase li.target {
  padding-top: 8px;
  box-sizing: border-box;
  background-color: #e5e5e5;
  color: #b3b3b3;
}
.wrapper .pagerBase li.lead {
  width: 20px;
  padding-top: 8px;
}
.wrapper .pagerBase li.prev a, .wrapper .pagerBase li.next a {
  text-indent: -10000%;
}
.wrapper .pagerBase li.prev a:after, .wrapper .pagerBase li.next a:after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate( 45deg);
    display: block;
    position: absolute;
    right: 17px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.wrapper .pagerBase li.prev a, .wrapper .pagerBase li.next a:after{
}
.wrapper .pagerBase li.prev:hover a, .wrapper .pagerBase li.next:hover a {
}
.wrapper .pagerBase li.prev:hover a:after, .wrapper .pagerBase li.next:hover a:after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.wrapper .pagerBase li.prev:empty, .wrapper .pagerBase li.next:empty {
  display: none;
}
.wrapper .pagerBase li.prev {
  transform: rotate(180deg);
}
.wrapper .pagerBase li:hover a {
  background-color: var(--keyColor);
  border: 2px solid var(--keyColor);
  color: #ffffff;
}
.wrapper .pagerBase.round li a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper ul.listDisc, .wrapper ol.listDisc {
  margin-left: 20px;
}
.wrapper ul.listDisc li, .wrapper ol.listDisc li {
  list-style-type: disc;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper ul.listSquare, .wrapper ol.listSquare {
  margin-left: 20px;
}
.wrapper ul.listSquare li, .wrapper ol.listSquare li {
  list-style-type: square;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper ul.listDecimal, .wrapper ol.listDecimal {
  margin-left: 20px;
}
.wrapper ul.listDecimal li, .wrapper ol.listDecimal li {
  list-style-type: decimal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper ul.listSquareBorder, .wrapper ol.listSquareBorder {
  padding-left: 2em;
}
.wrapper ul.listSquareBorder li, .wrapper ol.listSquareBorder li {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #fff;
  text-indent: -1.5em;
}
.wrapper ul.listSquareBorder li:before, .wrapper ol.listSquareBorder li:before {
  content: "";
  width: 1em;
  height: 1em;
  line-height: 1em;
  border: 1px solid #ffffff;
  border-radius: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
.wrapper .listText li {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #111111;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .listText li time {
  padding-right: 20px;
  display: inline-block;
  /* padding: 5px 20px 5px 5px; */
  width: 140px;
  box-sizing: border-box;
  text-align: left;
}
.wrapper .listText li p {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
/* .wrapper .listText li p a {
  display: block;
  position: relative;
} */
.wrapper .listText > li:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0px;
}
.wrapper .listText > li:hover:after {
  right: -10px;
}
.wrapper .listText li p a:hover {
  opacity: 0.8;
}

.wrapper .listText li p a+img{width:auto; height:auto;}
.wrapper .listText li:last-child {
  border-bottom: 0;
}
.wrapper .listTextBox {
  border-bottom: 1px solid #cccccc;
}
.wrapper .listTextBox li {
  font-size: 14px;
  line-height: 24px;
}
.wrapper .listTextBox li a {
  padding: 10px;
  padding-right: 20px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #cccccc;
  border-bottom: 0;
  text-align: left;
  position: relative;
}
.wrapper .listTextBox li a:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
}
.wrapper .listTextBox li a:hover {
  opacity: 0.5;
}
.wrapper .listTextBox li a:hover:after {
  right: 5px;
}
.wrapper .listBox li {
  margin-bottom: 10px;
  position: relative;
}
.wrapper .listBox li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  position: relative;
}
.wrapper .listBox li a img {
  width: 100%;
  height: auto;
}
.wrapper .listBox li a time {
  width: 100%;
  padding: 10px;
  padding-bottom: 0;
  box-sizing: border-box;
  display: block;
}
.wrapper .listBox li a .lab {
  padding: 0 40px;
  background-color: #111111;
  transform: rotate(-45deg);
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  top: 14px;
  left: -38px;
}
.wrapper .listBox li a .lab.sale {
  background-color: #c81e00;
  letter-spacing: 4px;
}
.wrapper .listBox li a .title {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: block;
}
.wrapper .listBox li a .price {
  width: 100%;
  padding: 10px;
  padding-top: 0;
  box-sizing: border-box;
  display: block;
}
.wrapper .listBox li a .price.soldout {
  text-decoration: line-through;
  color: #c81e00;
}
.wrapper .listBox li a .price.soldout:after {
  content: 'SOLD OUT';
  display: inline-block;
  text-decoration: none;
  margin-left: 10px;
}
.wrapper .listBox li a:hover .title {
  text-decoration: underline;
}
.wrapper .listBox li .like {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../Images/Common/Icon/ico_collectionGray.svg");
  background-position: center;
  background-size: 20px auto;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.wrapper .listBox li .like:after {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background-image: url("../Images/Common/Icon/ico_collectionPink.svg");
  background-position: center;
  background-size: 0 auto;
  background-repeat: no-repeat;
  transition: all 0.3s 0s;
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .listBox li .like.onLike:after {
  background-image: url("../Images/Common/Icon/ico_collectionPink.svg");
  background-size: 20px auto;
}
.wrapper .listContent {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 auto;
  width: calc(100% + 20px);
}
.wrapper .listContent.col2 li {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.wrapper .listContent.col2 li:nth-of-child(2n) {
  margin-right: 0;
}
.wrapper .listContent.col3 li {
  width: calc((100% / 3) - 20px);
  margin-right: 20px;
}
.wrapper .listContent.col3 li:nth-of-child(3n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .wrapper .listContent.col3 li {
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .wrapper .listContent.col3 li:nth-of-child(3n) {
    margin-right: 20px;
  }
  .wrapper .listContent.col3 li:nth-of-child(2n) {
    margin-right: 0;
  }
}
.wrapper .listContent.col4 li {
  width: calc((100% / 4) - 20px);
  margin-right: 20px;
}
.wrapper .listContent.col4 li:nth-of-child(4n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .wrapper .listContent.col4 li {
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .wrapper .listContent.col4 li:nth-of-child(2n) {
    margin-right: 0;
  }
}
.wrapper .listContent.col5 li {
  width: calc((100% / 5) - 20px);
  margin-right: 20px;
}
.wrapper .listContent.col5 li:nth-of-child(5n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .wrapper .listContent.col5 li {
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .wrapper .listContent.col5 li:nth-of-child(5n) {
    margin-right: 20px;
  }
  .wrapper .listContent.col5 li:nth-of-child(2n) {
    margin-right: 0;
  }
}
.wrapper .listContent li {
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.wrapper .listContent li.product img {
  width: 100%;
}
.wrapper .listContent li dl {
  text-align: left;
}
.wrapper .listContent li dl .seriesname {
  font-size: 12px;
  font-size: 1.2rem;
  color: #c5c5c5;
}
.wrapper .listContent li dl .price_right span {
  font-size: 12px;
  font-size: 1.2rem;
}
.wrapper .listContent li .lab {
  padding: 0 40px;
  background-color: #111111;
  transform: rotate(-45deg);
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  top: 14px;
  left: -38px;
}
.wrapper .listContent li .lab.sale {
  background-color: #c81e00;
  letter-spacing: 4px;
}
.wrapper .termBase {
  text-align: left;
}
.wrapper .termBase h3 {
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  border-bottom: 1px solid #111111;
}
.wrapper .termBase dl {
  margin-bottom: 40px;
}
.wrapper .termBase dl dt {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}
.wrapper .termBase dl dd {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .termBase dl dd:last-child {
  margin-bottom: 0;
}
.wrapper .termBase dl dd ul {
  padding-left: 1em;
}
.wrapper .termBase.termBox {
  width: 95%;
  height: 400px;
  overflow-y: scroll;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  margin: 20px auto 0 auto;
}
.wrapper .termBase + .checkBase {
  margin-top: 40px;
  display: flex;
    justify-content: center;
    width: 180px;
}
.wrapper .termBase + .checkBase + .btnBox {
  margin-top: 20px;
}
.wrapper .stepBase {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}
.wrapper .stepBase li {
  box-sizing: border-box;
  position: relative;
}
.wrapper .stepBase li .stepTitle {
  display: block;
  color: #000;
  font-weight:600;
}
.wrapper .stepBase li:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--keyColor);
    border-right: 2px solid var(--keyColor);
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 4px);
}
.wrapper .stepBase li:last-child:after {
    background-image: none;
}
.wrapper .stepBase.stepColor {
  padding: 20px;
  background-color: #efefef;
}
.wrapper .stepBase.stepColor li {
  padding: 0 20px;
}
.wrapper .stepBase.stepColor li:after {
  position: absolute;
  top: 50%;
  left: 0;
}
.wrapper .stepBase.stepColor li:first-child:after {
  content: none;
}
.wrapper .stepBase.stepColor li:last-child:after {
 background-image:none;
}
.wrapper .stepBase.stepBox {
  padding: 20px 0;
}
.wrapper .stepBase.stepBox li {
  padding: 10px;
  border: 2px solid var(--keyColor);
}
.wrapper .stepBase.stepBox li:after {
  position: absolute;
  top: 50%;
  right: -16px;
}


/*new step*/
#store.wrapper .step {
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 899px) {
  #store.wrapper .step {
    flex-direction: column;
  }
}
#store.wrapper .step li {
  padding: 10px 20px;
  box-sizing: border-box;
  background-color: #eee;
}
@media (min-width: 900px) {
  #store.wrapper .step li {
    width: calc(100% / 4);
    text-align:center;
  }
}
@media (max-width: 899px) {
  #store.wrapper .step li {
    width: 100%;
    margin-bottom: 2px;
    text-align: left;
  }
}
#store.wrapper .step li span {
  margin-right: 10px;
  display: inline-block;
  font-weight: bold;
}
#store.wrapper .step li:not(:last-child) {
  position: relative;
}
#store.wrapper .step li:not(:last-child):before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  z-index: 1;
}
@media (min-width: 900px) {
  #store.wrapper .step li:not(:last-child):before {
    border-left: 12px solid #ffffff;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    right: -12px;
    top: -4px;
  }
}
@media (max-width: 899px) {
  #store.wrapper .step li:not(:last-child):before {
    border-top: 12px solid #ffffff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    left: calc(50% - 25px);
    bottom: -12px;
  }
}
#store.wrapper .step li:not(:last-child):after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  z-index: 1;
}
@media (min-width: 900px) {
  #store.wrapper .step li:not(:last-child):after {
    border-left: 10px solid #eee;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    right: -10px;
    top: 0;
  }
}
@media (max-width: 899px) {
  #store.wrapper .step li:not(:last-child):after {
    border-top: 10px solid #eee;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    left: calc(50% - 21px);
    bottom: -10px;
  }
}
@media (min-width: 900px) {
  #store.wrapper .step li:not(:first-child) {
    padding-left: 30px;
  }
}
#store.wrapper .step.step1 li:nth-child(1) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .step.step1 li:nth-child(1):before {
  content: none;
}
@media (min-width: 900px) {
  #store.wrapper .step.step1 li:nth-child(1):after {
    border-left: 10px solid var(--keyColor);
  }
}
@media (max-width: 899px) {
  #store.wrapper .step.step1 li:nth-child(1):after {
    border-top: 10px solid var(--keyColor);
  }
}
#store.wrapper .step.step2 li:nth-child(2) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .step.step2 li:nth-child(2):before {
  content: none;
}
@media (min-width: 900px) {
  #store.wrapper .step.step2 li:nth-child(2):after {
    border-left: 10px solid var(--keyColor);
  }
}
@media (max-width: 899px) {
  #store.wrapper .step.step2 li:nth-child(2):after {
    border-top: 10px solid var(--keyColor);
  }
}
#store.wrapper .step.step3 li:nth-child(3) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .step.step3 li:nth-child(3):before {
  content: none;
}
@media (min-width: 900px) {
  #store.wrapper .step.step3 li:nth-child(3):after {
    border-left: 10px solid var(--keyColor);
  }
}
@media (max-width: 899px) {
  #store.wrapper .step.step3 li:nth-child(3):after {
    border-top: 10px solid var(--keyColor);
  }
}
#store.wrapper .step.step4 li:nth-child(4) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .step.step4 li:nth-child(4):before {
  content: none;
}
@media (min-width: 900px) {
  #store.wrapper .step.step4 li:nth-child(4):after {
    border-left: 10px solid var(--keyColor);
  }
}
@media (max-width: 899px) {
  #store.wrapper .step.step4 li:nth-child(4):after {
    border-top: 10px solid var(--keyColor);
  }
}
#store.wrapper .step.step5 li:nth-child(5) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .step.step5 li:nth-child(5):before {
  content: none;
}
@media (min-width: 900px) {
  #store.wrapper .step.step5 li:nth-child(5):after {
    border-left: 10px solid var(--keyColor);
  }
}
@media (max-width: 899px) {
  #store.wrapper .step.step5 li:nth-child(5):after {
    border-top: 10px solid var(--keyColor);
  }
}









.wrapper .noticeBox {
  margin-top: 10px;
  background-color: #f4f4f4;
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper .noticeBox .title {
  display: block;
  font-weight: bold;
}
.wrapper .noticeBox + .noteCommon {
  margin-top: 10px;
}
.wrapper .noteBox {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #c81e00;
  background-color: #ffced6;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #c81e00;
}
.wrapper .noteBox .title {
  font-size: 14px;
  line-height: 24px;
  display: block;
  font-weight: bold;
}
.wrapper .noteBox + .noticeCommon {
  margin-top: 10px;
}
.wrapper .campaignBox {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid var(--keyColor);
  background-color: #ffffff;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .campaignBox .title {
  margin-bottom: 0 !important;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: var(--keyColor);
  font-weight: bold;
}
.wrapper .dataDefinitionList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  margin-top: 5px;
}
.wrapper .cartOptionNoshi .dataDefinitionList{
    align-items: center;
}
.wrapper .dataDefinitionList dt {
  width: 80px;
  padding-right: 10px;
  box-sizing: border-box;
  font-weight: bold;
}
.wrapper .dataDefinitionList dt.cartDeliveryDate, .wrapper .dataDefinitionList dt.cartInventry {
  display: none;
}
.wrapper .dataDefinitionList dt.cartDeliveryDate + dd, .wrapper .dataDefinitionList dt.cartInventry + dd {
  display: none;
}
.wrapper .dataDefinitionList dd {
  width: calc(100% - 130px);
overflow-wrap: break-word;
}
@media (max-width: 767px) {
.wrapper .dataDefinitionList dd {
  width: calc(100% - 80px);
}
}
.wrapper .primaryStyle.contentsBox,
.wrapper .baseWrap.contentsBox {
  min-height: calc(100vh - 157px);
  padding-bottom: 80px;
  box-sizing: border-box;
  overflow: hidden;
  /*@include font-base;*/
}
@media (max-width: 767px) {
  .wrapper .primaryStyle.contentsBox,
  .wrapper .baseWrap.contentsBox {
    min-height: calc(100vh - 300px);
  }
}
.wrapper .contTitle,
.wrapper .contTitle {
  margin-bottom: 60px;
  font-size: 30px;
  line-height: 40px;
}
.wrapper .contTitle.text.left,
.wrapper .contTitle.text.left {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.wrapper .cont,
.wrapper .cont {
  width: 100%;
  margin: 0 auto;
}
.wrapper .primaryStyle.contentsBox .pagerBase + .btnBox,
.wrapper .baseWrap.contentsBox .pagerBase + .btnBox {
  margin-top: 40px;
}
.wrapper .primaryStyle.contentsBox .btnBox + .btnBox,
.wrapper .baseWrap.contentsBox .btnBox + .btnBox {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .wrapper .primaryStyle.contentsBox .btnBox + .btnBox > a,
  .wrapper .baseWrap.contentsBox .btnBox + .btnBox > a {
    display: inline-block;
  }
}
.wrapper .title,
.wrapper .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.wrapper.checkout_aspx .checkoutBox .title:not(.PaymentMethodBox){
  display: inline-block;
}
.wrapper.checkout_aspx .checkoutBox .title:not(.PaymentMethodBox) +.btnBorder.round.min{
  margin-bottom: 7px;
}
.wrapper .primaryStyle.contentsBox .orderStatus,
.wrapper .baseWrap.contentsBox .orderStatus {
  font-weight: normal;
  margin-top: -2px;
  padding: 0 5px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #111111;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
}
.wrapper .primaryStyle.contentsBox .cartList,
.wrapper .baseWrap.contentsBox .cartList {
  box-sizing: border-box;
}
.wrapper .primaryStyle.contentsBox .cartList > li,
.wrapper .baseWrap.contentsBox .cartList > li {
  padding: 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid #cccccc;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper .primaryStyle.contentsBox .cartList > li:first-child,
.wrapper .baseWrap.contentsBox .cartList > li:first-child {
  padding-top: 0;
}
.wrapper .primaryStyle.contentsBox .cartList > li:last-child,
.wrapper .baseWrap.contentsBox .cartList > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.wrapper .primaryStyle.contentsBox .cartList > li .title,
.wrapper .baseWrap.contentsBox .cartList > li .title {
  width: 100%;
}
.wrapper .primaryStyle.contentsBox .cartList > li .title .orderStatus,
.wrapper .baseWrap.contentsBox .cartList > li .title .orderStatus {
  margin-left: 10px;
}
.wrapper .primaryStyle.contentsBox .cartList > li img.ProductImage,
.wrapper .baseWrap.contentsBox .cartList > li img.ProductImage {
  width: 140px;
  margin-right: 20px;
}
.wrapper .primaryStyle.contentsBox .cartList > li .orderName,
.wrapper .baseWrap.contentsBox .cartList > li .orderName {
  width: 100%;
}
.wrapper .primaryStyle.contentsBox .cartList > li .cartItemprice,
.wrapper .baseWrap.contentsBox .cartList > li .cartItemprice {
  color: var(--keyColor);
  margin: 10px 0;
  font-size: 17px;
  font-size: 1.7rem;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox,
.wrapper .baseWrap.orderHistory .orderHistoryBox {
  margin-bottom: 40px;
  border: 1px solid #cccccc;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox .cartList,
.wrapper .baseWrap.orderHistory .orderHistoryBox .cartList {
  padding: 20px;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox .dataDefinitionList,
.wrapper .baseWrap.orderHistory .orderHistoryBox .dataDefinitionList {
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  background-color: #e7e7e7;
  font-size: 18px;
  line-height: 28px;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox .buttonList,
.wrapper .baseWrap.orderHistory .orderHistoryBox .buttonList {
  padding: 20px;
  box-sizing: border-box;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox .buttonList li,
.wrapper .baseWrap.orderHistory .orderHistoryBox .buttonList li {
  margin-bottom: 10px;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox .buttonList li:last-child,
.wrapper .baseWrap.orderHistory .orderHistoryBox .buttonList li:last-child {
  margin-bottom: 0;
}
.wrapper .primaryStyle.orderHistory .orderHistoryBox .buttonList li a, .wrapper .primaryStyle.orderHistory .orderHistoryBox .buttonList li input[type='submit'],
.wrapper .baseWrap.orderHistory .orderHistoryBox .buttonList li a,
.wrapper .baseWrap.orderHistory .orderHistoryBox .buttonList li input[type='submit'] {
  padding: 4px 10px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox,
.wrapper .baseWrap.orderHistory .orderDetailsBox {
  margin-bottom: 40px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .title,
.wrapper .baseWrap.orderHistory .orderDetailsBox .title {
  font-size: 18px;
  line-height: 28px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .campaignBox .title,
.wrapper .baseWrap.orderHistory .orderDetailsBox .campaignBox .title {
  font-size: 14px;
  line-height: 24px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .dataDefinitionList,
.wrapper .baseWrap.orderHistory .orderDetailsBox .dataDefinitionList {
  margin-bottom: 10px;
  padding-top: 10px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .dataDefinitionList.total,
.wrapper .baseWrap.orderHistory .orderDetailsBox .dataDefinitionList.total {
  font-size: 18px;
  line-height: 28px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .dataDefinitionList.total dd,
.wrapper .baseWrap.orderHistory .orderDetailsBox .dataDefinitionList.total dd {
  font-weight: 500;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .dataDefinitionList.total + .dataDefinitionList,
.wrapper .baseWrap.orderHistory .orderDetailsBox .dataDefinitionList.total + .dataDefinitionList {
  border-top: 1px solid #111111;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox .dataDefinitionList dd a,
.wrapper .baseWrap.orderHistory .orderDetailsBox .dataDefinitionList dd a {
  margin-left: 10px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.data .dataDefinitionList,
.wrapper .baseWrap.orderHistory .orderDetailsBox.data .dataDefinitionList {
  border-top: 1px solid #cccccc;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.data .dataDefinitionList:first-child,
.wrapper .baseWrap.orderHistory .orderDetailsBox.data .dataDefinitionList:first-child {
  padding-top: 0;
  border-top: none;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.client,
.wrapper .baseWrap.orderHistory .orderDetailsBox.client {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.client p,
.wrapper .baseWrap.orderHistory .orderDetailsBox.client p {
  width: 100%;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send {
  padding: 0;
  text-align: left;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li:first-child,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li:first-child {
  padding-top: 0;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li:last-child,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .address,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .address {
  font-size: 14px;
  line-height: 24px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox {
  margin-top: 20px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox .dataDefinitionList dt,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox .dataDefinitionList dt {
  width: 80px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox .dataDefinitionList dd,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox .dataDefinitionList dd {
  width: calc(100% -80px);
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox .dataDefinitionList.total,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox .dataDefinitionList.total {
  border-top: 1px solid #111111;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .cartList,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .cartList {
  margin-top: 20px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .cartList li .dataDefinitionList,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .cartList li .dataDefinitionList {
  margin: 0;
  margin-top: 10px;
  padding: 0;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .cartList li .dataDefinitionList dt,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .cartList li .dataDefinitionList dt {
  width: 50px;
}
.wrapper .primaryStyle.orderHistory .orderDetailsBox.send .listOrder > li .cartList li .dataDefinitionList dd,
.wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .cartList li .dataDefinitionList dd {
  width: calc(100% - 50px);
}
.wrapper .baseWrap {
  padding: 0;
  margin: 0 auto;
}
.wrapper .block {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .wrapper .block {
    margin-bottom: 60px;
  }
}
.wrapper .block:last-of-type {
  margin-bottom: 0;
}
.wrapper .breaCrumbList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px;
  box-sizing: border-box;
}
.wrapper .breaCrumbList li {
  color: #b3b3b3;
}
.wrapper .breaCrumbList li a {
  color: #b3b3b3;
}
.wrapper .breaCrumbList li + li:before {
  content: "＞";
  display: inline-block;
  width: 1em;
  height: auto;
  margin: 0 0.5em;
}
.wrapper .BreadCrumbsEx {
    width: 100%;
    text-align: left;
    margin: auto;
    /*border-bottom: 1px solid #eee;*/
}
.wrapper .BreadCrumbsEx li {
  display: inline;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.wrapper .BreadCrumbsEx li:after {
  content: " > ";
  margin:0 4px;
}
.wrapper .BreadCrumbsEx li:last-child:after {
  content: "";
}
.wrapper .BreadCrumbsEx li a{
  color: var(--keyColor);
}
.wrapper section.templateBase,
.wrapper .contBlock {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 160px;
  text-align: center;
}
.wrapper section.templateBase h2,
.wrapper .contBlock h2 {
  /*margin-bottom: 80px;
  @include font48;
  font-weight: bold;*/
}
.wrapper section.templateBase h3, .wrapper section.templateBase h4,
.wrapper .contBlock h3,
.wrapper .contBlock h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
.wrapper section.templateBase h3.mgnBottom, .wrapper section.templateBase h4.mgnBottom,
.wrapper .contBlock h3.mgnBottom,
.wrapper .contBlock h4.mgnBottom {
  margin-top: 80px;
  margin-bottom: 10px;
}
.wrapper section.templateBase h3 span, .wrapper section.templateBase h4 span,
.wrapper .contBlock h3 span,
.wrapper .contBlock h4 span {
  margin-right: 20px;
  display: inline-block;
}
.wrapper section.templateBase ul.templateBase li,
.wrapper .contBlock ul.templateBase li {
  margin-bottom: 40px;
  padding: 0 10px;
  box-sizing: border-box;
}
.wrapper section.templateBase ul.templateBase li h3,
.wrapper .contBlock ul.templateBase li h3 {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: left;
}
.wrapper section.templateBase ul.templateBase li h3 span,
.wrapper .contBlock ul.templateBase li h3 span {
  margin: 0;
  display: block;
  border-bottom: 1px solid #111111;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02,
.wrapper .contBlock ul.templateBase li .selectBase.select02 {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  position: relative;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectTitle,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectTitle {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  position: relative;
  z-index: 10;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectList,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectList {
  width: 100%;
  max-height: 0;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 1s 0s;
  position: absolute;
  top: 46px;
  left: 0;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectList li,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectList li {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectList li input[type='radio'],
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectList li input[type='radio'] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectList li input[type='radio'] + label,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectList li input[type='radio'] + label {
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #cccccc;
  border-top: 0;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectList li input[type='radio']:hover + label,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectList li input[type='radio']:hover + label {
  background-color: var(--keyColor);
  border: 1px solid var(--keyColor);
  border-top: 0;
  color: #ffffff;
  font-weight: 500;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .selectList li input[type='radio']:checked + label,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .selectList li input[type='radio']:checked + label {
  background-color: var(--keyColor);
  border: 1px solid var(--keyColor);
  border-top: 0;
  color: #ffffff;
  font-weight: 500;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02:after,
.wrapper .contBlock ul.templateBase li .selectBase.select02:after {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotateZ(90deg);
  transition: all 0.3s 0s;
  position: absolute;
  top: 14px;
  right: 10px;
  z-index: 1000;
  pointer-events: none;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.open:after,
.wrapper .contBlock ul.templateBase li .selectBase.select02.open:after {
  transform: rotateZ(90deg) rotateY(180deg);
  top: 12px;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.open .selectList,
.wrapper .contBlock ul.templateBase li .selectBase.select02.open .selectList {
  max-height: 1000px;
  height: auto;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.open .targetBox label,
.wrapper .contBlock ul.templateBase li .selectBase.select02.open .targetBox label {
  opacity: 0;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02 .targetBox label,
.wrapper .contBlock ul.templateBase li .selectBase.select02 .targetBox label {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  opacity: 1;
  transition: all 0.3s 0s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.round .selectTitle,
.wrapper .contBlock ul.templateBase li .selectBase.select02.round .selectTitle {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.round .targetBox label,
.wrapper .contBlock ul.templateBase li .selectBase.select02.round .targetBox label {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.round:after,
.wrapper .contBlock ul.templateBase li .selectBase.select02.round:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow01Black.svg");
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.round.open .selectTitle,
.wrapper .contBlock ul.templateBase li .selectBase.select02.round.open .selectTitle {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.round.open .selectList li:last-child input[type='radio'],
.wrapper .contBlock ul.templateBase li .selectBase.select02.round.open .selectList li:last-child input[type='radio'] {
  width: 100%;
}
.wrapper section.templateBase ul.templateBase li .selectBase.select02.round.open .selectList li:last-child input[type='radio'] + label,
.wrapper .contBlock ul.templateBase li .selectBase.select02.round.open .selectList li:last-child input[type='radio'] + label {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
}
.wrapper section.templateBase:last-child,
.wrapper .contBlock:last-child {
  margin-bottom: 0;
}
.wrapper section.templateBase .boxCode,
.wrapper .contBlock .boxCode {
  width: 100%;
  box-sizing: border-box;
  display: block;
  overflow-x: scroll;
  background-color: #333333;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: left;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .wrapper section.templateBase .boxCode,
  .wrapper .contBlock .boxCode {
    padding: 20px 40px;
  }
}
@media (max-width: 767px) {
  .wrapper section.templateBase .boxCode,
  .wrapper .contBlock .boxCode {
    padding: 20px;
  }
}
.wrapper section.templateBase .listWF li,
.wrapper .contBlock .listWF li {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 767px) {
  .wrapper section.templateBase .listWF li .sample,
  .wrapper .contBlock .listWF li .sample {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .wrapper section.templateBase .listWF li .sample,
  .wrapper .contBlock .listWF li .sample {
    width: 100%;
    margin-bottom: 20px;
  }
}
.wrapper section.templateBase .listWF li .code,
.wrapper .contBlock .listWF li .code {
  box-sizing: border-box;
  overflow-x: scroll;
  background-color: #333333;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
@media (min-width: 767px) {
  .wrapper section.templateBase .listWF li .code,
  .wrapper .contBlock .listWF li .code {
    width: 50%;
    padding: 10px 40px;
  }
}
@media (max-width: 767px) {
  .wrapper section.templateBase .listWF li .code,
  .wrapper .contBlock .listWF li .code {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 40px;
  }
}
.wrapper .clientValidationSummary span {
  display: block;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ff0000;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}
.wrapper .errmessage {
  color: #FC7777;
}

.cart_aspx,
.confirmation_aspx,
.orderhistory_aspx,
.orderhistorydetail_aspx {
  /*2colmn*/
}

.confirmation_aspx .cartBox,
.orderhistory_aspx .cartBox,
.orderhistorydetail_aspx .cartBox {
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

.confirmation_aspx .cartBox .cartList,
.orderhistory_aspx .cartBox .cartList,
.orderhistorydetail_aspx .cartBox .cartList {
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 20px;
}
.cart_aspx .cartBox .cartList li .dataBox,
.confirmation_aspx .cartBox .cartList li .dataBox,
.orderhistory_aspx .cartBox .cartList li .dataBox,
.orderhistorydetail_aspx .cartBox .cartList li .dataBox {
  width: calc(100% - 160px);
}
@media (min-width: 768px) and (max-width: 1079px){
.cart_aspx .cartBox .cartList li .dataBox{
    width: calc(100% - 380px);
    margin-right: 20px;
}}
@media (max-width: 767px){
.orderhistorydetail_aspx .cartBox .cartList li .dataBox {
  width: 100%;
}
}
.cart_aspx .cartBox .cartList li .dataBox .cartItemprice,
.confirmation_aspx .cartBox .cartList li .dataBox .cartItemprice,
.orderhistory_aspx .cartBox .cartList li .dataBox .cartItemprice,
.orderhistorydetail_aspx .cartBox .cartList li .dataBox .cartItemprice {
  color: var(--keyColor);
  margin: 10px 0;
}
.cart_aspx .cartBox .cartList li .selectBase,
.confirmation_aspx .cartBox .cartList li .selectBase,
.orderhistory_aspx .cartBox .cartList li .selectBase,
.orderhistorydetail_aspx .cartBox .cartList li .selectBase {
  display: flex;
  align-content: flex-start;
  align-items: center;
  margin-left: auto;
}
.cart_aspx .cartBox .cartList li .selectBase label,
.confirmation_aspx .cartBox .cartList li .selectBase label,
.orderhistory_aspx .cartBox .cartList li .selectBase label,
.orderhistorydetail_aspx .cartBox .cartList li .selectBase label {
  width: 60px;
  font-weight: 500;
}
.cart_aspx .cartBox .cartList li .buttonList,
.confirmation_aspx .cartBox .cartList li .buttonList,
.orderhistory_aspx .cartBox .cartList li .buttonList,
.orderhistorydetail_aspx .cartBox .cartList li .buttonList {
  margin-left: 20px;
}
.cart_aspx .cartBox .cartList li .buttonList a, .cart_aspx .cartBox .cartList li .buttonList input[type='submit'],
.confirmation_aspx .cartBox .cartList li .buttonList a,
.confirmation_aspx .cartBox .cartList li .buttonList input[type='submit'],
.orderhistory_aspx .cartBox .cartList li .buttonList a,
.orderhistory_aspx .cartBox .cartList li .buttonList input[type='submit'],
.orderhistorydetail_aspx .cartBox .cartList li .buttonList a,
.orderhistorydetail_aspx .cartBox .cartList li .buttonList input[type='submit'] {
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #ffffff;
}
.cart_aspx .cartBox .cartList li .buttonList input[type='submit']{
    margin-bottom: 0;
    padding: 8px 10px;
}
.cart_aspx .cartBox .cartList li .dataBox--btnlist,
.confirmation_aspx .cartBox .cartList li .dataBox--btnlist,
.orderhistory_aspx .cartBox .cartList li .dataBox--btnlist,
.orderhistorydetail_aspx .cartBox .cartList li .dataBox--btnlist {
  margin: 10px 0;
}

.confirmation_aspx .cartBox .cartList:last-of-type,
.orderhistory_aspx .cartBox .cartList:last-of-type,
.orderhistorydetail_aspx .cartBox .cartList:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.cart_aspx .cartBox .orderPayBox,
.confirmation_aspx .cartBox .orderPayBox,
.orderhistory_aspx .cartBox .orderPayBox,
.orderhistorydetail_aspx .cartBox .orderPayBox {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
}
.cart_aspx .cartBox .orderPayBox .total,
.confirmation_aspx .cartBox .orderPayBox .total,
.orderhistory_aspx .cartBox .orderPayBox .total,
.orderhistorydetail_aspx .cartBox .orderPayBox .total {
  padding-top: 10px;
  border-top: 1px solid #111111;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.cart_aspx .cartBox .orderPayBox .ExtraShippingFee{display:none;}
.cart_aspx .cartBox .box,
.confirmation_aspx .cartBox .box,
.orderhistory_aspx .cartBox .box,
.orderhistorydetail_aspx .cartBox .box {
  margin-top: 20px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #e7e7e7;
  text-align: left;
}
.cart_aspx .cartBox .box .couponBox,
.confirmation_aspx .cartBox .box .couponBox,
.orderhistory_aspx .cartBox .box .couponBox,
.orderhistorydetail_aspx .cartBox .box .couponBox {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 24px;
}
.cart_aspx .cartBox .box .couponBox p,
.confirmation_aspx .cartBox .box .couponBox p,
.orderhistory_aspx .cartBox .box .couponBox p,
.orderhistorydetail_aspx .cartBox .box .couponBox p {
  width: 100%;
}
.cart_aspx .cartBox .box .couponBox input[type="text"],
.confirmation_aspx .cartBox .box .couponBox input[type="text"],
.orderhistory_aspx .cartBox .box .couponBox input[type="text"],
.orderhistorydetail_aspx .cartBox .box .couponBox input[type="text"] {
  width: calc(75% - 10px);
}
.cart_aspx .cartBox .box .couponBox input[type="submit"],
.confirmation_aspx .cartBox .box .couponBox input[type="submit"],
.orderhistory_aspx .cartBox .box .couponBox input[type="submit"],
.orderhistorydetail_aspx .cartBox .box .couponBox input[type="submit"] {
  width: 25%;
  margin-left: 10px;
}
.cart_aspx .cartBox.shippingBox,
.confirmation_aspx .cartBox.shippingBox,
.orderhistory_aspx .cartBox.shippingBox,
.orderhistorydetail_aspx .cartBox.shippingBox {
  padding: 0;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media (min-width: 767px) {
  .cart_aspx .cartBox.shippingBox,
  .confirmation_aspx .cartBox.shippingBox,
  .orderhistory_aspx .cartBox.shippingBox,
  .orderhistorydetail_aspx .cartBox.shippingBox {
    /*@include flexDirection(rowR);*/
  }
}
@media (max-width: 767px) {
  .cart_aspx .cartBox.shippingBox,
  .confirmation_aspx .cartBox.shippingBox,
  .orderhistory_aspx .cartBox.shippingBox,
  .orderhistorydetail_aspx .cartBox.shippingBox {
    display: block;
  }
}
.cart_aspx .cartBox.shippingBox .send.confirm-col,
.confirmation_aspx .cartBox.shippingBox .send.confirm-col,
.orderhistory_aspx .cartBox.shippingBox .send.confirm-col,
.orderhistorydetail_aspx .cartBox.shippingBox .send.confirm-col {
  /*background-color: $bgColor;*/
  padding: 20px;
  margin-bottom: 0;
  /*border-bottom: 1px solid #bcbcbc;*/
  width: 25%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cart_aspx .cartBox.shippingBox .send.confirm-col,
  .confirmation_aspx .cartBox.shippingBox .send.confirm-col,
  .orderhistory_aspx .cartBox.shippingBox .send.confirm-col,
  .orderhistorydetail_aspx .cartBox.shippingBox .send.confirm-col {
    width: calc(100% - 20px);
    max-width: none;
    border-bottom: none;
    margin-left: 10px;
    margin-top: 10px;
    padding: 20px 10px;
  }
}
.cart_aspx .cartBox.shippingBox .send.confirm-col .subtitle,
.confirmation_aspx .cartBox.shippingBox .send.confirm-col .subtitle,
.orderhistory_aspx .cartBox.shippingBox .send.confirm-col .subtitle,
.orderhistorydetail_aspx .cartBox.shippingBox .send.confirm-col .subtitle {
  padding-bottom: 8px;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.7em;
}
.cart_aspx .cartBox.shippingBox .send.confirm-col .shippingId,
.confirmation_aspx .cartBox.shippingBox .send.confirm-col .shippingId,
.orderhistory_aspx .cartBox.shippingBox .send.confirm-col .shippingId {
  display: none;
}
.cart_aspx .cartBox.shippingBox .item.confirm-col,
.confirmation_aspx .cartBox.shippingBox .item.confirm-col,
.orderhistory_aspx .cartBox.shippingBox .item.confirm-col,
.orderhistorydetail_aspx .cartBox.shippingBox .item.confirm-col {
  padding: 20px;
  /*border-bottom: 1px solid #bcbcbc;*/
  margin-bottom: 0;
  width: 75%;
}
@media (max-width: 767px) {
  .cart_aspx .cartBox.shippingBox .item.confirm-col,
  .confirmation_aspx .cartBox.shippingBox .item.confirm-col,
  .orderhistory_aspx .cartBox.shippingBox .item.confirm-col,
  .orderhistorydetail_aspx .cartBox.shippingBox .item.confirm-col {
    width: 100%;
  }
}
.cart_aspx .cartBox.shippingBox .orderPayBox.totalBox,
.confirmation_aspx .cartBox.shippingBox .orderPayBox.totalBox,
.orderhistory_aspx .cartBox.shippingBox .orderPayBox.totalBox,
.orderhistorydetail_aspx .cartBox.shippingBox .orderPayBox.totalBox {
  padding: 20px;
  width: 100%;
}
.cart_aspx .cartBox.shippingBox > .btnBox,
.confirmation_aspx .cartBox.shippingBox > .btnBox,
.orderhistory_aspx .cartBox.shippingBox > .btnBox,
.orderhistorydetail_aspx .cartBox.shippingBox > .btnBox {
  width: 100%;
  text-align: center;
  margin: 0 0 40px 0;
}

.wrapper.confirmation_aspx .baseWrap.contentsBox .cartBox .cartList li .dataBox,
.wrapper.orderhistorydetail_aspx .baseWrap.contentsBox .cartBox .cartList li .dataBox {
  width: calc(100% - 180px);
}

/*cart giftBox*/
.wrapper.cart_aspx .baseWrap.contentsBox .contTitle + p {
  margin-top: -20px;
}
.wrapper.cart_aspx .baseWrap.contentsBox .contTitle + p a {
  color: var(--keyColor);
  text-decoration: underline;
}
.wrapper.cart_aspx .baseWrap.contentsBox .cartBox.giftWrapBlock .giftWrapTit {
  background-color: #ff9700;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
  font-weight: 700;
  margin: -20px -20px 20px -20px;
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 767px) {
  .wrapper.cart_aspx .baseWrap.contentsBox .cartBox.giftWrapBlock .orderItemList.cartList > li {
    align-items: center;
  }
}
@media (min-width: 767px) {
  .wrapper.cart_aspx .baseWrap.contentsBox .cartBox.giftWrapBlock .orderItemList.cartList > li .giftCartBtn {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .wrapper.cart_aspx .baseWrap.contentsBox .cartBox.giftWrapBlock .orderItemList.cartList > li .giftCartBtn {
    width: 100%;
    text-align: center;
  }
}
.wrapper.cart_aspx .baseWrap.contentsBox .cartBox.giftWrapBlock .orderItemList.cartList > li .dataBox .price span {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #111111;
}

@media (max-width: 500px) {
  .wrapper.confirmation_aspx .baseWrap.contentsBox .cartBox .cartList li {
    display: block;
    text-align: center;
  }
  .wrapper.confirmation_aspx .baseWrap.contentsBox .cartBox .cartList li img.ProductImage {
    margin: 0 auto 20px auto;
  }
  .wrapper.confirmation_aspx .baseWrap.contentsBox .cartBox .cartList li .dataBox {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wrapper {
    /* ↓↓↓↓↓↓ 不要 ↓↓↓↓↓↓ */
    /* ↑↑↑↑↑↑ 不要 ↑↑↑↑↑↑ */
  }
  .wrapper img {
    width: 100%;
    height: auto;
  }
  .wrapper .headerBase .headerLogo,
  .wrapper .header_inner .headerLogo {
    margin: 0 auto;
  }
  .wrapper .headerBase nav,
  .wrapper .header_inner nav {
    transition: all 0.3s 0s;
  }
  .wrapper .headerBase nav .menu,
  .wrapper .header_inner nav .menu {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 100000;
  }
  .wrapper .headerBase nav .menu i,
  .wrapper .header_inner nav .menu i {
    width: 40px;
    height: 3px;
    margin-top: -1.5px;
    display: block;
    background-color: #111111;
    transition: all 0.3s 0s;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .wrapper .headerBase nav .menu i:before,
  .wrapper .header_inner nav .menu i:before {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #111111;
    transition: all 0.3s 0s;
    position: absolute;
    top: -12px;
    left: 0;
  }
  .wrapper .headerBase nav .menu i:after,
  .wrapper .header_inner nav .menu i:after {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #111111;
    transition: all 0.3s 0s;
    position: absolute;
    bottom: -12px;
    left: 0;
  }
  .wrapper .headerBase nav ul,
  .wrapper .header_inner nav ul {
    width: 100%;
    height: 0;
    min-height: 0;
    padding: 0 40px;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #ffffff;
    /*transition: all 0.3s 0s;*/
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    top: 0;
    left: 0;
  }
  .wrapper .headerBase nav ul li,
  .wrapper .header_inner nav ul li {
    margin-bottom: 20px;
  }
  .wrapper .headerBase nav ul li a,
  .wrapper .header_inner nav ul li a {
    padding: 10px;
    display: block;
    /*border: 2px solid $black;*/
  }
  .wrapper .headerBase nav ul li a:hover,
  .wrapper .header_inner nav ul li a:hover {
                                /*color: $keyColor;
								border: 2px solid $keyColor;*/
  }
  .wrapper .headerBase nav.open ul,
  .wrapper .header_inner nav.open ul {
    min-height: 100vh;
    padding: 80px 40px;
  }
  .wrapper .headerBase nav.open .menu i,
  .wrapper .header_inner nav.open .menu i {
    transform: rotate(45deg);
  }
  .wrapper .headerBase nav.open .menu i:before,
  .wrapper .header_inner nav.open .menu i:before {
    transform: rotate(90deg);
    top: -2px;
  }
  .wrapper .headerBase nav.open .menu i:after,
  .wrapper .header_inner nav.open .menu i:after {
    opacity: 0;
  }
  .wrapper .listText li time {
    display: block;
    text-align: left;
    text-align: left;
  }
  .wrapper .sliderBox .sliderBase {
    width: 100%;
    padding-top: 53%;
  }
  .wrapper .sliderBox .sliderBase li {
    width: 100%;
    opacity: 0;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(3) {
    opacity: 1;
  }
  .wrapper .stepBase {
    flex-wrap: wrap;
    justify-content: center;
  }
  .wrapper .stepBase li {
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .wrapper .stepBase.stepColor {
    padding: 10px;
  }
  .wrapper .stepBase.stepColor.step4 li {
    padding: 0 10px 0 20px;
    width: calc(25% - 0px);
    margin-right: 0;
    margin-bottom: 0;
  }
  .wrapper .stepBase.stepColor.step4 li:first-child {
    padding: 0 10px 0 0px;
  }
}
@media (max-width: 767px) and (max-width: 400px) {
  .wrapper .stepBase.stepColor.step4 li {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .wrapper .stepBase.stepBox {
    padding-bottom: 0;
  }
  .wrapper .btnBox a, .wrapper .btnBox input[type='submit'],
  .wrapper .btnBox a, .wrapper .btnBox input[type='button'] {
    margin-bottom: 20px;
  }
  .wrapper .btnBox.center {
    display: block;
  }
  .wrapper .btnBox.center a, .wrapper .btnBox.center input[type='submit'],
  .wrapper .btnBox.center a, .wrapper .btnBox.center input[type='button'] {
    display: block;
    margin: 0 auto 20px auto;
  }
  .wrapper .btnBox.center a:nth-child(1), .wrapper .btnBox.center input[type='submit']:nth-child(1),
  .wrapper .btnBox.center a:nth-child(1), .wrapper .btnBox.center input[type='button']:nth-child(1) {
    margin-bottom: 30px;
  }
  .wrapper .btnBox.center .btnTxt{
  display: inline-block;
  }
  .wrapper .btnBox.center a:nth-child(2), .wrapper .btnBox.center input[type='submit']:nth-child(2),
  .wrapper .btnBox.center a:nth-child(2), .wrapper .btnBox.center input[type='button']:nth-child(2) {
    margin-bottom: 20px;
  }
  .wrapper .btnBox.center + .CancelBtn a {
    display: inline-block;
  }
  .wrapper .btnBox.center input + input {
    margin-bottom: 20px;
  }
  .wrapper .inputBox .inputContents {
    margin-bottom: 20px;
  }
  .wrapper .primaryStyle.contentsBox,
  .wrapper .baseWrap.contentsBox {
    padding: 0 10px;
    padding-top: 40px;
  }
  .wrapper .contTitle,
  .wrapper .contTitle {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 34px;
  }
  .wrapper .primaryStyle.orderHistory .orderDetailsBox .orderPayBox,
  .wrapper .baseWrap.orderHistory .orderDetailsBox .orderPayBox {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #cccccc;
  }
  .wrapper section.templateBase {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .cart_aspx .cartBox .cartList li img.ProductImage,
  .confirmation_aspx .cartBox .cartList li img.ProductImage {
    margin-bottom: 20px;
  }
  .cart_aspx .cartBox .cartList li .dataBox,
  .confirmation_aspx .cartBox .cartList li .dataBox {
    margin-bottom: 20px;
    width: calc(100% - 110px);
  }
  .cart_aspx .cartBox .cartList li .dataBox .cartItemprice,
  .confirmation_aspx .cartBox .cartList li .dataBox .cartItemprice {
    color: var(--keyColor);
    margin: 10px 0;
  }
  .cart_aspx .cartBox .cartList li .selectBase,
  .confirmation_aspx .cartBox .cartList li .selectBase {
    width: calc(100% - 80px);
    margin-left: 0;
  }
  .cart_aspx .cartBox .cartList li .buttonList,
  .confirmation_aspx .cartBox .cartList li .buttonList {
    /*width: 150px;*/
    margin-left: 18px;
  }
  .cart_aspx .cartBox .box .couponBox p,
  .confirmation_aspx .cartBox .box .couponBox p {
    margin-bottom: 10px;
  }
  .cart_aspx .cartBox .box .campaignBox,
  .confirmation_aspx .cartBox .box .campaignBox {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cart_aspx .checkoutBox.couponBox .btnBorder.min.ml10,
  .confirmation_aspx .checkoutBox.couponBox .btnBorder.min.ml10 {
    display: block;
    margin-left: 0 !important;
    width: 116px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .checkout_aspx .checkoutBox .send .address,
  .confirmation_aspx .checkoutBox .send .address,
  .orderhistory_aspx .checkoutBox .send .address,
  .orderhistorydetail_aspx .checkoutBox .send .address {
    margin-top: 10px;
  }
}
@media (min-width: 767px) {
  .wrapper {
    /* ↓↓↓↓↓↓ 不要 ↓↓↓↓↓↓ */
    /* ↑↑↑↑↑↑ 不要 ↑↑↑↑↑↑ */
  }
  .wrapper .headerBase,
  .wrapper .header__inner {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .wrapper .headerBase nav,
  .wrapper .header__inner nav {
    width: calc(100% - 130px);
  }
  .wrapper .headerBase nav ul,
  .wrapper .header__inner nav ul {
    display: flex;
    justify-content: flex-end;
  }
  .wrapper .headerBase nav ul li,
  .wrapper .header__inner nav ul li {
    font-size: 14px;
    line-height: 24px;
  }
  .wrapper .headerBase nav ul li a,
  .wrapper .header__inner nav ul li a {
    padding: 5px 10px;
  }
  .wrapper .sliderBox .sliderBase {
    padding-top: 53%;
  }
  .wrapper .sliderBox .sliderBase li {
    width: 100%;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(1) {
    left: -200%;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(2) {
    left: -100%;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(3) {
    left: 0;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(4) {
    left: 100%;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(5) {
    left: 200%;
  }
  .wrapper .sliderBox .sliderArrow {
    width: 100%;
    margin-left: -50%;
  }
  .wrapper .sliderBox .sliderArrow .next {
    left: 0;
  }
  .wrapper .sliderBox .sliderArrow .prev {
    right: 0;
  }
  .wrapper .inputBox {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .inputBox .inputTitle {
    width: 20%;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-right: 20px;
    box-sizing: border-box;
    
  }
  .wrapper .inputBox .inputContents {
    width: 80%;
    margin-bottom: 20px;
  }
  .wrapper .listText li {
    display: flex;
  }
  .wrapper .listTextBox {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .listTextBox li {
    width: 50%;
  }
  .wrapper .listTextBox li:nth-child(even) a {
    border-left: 0;
  }
  .wrapper .stepBase.step2.stepColor li {
    min-width: 50%;
  }
  .wrapper .stepBase.step2.stepBox li {
    min-width: calc(50% - 7.5px);
  }
  .wrapper .stepBase.step2.stepBox li:nth-child(1) {
    margin-right: 7.5px;
  }
  .wrapper .stepBase.step2.stepBox li:nth-child(2) {
    margin-left: 7.5px;
  }
  .wrapper .stepBase.step3.stepColor li {
    min-width: 33.33%;
  }
  .wrapper .stepBase.step3.stepBox li {
    min-width: calc(33.33% - 10px);
  }
  .wrapper .stepBase.step3.stepBox li:nth-child(1) {
    margin-right: 10px;
  }
  .wrapper .stepBase.step3.stepBox li:nth-child(2) {
    margin: 0 5px;
  }
  .wrapper .stepBase.step3.stepBox li:nth-child(3) {
    margin-left: 10px;
  }
  .wrapper .stepBase.step4.stepColor li {
    min-width: 25%;
  }
  .wrapper .stepBase.step4.stepBox li {
    min-width: calc(25% - 11px);
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(1) {
    margin-right: 11px;
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(2) {
    margin-right: 7px;
    margin-left: 4px;
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(3) {
    margin-left: 7px;
    margin-right: 4px;
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(4) {
    margin-left: 11px;
  }
  .wrapper .stepBase.wrap {
    justify-content: center;
    flex-wrap: wrap;
  }
  .wrapper .stepBase.wrap.stepBox li {
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .wrapper .stepBase.wrap.stepBox li:last-child {
    margin-right: 0;
  }
  .wrapper .stepBase br {
    display: none;
  }
  .wrapper section.templateBase {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .wrapper section.templateBase ul.templateBase {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .wrapper section.templateBase ul.templateBase li {
    width: 33.33%;
    margin-bottom: 40px;
  }
  .wrapper section.templateBase ul.templateBase.colmn li {
    padding-bottom: 80px;
    position: relative;
  }
  .wrapper section.templateBase ul.templateBase.colmn li pre {
    margin-top: auto;
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
  }
}
@media (min-width: 1080px) {
  .wrapper {
    /* ↓↓↓↓↓↓ 不要 ↓↓↓↓↓↓ */
    /* ↑↑↑↑↑↑ 不要 ↑↑↑↑↑↑ */
    /*.checkout_aspx{
    	.checkBox_wrap{
    		display: flex;
    		flex-wrap: wrap;
    		flex-direction: row-reverse;
    		justify-content: flex-end;
    		.checkBox_wrap-right{
    			width: 30%;
    			margin-left: auto;
    		}
    		.checkBox_wrap-left{
    			width: calc(70% - 10px);
    		}
    	}
    	.checkoutBox {
    		.send {
    			.btnBox {
    				margin-bottom: 10px;
    			}
    			.addressBox {
    				.address {
    					width: 100%;
    					margin-right: 10px;
    					margin-bottom: 10px;
    					&:last-child{
    						margin-bottom: 0;
    					}
    				}
    			}
    		}
    		.inputContents {
    			.radioBase {
    				width: 100%;
    			}
    		}
    	}
    }*/
  }
  .wrapper .headerBase,
  .wrapper .header__inner {
    min-width: 1080px;
    display: flex;
    align-items: center;
  }
  .wrapper .headerBase nav,
  .wrapper .header__inner nav {
    width: calc(100% - 130px);
  }
  .wrapper .headerBase nav ul,
  .wrapper .header__inner nav ul {
    display: flex;
    justify-content: flex-end;
  }
  .wrapper .headerBase nav ul li,
  .wrapper .header__inner nav ul li {
    font-size: 14px;
    line-height: 24px;
  }
  .wrapper .headerBase nav ul li a,
  .wrapper .header__inner nav ul li a {
    padding: 5px 10px;
  }
  .wrapper .headerBase nav ul li a:hover,
  .wrapper .header__inner nav ul li a:hover {
    color: var(--keyColor);
  }
  .wrapper .sliderBox .sliderBase {
    height: 500px;
    margin-left: calc((100% - 1000px)/2);
  }
  .wrapper .sliderBox .sliderBase li {
    height: 500px;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(1) {
    left: -2000px;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(2) {
    left: -1000px;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(3) {
    left: 0;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(4) {
    left: 1000px;
  }
  .wrapper .sliderBox .sliderBase li:nth-child(5) {
    left: 2000px;
  }
  .wrapper .inputBox {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .inputBox .inputTitle {
    width: 11em;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-right: 20px;
    box-sizing: border-box;
    
  }
  .wrapper .inputBox .inputContents {
    width: 75%;
    margin-bottom: 20px;
  }
  .wrapper .inputBase {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
    background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .wrapper .inputBase.round {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .wrapper .textareaBase {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
    background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .wrapper .textareaBase.round {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .wrapper input[type='submit'] {
    -webkit-appearance: none;
  }
  .wrapper .listText li {
    display: flex;
    position: relative;
  }
  .wrapper .listTextBox {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .listTextBox li {
    width: 50%;
  }
  .wrapper .listTextBox li:nth-child(even) a {
    border-left: 0;
  }
  .wrapper .listBox {
    margin-left: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    -ms-justify-content: start;
    -webkit-justify-content: start;
  }
  .wrapper .listBox li {
    width: 33%;
    padding-left: 10px;
    box-sizing: border-box;
  }
  .wrapper .stepBase.step2.stepColor li {
    min-width: 50%;
  }
  .wrapper .stepBase.step2.stepBox li {
    min-width: calc(50% - 7.5px);
  }
  .wrapper .stepBase.step2.stepBox li:nth-child(1) {
    margin-right: 7.5px;
  }
  .wrapper .stepBase.step2.stepBox li:nth-child(2) {
    margin-left: 7.5px;
  }
  .wrapper .stepBase.step3.stepColor li {
    min-width: 33.33%;
  }
  .wrapper .stepBase.step3.stepBox li {
    min-width: calc(33.33% - 10px);
  }
  .wrapper .stepBase.step3.stepBox li:nth-child(1) {
    margin-right: 10px;
  }
  .wrapper .stepBase.step3.stepBox li:nth-child(2) {
    margin: 0 5px;
  }
  .wrapper .stepBase.step3.stepBox li:nth-child(3) {
    margin-left: 10px;
  }
  .wrapper .stepBase.step4.stepColor li {
    min-width: 25%;
  }
  .wrapper .stepBase.step4.stepBox li {
    min-width: calc(25% - 11px);
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(1) {
    margin-right: 11px;
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(2) {
    margin-right: 7px;
    margin-left: 4px;
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(3) {
    margin-left: 7px;
    margin-right: 4px;
  }
  .wrapper .stepBase.step4.stepBox li:nth-child(4) {
    margin-left: 11px;
  }
  .wrapper .stepBase.wrap {
    justify-content: center;
    flex-wrap: wrap;
  }
  .wrapper .stepBase.wrap.stepBox li {
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .wrapper .stepBase.wrap.stepBox li:last-child {
    margin-right: 0;
  }
  .wrapper .baseWrap.orderHistory .orderHistoryBox {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .baseWrap.orderHistory .orderHistoryBox .dataDefinitionList dt {
    width: auto;
  }
  .wrapper .baseWrap.orderHistory .orderHistoryBox .dataDefinitionList dd {
    width: auto;
    margin-right: 40px;
  }
  .wrapper .baseWrap.orderHistory .orderHistoryBox .cartList {
    width: calc(100% - 210px);
  }
  .wrapper .baseWrap.orderHistory .orderHistoryBox .buttonList {
    width: 210px;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox .orderDataBox {
    width: calc(100% - 300px);
    padding-right: 40px;
    box-sizing: border-box;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox .orderPayBox {
    width: 300px;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .title {
    width: 100%;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox {
    width: calc(100% - 300px);
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .address {
    width: 40%;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .status {
    width: 60%;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .cartList {
    width: 100%;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .cartList > li .orderName {
    width: calc(100% - 380px);
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderDataBox .cartList > li .dataDefinitionList {
    width: 200px;
    margin-left: 20px;
    padding-top: 0;
  }
  .wrapper .baseWrap.orderHistory .orderDetailsBox.send .listOrder > li .orderPayBox {
    width: 300px;
  }
  .wrapper section.templateBase ul.templateBase {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .wrapper section.templateBase ul.templateBase li {
    width: 25%;
    margin-bottom: 40px;
  }

  .cart_aspx .cartBox .cartList li .dataBox {
    width: calc(100% - 480px);
  }
  .cart_aspx .cartBox .cartList li .dataBox .cartItemprice {
    color: var(--keyColor);
    margin: 10px 0;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .cart_aspx .cartBox .cartList li .selectBase {
    width: 180px;
    display: flex;
    align-content: flex-start;
    align-items: center;
    margin-left: auto;
  }
  .cart_aspx .cartBox .cartList li .selectBase label {
    width: 60px;
    font-weight: 500;
  }
  .cart_aspx .cartBox .cartList li .buttonList {
    /*width: 100px;*/
    margin-left: 20px;
  }
  .cart_aspx .cartBox .box {
    display: flex;
  }
  .cart_aspx .cartBox .box .couponBox {
    width: 40%;
    padding-top: 5px;
    padding-left: 20px;
    box-sizing: border-box;
  }
  .cart_aspx .cartBox .box .campaignBox {
    width: 60%;
  }
}
@media (max-width: 500px) {
  .wrapper.cart_aspx .baseWrap.contentsBox .cartBox .cartList > li .dataBox {
    width: 100%;
  }
  .wrapper.cart_aspx .baseWrap.contentsBox .cartBox .cartList > li > span + a, .wrapper.cart_aspx .baseWrap.contentsBox .cartBox .cartList > li > a {
    width: 100%;
  }
  .wrapper.cart_aspx .baseWrap.contentsBox .cartBox .cartList > li > span + a img.ProductImage, .wrapper.cart_aspx .baseWrap.contentsBox .cartBox .cartList > li > a img.ProductImage {
    width: 100%;
  }
}
/*header*/
@media (max-width: 767px) {
  .wrapper .header__inner {
    padding: 0;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    box-shadow: none;
  }
}
@media (min-width: 767px) {
  .wrapper .headerBase nav ul,
  .wrapper .header__inner nav ul {
    margin-left: 100px;
  }
  .wrapper .headerBase nav ul li,
  .wrapper .header__inner nav ul li {
    font-size: 18px;
    line-height: 28px;
  }
  .wrapper .headerBase nav ul li.order,
  .wrapper .header__inner nav ul li.order {
    margin-left: auto;
  }
  .wrapper .headerBase nav ul li.order .orderIcon:before,
  .wrapper .header__inner nav ul li.order .orderIcon:before {
    content: "";
    display: inline-block;
    background-image: url(../images/Common/icon/ico_order.svg);
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
  }
  .wrapper .headerBase nav ul li.inq .inqIcon:before,
  .wrapper .header__inner nav ul li.inq .inqIcon:before {
    content: "";
    display: inline-block;
    background-image: url(../images/Common/icon/ico_mail.svg);
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
  }
  .wrapper .headerBase nav ul li.cart,
  .wrapper .header__inner nav ul li.cart {
    position: relative;
  }
  .wrapper .headerBase nav ul li.cart .cartIcon:before,
  .wrapper .header__inner nav ul li.cart .cartIcon:before {
    content: "";
    display: inline-block;
    background-image: url(../images/Common/icon/ico_cart.svg);
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
  }
  .wrapper .headerBase nav ul li.cart #BasketSummary,
  .wrapper .header__inner nav ul li.cart #BasketSummary {
    background-color: var(--keyColor);
    color: #ffffff;
    width: 24px;
    height: 24px;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    margin: 0 auto;
    border-radius: 40px;
    position: absolute;
    right: -5px;
    top: -5px;
  }
  .wrapper .headerBase nav ul li .navText,
  .wrapper .header__inner nav ul li .navText {
    display: none;
  }
  .wrapper .header__inner {
    padding: 0;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    box-shadow: none;
  }
}
@media (min-width: 1080px) {
  .wrapper .headerBase nav ul,
  .wrapper .header_inner nav ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .wrapper .headerBase nav ul li,
  .wrapper .header_inner nav ul li {
    font-size: 18px;
    line-height: 28px;
  }
  .wrapper .header__inner {
    padding: 0;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    box-shadow: none;
  }
}
/*footer*/
.wrapper .footerBase {
  padding: 0;
}
.wrapper .footerBase ul.listText {
  padding: 10px 20px;
}
@media (min-width: 1080px) {
  .wrapper .footerBase ul.listText {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
}
@media (min-width: 1080px) {
  .wrapper .footerBase ul.listText li {
    font-size: 12px;
    line-height: 20px;
    border-bottom: none;
    width: auto;
  }
  .wrapper .footerBase ul.listText li:after {
    content: "";
    border-right: 1px solid #111111;
    width: 1px;
    height: 10px;
    display: inline-block;
    margin: auto;
    margin-left: 20px;
  }
  .wrapper .footerBase ul.listText li:last-child:after {
    content: none;
  }
}

/*footer*/
.wrapper .footerBase .footerLinkArea {
  border-top: 1px solid #856f5a;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .wrapper .footerBase .footerLinkArea .footerLinkArea__inner {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
}
.wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul {
    display: block;
    box-sizing: border-box;
  }
  .wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul:first-child {
    margin-right: 20px;
  }
}
.wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li {
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media (max-width: 420px) {
  .wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li {
    font-size: 12px;
    line-height: 20px;
  }
}
.wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li a {
  color: #b6ada6;
}
.wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li a:hover {
  text-decoration: underline;
  color: #7f6f63;
}
.wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li:after {
  content: "";
  border-right: 1px solid #7f6f63;
  width: 1px;
  height: 10px;
  display: inline-block;
  margin: auto;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li:after {
    content: none;
    margin-left: 0;
  }
}
.wrapper .footerBase .footerLinkArea .footerLinkArea__inner > ul li:last-child:after {
  content: none;
}
.wrapper .footerBase .linkToTop {
  background-color: #7f6f63;
  color: #fff;
  padding: 14px 20px;
  width: 100%;
  display: block;
  text-align: center;
}
.wrapper .footerBase .linkToTop a {
  color: #ffffff;
}
.wrapper .footerBase .Footergrdient {
  margin: 0;
  background: #d0c8c0;
  background: -moz-linear-gradient(#ffffff 0%, #d0c8c0 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0c8c0));
  background: -webkit-linear-gradient(#ffffff 0%, #d0c8c0 100%);
  background: -o-linear-gradient(#ffffff 0%, #d0c8c0 100%);
  background: linear-gradient(#ffffff 0%, #d0c8c0 100%);
  height: 20px;
}
.wrapper .footerBase small {
  font-style: italic;
  color: #777;
  padding: 20px 20px;
}
.wrapper .footerBase p.footerSiteName {
  font-style: normal;
  color: #fff;
  text-decoration: underline;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}

/*aspx*/
/*productdetail*/
.wrapper.productdetail_aspx {
    /*overflow: visible;*/
  /*matrix*/
}
@media (min-width: 767px) {
.wrapper.productdetail_aspx {
    overflow: initial;
}
}
.wrapper.productdetail_aspx .baseWrap {
  padding: 0px 10px 10px 10px;
  box-sizing: border-box;
}
.wrapper.productdetail_aspx .baseWrap .box_BreadCrumbs{margin-bottom:20px;}
.wrapper.productdetail_aspx .baseWrap .contTitle.text-center {
  text-align: center;
  font-weight: 600;
  background: #efefef;
  margin-bottom: 24px;
  color: #111111;
  padding-top: 14px;
  font-size: 18px;
  line-height: 28px;
}
.wrapper.productdetail_aspx .baseWrap .contTitle.text-center span {
  display: block;
  font-size: 0.5em;
  color: #9a9fa2;
  font-weight: normal;
  margin-top: -10px;
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .leftBlock {
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail .leftBlock {
    padding-right: 20px;
    width: 43%;
    max-width: 500px;
  }
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .rightBlock {
  width: 100%;
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail .rightBlock {
    width: 50%;
  }
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .bottomBlock {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 40px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail #ProductImage li {
  border: 1px solid #7e6f63;
  margin-right: 1px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ico_itemZoom {
  font-size: 10px;
  line-height: 16px;
  text-align: right;
  margin: 6px 0;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ico_itemZoom .ico:before {
  content: "";
  background-image: url("../Images/Common/Icon/ico_itemZoom.svg");
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: center;
  display: inline-block;
  margin-right: 0.5em;
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail .ico_itemZoom .display_sp {
    display: none;
  }
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail .ico_itemZoom .display_sp {
    display: inline-block;
  }
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail .ico_itemZoom .display_pc {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap #ProductDetail .ico_itemZoom .display_pc {
    display: none;
  }
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductImageThumb {
  background-color: #dee9f2;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-top: 6px;
  box-sizing: border-box;
  padding: 20px 0 20px 0;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductImageThumb .itemThumbSlider li img {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 1px 0 1px 1px;
  background-color: #89786c;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductImageThumb .itemThumbSlider li:first-child {
  margin-left: 10px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductImageThumb .itemThumbSlider li:last-child {
  border-right: 1px solid  #89786c;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductImageThumb .itemThumbSlider li.slick-current img {
  padding: 3px 2px 3px 3px;
  background-color: var(--keyColor);
  box-sizing: border-box;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail h2.ProductName {
    text-align: left;
    margin: 10px 0 20px 0;
    padding: 0;
    font-size: 30px;
    line-height: 40px;
    font-weight:normal;
}

.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductName .ProductSubName {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductName .ProductSubName span.itemCaption:after, .wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductName .ProductSubName span.itemCaption:before {
  content: "-";
  font-weight: normal;
  display: inline-block;
  margin: 5px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ProductCode {
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .GrouopIconList {
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #005ba5;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .GrouopIconList ul li {
  margin-right: 20px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .GrouopIconList ul li.GrouopIcon {
  width: 70px;
  height: auto;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .GrouopIconList ul li.GrouopIcon#GroupIcon_deodorant {
  width: 100px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .GrouopIconList ul li:last-child {
  margin-right: 0;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ListExplain {
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ErrorMessage {
  width: 100%;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ErrorMessage:empty {
  display: none;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .DetailExplain .AddDetailExplain {
  margin-bottom: 40px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .DetailExplain .AddDetailExplain > p:first-child {
  text-align: center;
  margin-bottom: 10px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .DetailExplain .AddDetailExplain:last-of-type {
  margin-bottom: 0;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .Attribute .AttributeList {
  padding: 0 10px;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .Attribute .AttributeList dt {
  padding: 0;
  font-weight: normal;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .Attribute .AttributeList dt:after {
  content: "：";
  display: inline-block;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .Attribute .AttributeList dd {
  margin-right: 1.5em;
}

.wrapper.productdetail_aspx .baseWrap .Recommend {
  margin-bottom: 60px;
}
.wrapper.productdetail_aspx .baseWrap .Recommend #VariationSlide #VariationSlideList {
  background: transparent;
}
.wrapper.productdetail_aspx .baseWrap .Recommend #VariationSlide #VariationSlideList li {
  /*width: 20%;*/
  padding: 0px 3px;
}
.wrapper.productdetail_aspx .baseWrap .Recommend #VariationSlide #VariationSlideList li #ProductName {
  font-size: 12px;
  line-height: 20px;
  color: #111111;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: normal;
  border-bottom: none;
}
.wrapper.productdetail_aspx .baseWrap .Recommend #VariationSlide #VariationSlideList li > a {
  display: block;
}
.wrapper.productdetail_aspx .baseWrap .Recommend #VariationSlide #VariationSlideList li > a div {
  border: 1px solid #e7e7e7;
}
.wrapper.productdetail_aspx .baseWrap .storeReceipt {
  background: -webkit-gradient(radial, center, 0, center, 100, from(#819dcb), to(#b6ada6));
  background: -webkit-radial-gradient(center, circle cover, #819dcb, #4a7cb7);
  background: -moz-radial-gradient(center, circle cover, #819dcb, #4a7cb7);
  background: -o-radial-gradient(center, circle cover, #819dcb, #4a7cb7);
  background: radial-gradient(circle farthest-corner at center, #819dcb, #4a7cb7);
  padding: 30px 20px 20px 20px;
  text-align: center;
  margin-top: 60px;
}
.wrapper.productdetail_aspx .baseWrap .storeReceipt ul {
  width: 300px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .baseWrap .storeReceipt {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
.wrapper.productdetail_aspx .baseWrap .btnBox.center a.btnTxt {
  display: inline-block;
  margin-bottom: 0;
}
.wrapper.productdetail_aspx .categoryTitle.min {
  position: relative;
  text-align: center;
}
.wrapper.productdetail_aspx .categoryTitle.min span {
  background-color: #e7e7e7;
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.wrapper.productdetail_aspx .categoryTitle.min:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  background-color: var(--keyColor);
}
.wrapper.productdetail_aspx .inputBox {
  margin-bottom: 30px;
}
.wrapper.productdetail_aspx .inputBox .selectBase select {
  background-color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .inputBox .selectBase.select01 {
  width: 100%;
  /*max-width: 280px;*/
}
.wrapper.productdetail_aspx .inputBox .selectBase.select01:after {
  top: calc(50% + 25px);
}
.wrapper.productdetail_aspx .inputBox .selectBase .VariationTit {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  display: block;
  margin-bottom: 16px;
  background-color: #231815;
  width: 100%;
  color: #fff;
  padding: 5px 10px;
}
.wrapper.productdetail_aspx .inputBox .selectBase .VariationTit:before {
  content: "STEP1：";
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
}
.wrapper.productdetail_aspx .ListPriceTable {
  display: table;
  width: 100%;
  table-layout: fixed;
  /*font-size: 14px;*/
}
.wrapper .ListPriceTable .PriceTitleB {
  display: none;
}
.wrapper.productdetail_aspx .ListPriceTable .priceB {
  /*&:before{
  	content:"¥";
  	font-size: 0.9em;
  	display: inline-block;
  }
  &:after{
  	content:"（税込）";
  	@include font-base;
  	display: inline-block;
  }
  .priceArea1 .priceUnit{display: none;}*/
font-weight:500;
}
.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1{
    display: flex;
    align-items: center;
}
.wrapper.productdetail_aspx .Price{margin-bottom:12px;}
.wrapper.productdetail_aspx .Price .ListPriceTable .priceB .priceArea1{
    font-size: 22px;
    line-height: 30px;
}

.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1 .priceUnit {
  font-size: 1em;
  color: #ED013C;
}
.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1 .priceNumeric{
    display: flex;
    align-items: center;
    color: #ED013C;
}
.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1 .priceNumeric:after {
    content: "(税込)";
    display: inline-block;
    font-size: 0.6em;
    margin-left: 0.5em;
    color:#484848;
}
.wrapper.productdetail_aspx .ListPriceTable .priceArea2 {
  font-size: 0.5em;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv4 {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: 20px;
  font-weight: 700;
}
.wrapper.productdetail_aspx .Caption {
  font-size: 18px;
  line-height: 28px;
}
.wrapper.productdetail_aspx .Information p {
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame{
padding:0 20px;
box-sizing:border-box;
}

.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput{
text-align: left;
padding-bottom:20px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput .NamePrintInputTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
  /*background-color: #f4f4f4;*/
  color: #484848;
  border-bottom: 1px solid #484848;
  box-sizing: border-box;
  padding: 5px 0px;
  width: 100%;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput .NamePrintInputTitle .marble_label--required{
margin:0 5px 0 0;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput .NamePrintOptionDescription {
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput .InputRestriction {
  margin-bottom: 10px;
  display: none;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput input {
  font-size: 18px;
  padding: 10px;
  text-align: center;
  font-weight: 500;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput input:focus {
  outline: 2px solid var(--keyColor);
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput input[type="radio"]{
    width: 18px;
    height: 18px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput input[type="radio"]+label{
    margin-right:16px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame#NamePrintOptionEachFrame1{padding-top:10px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame#NamePrintOptionEachFrame1 .NamePrintInput .NamePrintInputTitle:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame#NamePrintOptionEachFrame2 .NamePrintInput .NamePrintInputTitle:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame#NamePrintOptionEachFrame3 .NamePrintInput .NamePrintInputTitle:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame#NamePrintOptionEachFrame4 .NamePrintInput .NamePrintInputTitle:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame#NamePrintOptionEachFrame5 .NamePrintInput .NamePrintInputTitle:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.productdetail_aspx .NamePrintBlock{
    margin-bottom:20px;
    background-color: #efefef;
    /*padding: 20px;
    box-sizing: border-box;*/
}
.wrapper.productdetail_aspx .NamePrintBlock .NameprintHtmlTop{
padding:20px 20px 0 20px;
box-sizing:border-box;
}
.wrapper.productdetail_aspx .NamePrintBlock .NameprintHtmlTop:empty{display:none;}
.wrapper.productdetail_aspx .NamePrintBlock .selectBase.select01{
background-color:#fff;
}
.wrapper.productdetail_aspx .NamePrintBlock table,
.wrapper.productdetail_aspx .NamePrintBlock .selectBase.select01,
.wrapper.productdetail_aspx .NamePrintBlock input[type="text"]{
margin-bottom:10px;
font-size:13px;
}
.wrapper.productdetail_aspx .NamePrintBlock table tbody{
    display: flex;
    flex-wrap: wrap;
}
.wrapper.productdetail_aspx .NamePrintBlock + #divAddToCartAndBookmark .ErrorMessage{text-align:left; margin:10px 0;}
.wrapper.productdetail_aspx .btnColor.bigBtn {
  width: 100%;
  max-width: none;
  padding: 20px;
  font-size: 18px;
  border-radius: 40px;
}
.wrapper.productdetail_aspx .VariationListParts .VariationValue1Title {
  display: none;
}
.wrapper.productdetail_aspx .VariationList {
  background-color: #ffffff;
}
@media (min-width: 1080px) {
  .wrapper.productdetail_aspx .VariationList {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.wrapper.productdetail_aspx .VariationList .product {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0px 10px 0;
  border-bottom: 1px solid #b5c3df;
  box-sizing: border-box;
  position: relative;
  /*&.VCD2_1:first-of-type .VariationList_itemimg,
  &.VCD2_2:first-of-type .VariationList_itemimg{
  	display: block;
  }*/
}
.wrapper.productdetail_aspx .VariationList .product:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: -1px;
  height: 2px;
  background-color: #fff;
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .VariationList .product:after {
    width: 90px;
  }
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .VariationList .product:after {
    width: 70px;
  }
}
@media (min-width: 1080px) {
  .wrapper.productdetail_aspx .VariationList .product {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .wrapper.productdetail_aspx .VariationList .product {
    padding: 10px 20px;
  }
}
.wrapper.productdetail_aspx .VariationList .product:first-child {
  border-top: 2px solid #00559d;
}
.wrapper.productdetail_aspx .VariationList .product:nth-child(n+2) .VariationList_itemimg,
.wrapper.productdetail_aspx .VariationList .product:nth-child(n+2) .VariationList_variationname02 {
  display: none;
}
.wrapper.productdetail_aspx .VariationList .product:last-child {
  border-bottom: none;
}
.wrapper.productdetail_aspx .VariationList .product:last-child:after {
  content: none;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock {
  width: calc(100% - 186px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_itemimg {
  width: 60px;
  border: 1px solid #e7e7e7;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productTxt {
  font-size: 14px;
  line-height: 24px;
  width: auto;
  margin-right: 20px;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productTxt .VariationList_content {
  font-size: 1.3em;
  vertical-align: middle;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_itemcode {
  display: none;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_variationname02 {
  text-align: center;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_variationname02 span {
  display: none;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productPrice .ListPriceTable {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0;
  color: #111111;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productPrice .ListPriceTable .ListPriceTextB2 {
  display: flex;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productPrice .ListPriceTable .priceArea2 {
  font-size: 0.7em;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productPrice .ListPriceTable .priceB {
  font-weight: normal;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_productPrice .ListPriceTable .priceB .priceArea1 {
  white-space: nowrap;
  /*&:before{
  	content: "¥";
  	display: inline-block;
  }*/
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_detail {
  width: 60px;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_leftBlock .VariationList_detail2 {
  width: calc(100% - 60px);
  box-sizing: border-box;
  padding: 0 10px;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock {
  width: 186px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock .btnColor.min.arrow,
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock .btnBorder.disable.min,
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock .btnBorder.min.hasStock,
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock .btnColor.disable.min,
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock .btnColor.min {
  min-width: 145px;
}
.wrapper.productdetail_aspx .VariationList .product .VariationList_rightBlock .btnColor.disable.min {
  background-color: #c1cce4;
  color: #fff;
}
.wrapper.productdetail_aspx .VariationList:last-of-type .product:last-child {
  border-bottom: 2px solid #00559d;
}
.wrapper.productdetail_aspx .Box {
}
.wrapper.productdetail_aspx .modal__content .itemNameprintImg img {
  width: 480px;
  height: auto;
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .modal__content .itemNameprintImg img {
    width: 260px;
  }
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .modal__content .itemNameprintImg span.char1 + img,
  .wrapper.productdetail_aspx .modal__content .itemNameprintImg span.char2 + img,
  .wrapper.productdetail_aspx .modal__content .itemNameprintImg span.char3 + img,
  .wrapper.productdetail_aspx .modal__content .itemNameprintImg span.char4 + img {
    width: initial;
  }
}
.wrapper.productdetail_aspx .naire_block {
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px;
}
.wrapper.productdetail_aspx .naire_block .inputBox {
  margin-bottom: 20px;
}
.wrapper.productdetail_aspx .naire_block .inputBox:after {
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  background-image: url("../Images/Common/arrow_nairebottom.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  margin-top: 20px;
  background-size: 40px 18px;
}
.wrapper.productdetail_aspx #VariationMatrix #pnlVariationOpen a.btnBorder {
  max-width: none;
  margin-bottom: 20px;
}
.wrapper.productdetail_aspx #VariationMatrix #pnlVariationMatrix table#tblVariation {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #fff;
}
.wrapper.productdetail_aspx #VariationMatrix #pnlVariationMatrix table#tblVariation tr td {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  padding: 4px 8px;
  text-align: center;
}
.wrapper.productdetail_aspx #VariationMatrix #pnlVariationMatrix table#tblVariation tr:nth-child(n+2) td:first-child {
  text-align: left;
}
.wrapper.productdetail_aspx .GrouopIconList{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px;
    align-items: center;
}
.wrapper.productdetail_aspx .GrouopIconList > .GroupIconImage{
height:24px; width:auto;
}
.wrapper.productdetail_aspx .GrouopIconList > .GroupIconImage:not(:last-child){
margin-right:0.5em;
}

/*.GrouopIconList*/
.GrouopIconList{
margin-top:-5px;
}
.GrouopIconList p {
    border-radius: 10px; 
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 8px;
    line-height: 1;
    margin:0px 4px 4px 0;
    display: inline-block;
}
.GrouopIconList>p:first-child{
padding-left:0;
}
.GrouopIconList p+p{
padding-left:0;
}
.wrapper.productlist_aspx .GrouopIconList p:not(.NewIcon),
.wrapper.categorylist_aspx .GrouopIconList p:not(.NewIcon){
padding:3px 0;
}
.wrapper.productlist_aspx .GrouopIconList p+p,
.wrapper.categorylist_aspx .GrouopIconList p+p{
margin-right:0;
}
.GrouopIconList p.TagSearch {
    /*border: 1px solid var(--keyColor);
    background-color: #fff;
    color: var(--keyColor);*/
    border: 1px solid var(--keyColor);
    background-color: var(--keyColor);
    color: #fff;
    border-radius: 0;
    box-sizing: border-box;
    padding: 2px 3px;
}
.GrouopIconList p.TagSearch.TagSearch-yuutai,
.GrouopIconList p.TagSearch.TagSearch-recommend,
.GrouopIconList p.TagSearch.TagSearch-gift,
.GrouopIconList p.TagSearch.TagSearch-freeshipping,
.GrouopIconList p.TagSearch.TagSearch-limitedtime,
.GrouopIconList p.TagSearch.TagSearch-limitedquantity,
.GrouopIconList p.TagSearch.TagSearch-new{
    border: 1px solid var(--keyColor);
    background-color: var(--keyColor);
    color: #fff;
}

.GrouopIconList p.TagSearch.TagSearch-teikei,
.GrouopIconList p.TagSearch.TagSearch-incshippingfee,
.GrouopIconList p.TagSearch.TagSearch-tax{
    background-color: #717171;
    border: 1px solid #717171;
    color: #fff;
}

.GrouopIconList p.TagSearch + p.TagSearch{
margin-right:10px;
}
/*.GrouopIconList p.TagSearch-gift {border: 1px solid #86BE99;background-color: #86BE99;color: #fff;}
.GrouopIconList p.TagSearch-raiten {border: 1px solid #EE83A5;background-color: #EE83A5;color: #fff;}
.GrouopIconList p.TagSearch-freeshipping {border: 1px solid var(--keyColor);background-color: var(--keyColor);color: #fff;}*/
.GrouopIconList p.NewIcon {
    border: 1px solid var(--keyColor);
    background-color: #fff;
    color: var(--keyColor);
    margin: -1px 5px 7px 0px;
    vertical-align: middle;
    padding: 2px 8px;
    border-radius: 0;
    box-sizing: border-box;
}
.wrapper.productdetail_aspx .GrouopIconList p.NewIcon{
    margin: 3px 11px 7px 0px;
    padding: 2px 8px;
    font-size: 11px;
}
.wrapper.categorylist_aspx .GrouopIconList p.NewIcon{
    margin: -1px 5px 6px 0px;
}
.GrouopIconList p.TagSearch-ochuugen{border: 1px solid var(--keyColor); background-color:#fff; color: var(--keyColor);}
.GrouopIconList p.TagSearch-oseibo{border: 1px solid var(--keyColor); background-color:#fff; color: var(--keyColor);}
.itemList .ItemInfoWrap .GrouopIconList p{font-size: 12px;}
.itemList .ItemInfoWrap .GrouopIconList p:nth-child(n+3) {display:none !important;}

.wrapper.top_aspx .baseWrap.contentsBox {
  max-width: none;
  padding: 0 0 10px 0;
}
.wrapper.top_aspx .baseWrap.contentsBox .block {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px 0 20px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .baseWrap.contentsBox .block {
    margin-bottom: 60px;
  }
}
.wrapper.top_aspx .baseWrap.contentsBox .block:last-of-type {
  margin-bottom: 0;
}
.wrapper.top_aspx .baseWrap.contentsBox .mainimg {
  background-color: #efefef;
  margin-top: -40px;
}
.wrapper.top_aspx .baseWrap.contentsBox .mainimg__inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.wrapper.top_aspx .baseWrap.contentsBox .thumbimg {
  background-color: #231815;
  width: 100%;
}
.wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 0 auto;
}
.wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner .slick-track {
  width: 100%;
  transform: translate3d(0px, 0px, 0px);
  display: flex;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner .slick-track {
    width: auto;
    transform: 0;
    display: block;
  }
}
.wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner .slick-track li {
  padding: 20px;
  width: 180px;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner .slick-track li {
    width: 100px;
    padding: 20px 10px;
  }
}
.wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner .slick-track li:focus {
  border: none;
  outline: none;
}
.wrapper.top_aspx .baseWrap.contentsBox .thumbimg .thumbimg_inner .slick-track li.slick-current img {
  outline: 3px solid var(--keyColor);
  background-origin: border-box;
}
.wrapper.top_aspx .baseWrap.contentsBox.contentsBox#Contents {
  max-width: 1200px;
  padding-right: 0;
  padding-left: 0;
  overflow:initial;

}
.wrapper.top_aspx .baseWrap.contentsBox.contentsBox .newsList .contTitle {
  margin-bottom: 20px;
}
.wrapper.top_aspx .TopRecommend {
  background-color: #e7e7e7;
  padding: 60px 0 50px 0;
}
.wrapper#store.top_aspx .mainArea>*:not(#mainVisual, .SalesRankingParts ).NewsListParts{
    /* border-top: 2px solid #393939;
    border-bottom: 2px solid #393939; */
    padding: 20px 0;
    margin-top: 60px;
    background-color: var(--bgColor);
}
.wrapper.top_aspx .newsList {

}
.wrapper#store.top_aspx .newsList .mainTit{
    margin-top: 20px;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .newsList {
    margin-bottom: 0px;
    padding:0 10px;
    box-sizing:border-box;
  }
}
@media (max-width: 767px) {
  .wrapper.top_aspx .newsList li {
    padding:10px 0;
  }
}
@media (max-width: 767px) {
.wrapper .listText li p a{
    box-sizing: border-box;
    padding-right: 15px;
}
}
@media (max-width: 767px) {
.wrapper .listText li p a:after{
    right: 0px;
}
}
.wrapper.top_aspx .newsList .listText li {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.wrapper.top_aspx .newsList .listText li:last-child{
  border-bottom:none;
}
.wrapper.top_aspx .baseWrap.contentsBox h2.contTitle.text-center {
  text-align: center;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
}
.wrapper.top_aspx .baseWrap.contentsBox h2.contTitle.text-center span {
  display: block;
  font-size: 0.5em;
  color: #9a9fa2;
  font-weight: normal;
  margin-top: -10px;
}
.wrapper.top_aspx .baseWrap.contentsBox section {
  margin-bottom: 20px;
}
.wrapper.top_aspx .baseWrap.contentsBox section.siteMainImg {
  margin: 0 auto;
}
.wrapper.top_aspx .baseWrap.contentsBox section.siteConcept {
  margin: 0 auto 20px auto;
  background: -webkit-gradient(radial, center, 0, center, 100, from(#d0c8c0), to(#b6ada6));
  background: -webkit-radial-gradient(center, circle cover, #d0c8c0, #b6ada6);
  background: -moz-radial-gradient(center, circle cover, #d0c8c0, #b6ada6);
  background: -o-radial-gradient(center, circle cover, #d0c8c0, #b6ada6);
  background: radial-gradient(circle farthest-corner at center, #d0c8c0, #b6ada6);
  padding: 10px 20px 40px 20px;
  text-align: center;
}
.wrapper.top_aspx .baseWrap.contentsBox section.siteConcept h2 {
  color: #ffffff;
}
.wrapper.top_aspx .baseWrap.contentsBox section.siteConcept p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeReceipt {
  background: -webkit-gradient(radial, center, 0, center, 100, from(#819dcb), to(#b6ada6));
  background: -webkit-radial-gradient(center, circle cover, #819dcb, #4a7cb7);
  background: -moz-radial-gradient(center, circle cover, #819dcb, #4a7cb7);
  background: -o-radial-gradient(center, circle cover, #819dcb, #4a7cb7);
  background: radial-gradient(circle farthest-corner at center, #819dcb, #4a7cb7);
  padding: 30px 20px 20px 20px;
  text-align: center;
  margin-top: 60px;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeReceipt ul {
  width: 300px;
  margin: 0 auto;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition {
  text-align: center;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li {
  border-top: 1px solid var(--keyColor);
  border-bottom: 1px solid #b5c3df;
  margin-bottom: 20px;
  padding: 10px 0;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li:last-child {
  margin-bottom: 0px;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li > dl {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li > dl > dt {
  width: 64%;
  font-weight: normal;
  padding: 0 20px;
  text-align: left;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li > dl > dt .WhatsNewDate {
  color: var(--keyColor);
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li > dl > dd {
  width: 36%;
}
.wrapper.top_aspx .baseWrap.contentsBox section.specialEdition ul > li > dl > dd img {
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
}
.wrapper.top_aspx .baseWrap.contentsBox section.searchCategory {
  background-color: #e0e5f2;
  padding: 10px 0 40px 0;
}
.wrapper.top_aspx .baseWrap.contentsBox section.searchCategory dl dd {
  border-bottom: 2px solid var(--keyColor);
  padding-bottom: 40px;
}
.wrapper.top_aspx .baseWrap.contentsBox section.searchCategory dl.searchPrice dd {
  border-bottom: none;
}
.wrapper.top_aspx .baseWrap.contentsBox section.coordinate {
  text-align: center;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink {
  margin-top: 40px;
  margin-bottom: 80px;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li {
  margin-bottom: 40px;
  position: relative;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li:last-child {
  margin-bottom: 0;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li a:after {
  content: '';
  background-image: url(../Images/Common/Icon/arrow/ico_arrow03White.svg);
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
}
@media (min-width: 767px) {
  .wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li a:after {
    right: 20px;
  }
}
@media (min-width: 767px) {
  .wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li {
    width: calc(40% - 20px);
    box-sizing: border-box;
    margin: 10px;
    margin-bottom: 0;
  }
  .wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li img {
    width: 100%;
    max-width: 396px;
  }
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li.bnr_company a:after {
  background-image: url(../Images/Common/Icon/arrow/ico_arrow03KeyColor.svg);
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li.bnr_company:hover a:after {
  background-image: url(../Images/Common/Icon/arrow/ico_arrow03White.svg);
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li.bnr_onlineMaintenance img {
  transition: .3s;
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul li.bnr_onlineMaintenance:hover img {
  opacity: 0.6;
}
@media (min-width: 767px) {
  .wrapper.top_aspx .baseWrap.contentsBox section.storeLink ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
}
.wrapper.top_aspx .baseWrap.contentsBox section.storeMovie {
  text-align: center;
  margin-bottom: 80px;
}
.wrapper.top_aspx .baseWrap.contentsBox .searchSize {
  margin-top: -20px;
}
.wrapper.top_aspx .baseWrap.contentsBox .searchSize dd {
  padding-bottom: 60px;
}
.wrapper.top_aspx .baseWrap.contentsBox .searchPrice .priceSerect,
.wrapper.top_aspx .baseWrap.contentsBox .searchPrice .sizeSerect,
.wrapper.top_aspx .baseWrap.contentsBox .searchSize .priceSerect,
.wrapper.top_aspx .baseWrap.contentsBox .searchSize .sizeSerect {
  background-color: var(--keyColor);
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.top_aspx .baseWrap.contentsBox .searchPrice .priceSerect ul li ul li span,
.wrapper.top_aspx .baseWrap.contentsBox .searchPrice .sizeSerect ul li ul li span,
.wrapper.top_aspx .baseWrap.contentsBox .searchSize .priceSerect ul li ul li span,
.wrapper.top_aspx .baseWrap.contentsBox .searchSize .sizeSerect ul li ul li span {
  font-size: 12px;
  line-height: 20px;
}
.wrapper.top_aspx .baseWrap.contentsBox .searchPrice .selectBase.select01.priceSerect:after,
.wrapper.top_aspx .baseWrap.contentsBox .searchPrice .selectBase.select01.sizeSerect:after,
.wrapper.top_aspx .baseWrap.contentsBox .searchSize .selectBase.select01.priceSerect:after,
.wrapper.top_aspx .baseWrap.contentsBox .searchSize .selectBase.select01.sizeSerect:after {
  background-image: url(../Images/Common/Icon/arrow/ico_arrow03White.svg);
}
.wrapper.top_aspx .baseWrap.contentsBox #Search {
  display: none;
}
.wrapper.top_aspx .baseWrap.contentsBox .Ranking h2.contTitle.text-center.warrowTit.blue {
  margin-bottom: 40px;
}
.wrapper.top_aspx .baseWrap.contentsBox .Ranking .SalesRankingParts .listContent li:nth-last-child(-n+2) {
  margin-bottom: 40px;
}

/*groupnewslist_aspx*/
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts {
  text-align: center;
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts h2.contTitle.text-center {
    margin-top: 40px;
  }
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 -10px;
  padding: 30px 0 24px 0;
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block {
    display: block;
  }
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li {
  width: calc(100% / 3);
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li {
    width: 100%;
  }
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 0 10px;
  height: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
  }
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dt {
  margin-top: auto;
  font-weight: normal;
  text-align: left;
  box-sizing: border-box;
  padding: 0 10px 10px 10px;
  min-height: 1%;
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dt .WhatsNewDate {
  color: var(--keyColor);
  font-weight: normal;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dt {
    width: 64%;
    font-weight: normal;
    padding: 10px 20px;
    text-align: left;
    margin-top: 0;
  }
}
@media (max-width: 400px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dt {
    width: 48%;
  }
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dd {
  margin-bottom: 20px;
  min-height: 1%;
}
.wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dd img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dd img {
    border-radius: 0 10px 10px 0;
  }
}
@media (max-width: 767px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dd {
    width: 36%;
    margin-bottom: 0;
  }
}
@media (max-width: 400px) {
  .wrapper.groupnewslist_aspx .baseWrap.contentsBox .specialEdition.GroupNewsListParts ul.block > li > dl dd {
    width: 52%;
  }
}

.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts {
  text-align: center;
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail {
  text-align: left;
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .contTitle.newsDetailTit {
  border-bottom: 1px solid #927863;
  padding-bottom: 8px;
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .contTitle.newsDetailTit:before {
  content: "";
  display: inline-block;
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .newsDetailDate {
  display: block;
  color: var(--keyColor);
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .newsDetailTxt {
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .newsDetailImg {
  text-align: center;
  margin-bottom: 40px;
}
.wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .newsDetailImg img {
  width: auto;
  max-width: 800px;
}
@media (max-width: 800px) {
  .wrapper.groupnews_aspx .baseWrap.contentsBox .GroupNewsDetailParts .newsDetail .newsDetailImg img {
    width: 100%;
  }
}


/*productlist*/
.wrapper.top_aspx .listBox {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wrapper.top_aspx .listBox li {
  width: 50%;
  padding-left: 60px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper.top_aspx .listBox li {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li {
    width: 100%;
    margin-bottom: 40px;
    padding-left: 10px;
  }
}
.wrapper.top_aspx .listBox li .itemCap {
  align-items: flex-end;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wrapper.top_aspx .listBox li .number {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  padding: 10%;
  position: relative;
  z-index: 1;
  margin-bottom: -8%;
  width: 10%;
  display: block;
}
.wrapper.top_aspx .listBox li .itemCaption {
  font-size: 14px;
  line-height: 24px;
  width: 80%;
  margin-left: auto;
  padding-left: 10px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .itemCaption {
    font-size: 3.4vw;
    line-height: 4.4vw;
  }
}
.wrapper.top_aspx .listBox li a {
  width: calc(100% - 30px);
  overflow: initial;
  border: none;
  background-color: transparent;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .wrapper.top_aspx .listBox li a {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li a {
    width: calc(100% - 20px);
  }
}
.wrapper.top_aspx .listBox li:nth-child(1) .number {
  background-image: url(/store/images/common/number/01.svg);
}
.wrapper.top_aspx .listBox li:nth-child(2) .number {
  background-image: url(/store/images/common/number/02.svg);
}
.wrapper.top_aspx .listBox li:nth-child(3) .number {
  background-image: url(/store/images/common/number/03.svg);
}
.wrapper.top_aspx .listBox li:nth-child(4) .number {
  background-image: url(/store/images/common/number/04.svg);
}
.wrapper.top_aspx .listBox li:nth-child(5) .number {
  background-image: url(/store/images/common/number/05.svg);
}
.wrapper.top_aspx .listBox li:nth-child(6) .number {
  background-image: url(/store/images/common/number/06.svg);
}
.wrapper.top_aspx .listBox li:nth-child(7) .number {
  background-image: url(/store/images/common/number/07.svg);
}
.wrapper.top_aspx .listBox li:nth-child(8) .number {
  background-image: url(/store/images/common/number/08.svg);
}
.wrapper.top_aspx .listBox li:nth-child(9) .number {
  background-image: url(/store/images/common/number/09.svg);
}
.wrapper.top_aspx .listBox li .ItemImgArea {
  position: relative;
  border: 2px solid #111111;
}
.wrapper.top_aspx .listBox li .ItemImgArea .itemBtn {
  position: absolute;
  bottom: -20px;
  right: -30px;
  color: #ffffff;
  padding: 8px 20px;
  box-sizing: border-box;
  font-size: 1.5vw;
  line-height: 2.5vw;
  width: 60%;
  max-width: 270px;
  text-align: center;
}
@media (min-width: 1080px) {
  .wrapper.top_aspx .listBox li .ItemImgArea .itemBtn {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .ItemImgArea .itemBtn {
    padding: 12px 20px;
    font-size: 3vw;
    line-height: 4vw;
    max-width: 310px;
  }
}
.wrapper.top_aspx .listBox li:hover .ItemImgArea .itemBtn {
  background-color: var(--keyColor);
}
.wrapper.top_aspx .listBox li .itemNameArea {
  margin-top: 4%;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .itemNameArea {
    margin-top: 7%;
  }
}
.wrapper.top_aspx .listBox li .itemNameArea .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  padding: 10px 0 0 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .itemNameArea .title {
    font-size: 4vw;
    line-height: 5vw;
    padding: 0px 0 0 0;
  }
}
.wrapper.top_aspx .listBox li .priceArea .ListPriceTable {
  font-size: 100%;
  font-size: 18px;
  line-height: 28px;
  color: #9d2328;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .priceArea .ListPriceTable {
    font-size: 4vw;
    line-height: 5vw;
  }
}
.wrapper.top_aspx .listBox li .priceArea .ListPriceTable .PriceTitleB {
  display: none;
}
.wrapper.top_aspx .listBox li .priceArea .ListPriceTable .priceArea2 {
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .priceArea .ListPriceTable .priceArea2 {
    font-size: 3vw;
    line-height: 4vw;
  }
}
.wrapper.top_aspx .listBox li .itemTag {
  position: absolute;
  right: -100px;
  transform: rotate(90deg);
  top: -15%;
  bottom: 0;
  margin: auto;
  height: 1em;
  font-size: 16px;
  letter-spacing: 3px;
  line-height: 16px;
  font-weight: 600;
}
@media (max-width: 1080px) {
  .wrapper.top_aspx .listBox li .itemTag {
    right: -21%;
    top: -15%;
    font-size: 1.5vw;
    line-height: 2vw;
  }
}
@media (max-width: 767px) {
  .wrapper.top_aspx .listBox li .itemTag {
    right: -21%;
    top: 0;
    bottom: 33px;
    font-size: 3vw;
    line-height: 4vw;
    letter-spacing: 2px;
  }
}

.wrapper .SalesRankingParts .listContent li .lab:before {
  counter-increment: number 1;
  content: counter(number) "";
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8vw;
}
@media (min-width: 1080px) {
  .wrapper .SalesRankingParts .listContent li .lab:before {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .wrapper .SalesRankingParts .listContent li .lab:before {
    font-size: 3vw;
  }
}
.wrapper .SalesRankingParts .listContent li:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(/store/images/common/icon/ico_ranking_blue.svg);
  padding: 1.6vw;
  top: -2.8vw;
  left: -0.1vw;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 1080px) {
  .wrapper .SalesRankingParts .listContent li:before {
    padding: 17px;
    top: -30px;
    left: -1px;
  }
}
@media (max-width: 767px) {
  .wrapper .SalesRankingParts .listContent li:before {
    padding: 2.2vw;
    top: -4vw;
    left: -0.2vw;
  }
}
.wrapper .SalesRankingParts .listContent li:first-child:before {
  background-image: url(/store/images/common/icon/ico_ranking_gold.svg);
}
.wrapper .SalesRankingParts .listContent li:nth-child(2):before {
  background-image: url(/store/images/common/icon/ico_ranking_silver.svg);
}
.wrapper .SalesRankingParts .listContent li:nth-child(3):before {
  background-image: url(/store/images/common/icon/ico_ranking_bronze.svg);
}
.wrapper .SalesRankingParts .listContent li img {
  border: 1px solid #a0a0a0;
  margin-bottom: 10px;
}


/*tit*/
.wrapper .primaryStyle.contentsBox .contTitle.warrowTit,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit {
  font-family: "Montserrat", serif;
  display: inline-block;
  position: relative;
  margin: 0 1em 20px 1em;
}
.wrapper .primaryStyle.contentsBox .contTitle.warrowTit span,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit span {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #9a9fa2;
}
.wrapper .primaryStyle.contentsBox .contTitle.warrowTit:before, .wrapper .primaryStyle.contentsBox .contTitle.warrowTit:after,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit:before,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit:after {
  content: "";
  background-image: url(/store/images/common/icon/ico_titArrowBlack.svg);
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 0.5em;
  background-repeat: no-repeat;
}
.wrapper .primaryStyle.contentsBox .contTitle.warrowTit:before,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit:before {
  transform: rotate(180deg);
  left: -0.7em;
}
.wrapper .primaryStyle.contentsBox .contTitle.warrowTit:after,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit:after {
  right: -0.7em;
}
.wrapper .primaryStyle.contentsBox .contTitle.warrowTit span,
.wrapper .baseWrap.contentsBox .contTitle.warrowTit span {
  display: block;
  font-size: 0.5em;
  font-weight: normal;
  margin-top: -10px;
}
.wrapper .primaryStyle.contentsBox .contTitle.blue,
.wrapper .baseWrap.contentsBox .contTitle.blue {
  color: var(--keyColor);
}
.wrapper .primaryStyle.contentsBox .contTitle.blue:before, .wrapper .primaryStyle.contentsBox .contTitle.blue:after,
.wrapper .baseWrap.contentsBox .contTitle.blue:before,
.wrapper .baseWrap.contentsBox .contTitle.blue:after {
  background-image: url(/store/images/common/icon/ico_titArrowBlue.svg);
}
.wrapper .primaryStyle.contentsBox .contTitle.blue span,
.wrapper .baseWrap.contentsBox .contTitle.blue span {
  color: var(--keyColor);
}
.wrapper.top_aspx .primaryStyle.contentsBox h2.contTitle.text-center.blue span,
.wrapper.top_aspx .baseWrap.contentsBox h2.contTitle.text-center.blue span {
  color: var(--keyColor);
}

/*itemList*/
.wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
.wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .TotalCount {
  width: auto;
}
@media (max-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .TotalCount {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox {
    width: auto;
  }
}
@media (max-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox {
    width: 50%;
  }
}
.wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox .selectBase.select01 {
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox .selectBase.select01 select {
    padding: 10px 0 10px 10px;
    padding-left: 20px;
    border: none;
  }
}
@media (max-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox .selectBase.select01 select {
    border-right: none;
  }
}
@media (min-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox .selectBase.select01:after {
    content: '';
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-size: 13px auto;
    top: 50%;
    left: 0;
  }
}
@media (min-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox.listSort {
    margin-left: auto;
  }
}
@media (min-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox.listSort .selectBase.select01 {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .wrapper .baseWrap.contentsBox .ProductListHeader.itemListHeader .list_selectbox.listSort .selectBase.select01 select {
    border-left: none;
  }
}
.wrapper .baseWrap.contentsBox .listContent li.product .title {
  font-weight: normal;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.wrapper .baseWrap.contentsBox .listContent li.product .price {
  font-size: 14px;
  line-height: 24px;
}
.wrapper .baseWrap.contentsBox .listContent li.product .price .priceB {
  font-weight: normal;
}
.wrapper .baseWrap.contentsBox .listContent li.product .price .priceNumeric:after {
  content: "(税込)";
  display: inline-block;
}

/*registCardInfo*/
.wrapper.registcardinfo_aspx .clientValidationSummary {
  margin-bottom: 50px;
}
.wrapper.registcardinfo_aspx .OrderSet {
  border: 1px solid #ccc5bf;
  border-radius: 10px;
  margin-bottom: 40px;
}

@media (min-width: 767px) {
  .wrapper.registcardinfo_aspx .OrderSet {
    padding: 40px 40px 40px 40px;
  }
}
@media (max-width: 767px) {
  .wrapper.registcardinfo_aspx .OrderSet {
    padding: 40px 20px 20px 20px;
  }
}
@media (min-width: 767px) {
  .wrapper.registcardinfo_aspx .inputBox .inputTitle {
    min-width: 235px;
    text-align: left;
  }
}
@media (min-width: 1080px) {
  .wrapper.registcardinfo_aspx .inputBox .inputTitle {
    width: 25%;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-right: 20px;
    box-sizing: border-box;
    text-align: right;
  }
}
.wrapper.registcardinfo_aspx .inputBox .inputTitle:empty {
  display: none;
}
.wrapper.registcardinfo_aspx .inputBox .inputTitle:empty + .inputContents {
  display: none;
}
.wrapper.registcardinfo_aspx .inputBox .inputContents {
  position: relative;
}
@media (min-width: 767px) {
  .wrapper.registcardinfo_aspx .inputBox .inputContents {
    width: calc(100% - 235px);
  }
}
@media (min-width: 1080px) {
  .wrapper.registcardinfo_aspx .inputBox .inputContents {
    width: 75%;
    margin-bottom: 20px;
  }
}
.wrapper.registcardinfo_aspx .inputBox .inputContents .errormsg {
  width: 100%;
  margin-top: 4px;
  /*position: absolute;
  top: -45px;
  left: 0;*/
}
.wrapper.registcardinfo_aspx .inputBox .inputContents .errormsg span {
  margin: 10px 0px 0px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  /*border: 1px solid rgb(219, 0, 0);*/
  box-sizing: border-box;
  display: block;
}
.wrapper.registcardinfo_aspx .inputBox .inputContents:empty {
  display: none;
}
.wrapper.registcardinfo_aspx .inputBox .inputContents.card {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper.registcardinfo_aspx .inputBox .inputContents.card div:first-of-type {
  width: calc(50% - 30px);
}
.wrapper.registcardinfo_aspx .inputBox .inputContents.card div:nth-of-type(2) {
  width: calc(50% - 35px);
}
.wrapper.registcardinfo_aspx .inputBox .inputContents.card span {
  width: 30px;
  display: inline-block;
  padding: 0 0 0 5px;
  box-sizing: border-box;
}
.wrapper.registcardinfo_aspx .inputBox .inputContents.card span:first-of-type {
  width: 35px;
}
.wrapper.registcardinfo_aspx .btnBox {
  text-align: center;
}

.wrapper.orderhistory_aspx .cartBox > ul > li,
.wrapper.orderhistory_aspx .settingBox > ul > li {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_left,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_left {
  width: calc(100% - 70px);
  min-width: 230px;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_left .status,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_left .status {
  margin-top: 0;
  margin-bottom: 15px;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_left > dl,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_left > dl {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_left > dl dt, .wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_left > dl dd,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_left > dl dt,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_left > dl dd {
  margin-bottom: 4px;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_left > dl dt,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_left > dl dt {
  width: 6em;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_right,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_right {
  width: 70px;
  text-align: center;
}
.wrapper.orderhistory_aspx .cartBox > ul > li .orderHistory_right .btnBorder.min.btnOrderDetail,
.wrapper.orderhistory_aspx .settingBox > ul > li .orderHistory_right .btnBorder.min.btnOrderDetail {
  border: 1px solid var(--keyColor);
}
.wrapper.orderhistory_aspx .cartBox > ul > li:nth-child(n+2),
.wrapper.orderhistory_aspx .settingBox > ul > li:nth-child(n+2) {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

.wrapper.checkout_aspx,
.wrapper.u_page_shoplist_aspx {
  /*店舗検索*/
  /*:not(:required) hides this rule from IE9 and below */
}
.wrapper.checkout_aspx .checkoutBox .deliveryAddressBlock > div,
.wrapper.u_page_shoplist_aspx .checkoutBox .deliveryAddressBlock > div {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.wrapper.checkout_aspx .checkoutBox .deliveryAddressBlock > div input[type="radio"],
.wrapper.u_page_shoplist_aspx .checkoutBox .deliveryAddressBlock > div input[type="radio"] {
  margin-right: 6px;
}

.wrapper.u_page_shoplist_aspx .checkoutBox .deliveryAddressBlock > div .selectBase.select01 {
  width: 100%;
  max-width: 300px;
}
.wrapper.checkout_aspx .checkoutBox .AddressBook,
.wrapper.u_page_shoplist_aspx .checkoutBox .AddressBook {
  margin-top: 10px;
}
.wrapper.checkout_aspx .checkoutBox .deliveryShopNameBlock > div,
.wrapper.u_page_shoplist_aspx .checkoutBox .deliveryShopNameBlock > div {
  margin-top: 10px;
}
.wrapper.checkout_aspx .checkoutBox .deliveryShopNameBlock > div:empty,
.wrapper.u_page_shoplist_aspx .checkoutBox .deliveryShopNameBlock > div:empty {
  margin-top: 0;
}
.wrapper.checkout_aspx .checkoutBox input#ctl00_body_txtReceiptStoreName,
.wrapper.u_page_shoplist_aspx .checkoutBox input#ctl00_body_txtReceiptStoreName {
  visibility: hidden;
}
.wrapper.checkout_aspx .checkoutBox .storeReceiptType2Frame .btnBorderBlack:before,
.wrapper.u_page_shoplist_aspx .checkoutBox .storeReceiptType2Frame .btnBorderBlack:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../Images/Common/Icon/ico_searchBlack.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  vertical-align: middle;
  margin-right: 2px;
}
.wrapper.checkout_aspx .checkoutBox.shippingDateBlock .deliveryShopMsg,
.wrapper.u_page_shoplist_aspx .checkoutBox.shippingDateBlock .deliveryShopMsg {
  color: #c81e00;
  font-weight: 600;
}
.wrapper.checkout_aspx *,
.wrapper.u_page_shoplist_aspx * {
  box-sizing: border-box;
}
.wrapper.checkout_aspx .shopList_wrapper .text.center,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .text.center {
  text-align: center;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_select > .selectBase select,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_select > .selectBase select {
  width: 100%;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li {
  border: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .toggleTit .btnPluse,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .toggleTit .btnPluse {
  padding: 5px;
  padding-left: 30px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  border: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .toggleTit .btnPluse:before,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .toggleTit .btnPluse:before {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-image: url("/store/images/Common/Icon/ico_pluse02Black.svg");
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 5px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnBox.center,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnBox.center {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  margin: 20px auto 0 auto;
  text-align: center;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_hr,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  background: #fe92b6;
  background: -moz-linear-gradient(top, #fe92b6 0%, #ff4b86 100%);
  background: -webkit-linear-gradient(top, #fe92b6 0%, #ff4b86 100%);
  background: linear-gradient(to bottom, #fe92b6 0%, #ff4b86 100%);
  color: #ffffff;
  cursor: pointer;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 7px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.round.arrow:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.round.arrow:after {
  background-image: url(/store/images/Common/Icon/arrow/ico_arrow01White.svg);
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow:after {
  background-image: url(/store/images/Common/Icon/arrow/ico_arrow03White.svg);
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.btnBorder, .wrapper.checkout_aspx .wrapper .btnColor.btnBorderBlack,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.btnBorder,
.wrapper.u_page_shoplist_aspx .wrapper .btnColor.btnBorderBlack {
  padding: 8px 30px;
  background-color: #ffffff;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow {
  padding: 10px 30px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  display: block;
  background-position: center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 7px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow.prev:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow.prev:after {
  transform: rotate(180deg);
  left: 7px;
  right: auto;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow.prev:hover:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow.prev:hover:after {
  left: 5px;
  right: auto;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.arrow:hover:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.arrow:hover:after {
  right: 5px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnColor.round,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnColor.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper.checkout_aspx .shopList_wrapper #btnReceiptStoreSearch,
.wrapper.u_page_shoplist_aspx .shopList_wrapper #btnReceiptStoreSearch {
  background-image: url(/store/images/common/icon/ico_searchKeyColor.svg);
  background-repeat: no-repeat;
  background-position: calc(50% - 4em) 50%;
  background-size: 16px 16px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnBorder,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnBorder {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  border: 1px solid var(--keyColor);
  color: var(--keyColor);
  background-color: #ffffff;
  cursor: pointer;
}
.wrapper.checkout_aspx .shopList_wrapper .btnBorder.arrow.prev:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnBorder.arrow.prev:after {
  transform: rotate(180deg);
  left: 7px;
  right: auto;
}
.wrapper.checkout_aspx .shopList_wrapper .btnBorder.arrow.prev:hover:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnBorder.arrow.prev:hover:after {
  left: 5px;
  right: auto;
}
.wrapper.checkout_aspx .shopList_wrapper .btnBorder.arrow:hover:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnBorder.arrow:hover:after {
  right: 5px;
}
.wrapper.checkout_aspx .shopList_wrapper .btnBorder.round,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .btnBorder.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.wrapper.checkout_aspx .shopList_wrapper button,
.wrapper.u_page_shoplist_aspx .shopList_wrapper button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.wrapper.checkout_aspx .shopList_wrapper button span.searchicon,
.wrapper.u_page_shoplist_aspx .shopList_wrapper button span.searchicon {
  display: block;
  background-image: url(/store/images/common/icon/ico-search.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin: auto;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_select,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_select {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_select > .selectBase,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_select > .selectBase {
  width: calc(100% - 20px);
  margin: 10px 10px 20px 10px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_select > .selectBase select#ddlStoreSelectLevel3,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_select > .selectBase select#ddlStoreSelectLevel3 {
  display: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_select > .selectBase.select01:nth-child(2),
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_select > .selectBase.select01:nth-child(2) {
  display: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_select > .selectBase.select01:last-of-type,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_select > .selectBase.select01:last-of-type {
  display: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_input,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_input {
  position: relative;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check {
  margin: 40px 0px;
  display: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .toggleTit,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .toggleTit {
  border: 1px solid #ccc;
  margin-bottom: 0;
  border-bottom: none;
  padding: 10px;
  box-sizing: border-box;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .toggleTit.close,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .toggleTit.close {
  border: 1px solid #ccc;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .btnPluse,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .btnPluse {
  border: none;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .toggleTit.close .btnPluse:before,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .toggleTit.close .btnPluse:before {
  background-image: url(/store/Images/Common/Icon/ico_minus02Black.svg);
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 10px 20px;
  margin-bottom: 40px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock dt,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock dt {
  font-weight: 600;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock:first-of-type,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock:first-of-type {
  margin-bottom: 20px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brand .shopList_checkList li,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brand .shopList_checkList li {
  width: calc((100% / 4) - 10px);
  margin: 0;
  margin-right: 10px;
  font-size: 12px;
  line-height: 22px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li {
  width: calc((100% / 4) - 10px);
  margin: 0;
  margin-right: 10px;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 1000px) {
  .wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brand .shopList_checkList li,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brand .shopList_checkList li {
    width: calc((100% / 3) - 10px);
  }
  .wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li {
    width: calc((100% / 3) - 10px);
  }
}
@media (max-width: 768px) {
  .wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brand .shopList_checkList li,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brand .shopList_checkList li {
    width: calc((100% / 2) - 10px);
  }
  .wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock.brandtype .shopList_checkList li {
    width: calc((100% / 2) - 10px);
  }
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList li.checkBase input[type='checkbox'] + label,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList li.checkBase input[type='checkbox'] + label {
  padding-left: 30px;
  position: relative;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList li.checkBase input[type='checkbox'] + label:before,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList li.checkBase input[type='checkbox'] + label:before {
  position: absolute;
  left: 0;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList li.checkBase input[type='checkbox'] + label:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_check .shopList_checkWrap .shopList_checkBlock .shopList_checkList li.checkBase input[type='checkbox'] + label:after {
  position: absolute;
  top: 12px;
  left: 0;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .shopList_detailListResultTit,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .shopList_detailListResultTit {
  font-weight: normal;
  margin-bottom: 20px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .shopList_detailListResultTit span,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .shopList_detailListResultTit span {
  font-size: 2em;
  font-weight: 600;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore {
  margin-bottom: 40px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li {
  border: 1px solid #ccc;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li {
    display: block;
  }
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo {
  border-right: 1px solid #ccc;
  padding-right: 20px;
  width: calc(100% - 220px);
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
    border-right: 0;
  }
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink {
  padding-left: 20px;
  width: 220px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink,
  .wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink {
    margin: 0 auto;
  }
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnColor,
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnBorder,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnColor,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnBorder {
  display: block;
  width: 200px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 22px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnStoreLink:after,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnStoreLink:after {
  background-image: url("../Images/Common/Icon/ico_blankKeyColor.svg");
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
  margin-top: -7px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnColor:last-child,
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnBorder:last-child,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnColor:last-child,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreLink a.btnBorder:last-child {
  margin-bottom: 0px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dt,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dt {
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-address,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-address {
  color: #777;
  font-weight: 600;
  margin-bottom: 10px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-repStoreType,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-repStoreType {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 5px;
  font-size: 10px;
  background-color: #ccc;
  color: #fff;
  margin-bottom: 8px;
  margin-right: 10px;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-repStoreType:last-child,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-repStoreType:last-child {
  margin-right: 0;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-tel a,
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-hpurl a,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-tel a,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-hpurl a {
  color: var(--keyColor);
  font-weight: 600;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-hpur,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-hpur {
  word-break: break-word;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-address span,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-address span {
  display: inline-block;
  margin-right: 1em;
}
.wrapper.checkout_aspx .shopList_wrapper .shopList_hr,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .shopList_hr {
  margin-bottom: 40px;
}
.wrapper.checkout_aspx .shopList_wrapper .loading,
.wrapper.u_page_shoplist_aspx .shopList_wrapper .loading {
  text-align: center;
}
@media (min-width: 768px) {
  .wrapper.checkout_aspx a[href^="tel:"],
  .wrapper.u_page_shoplist_aspx a[href^="tel:"] {
    pointer-events: none;
  }
}
@-moz-keyframes timer-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes timer-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.wrapper.checkout_aspx .timer-loader:not(:required),
.wrapper.u_page_shoplist_aspx .timer-loader:not(:required) {
  border: 6px solid var(--keyColor);
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 48px;
  height: 48px;
}
.wrapper.checkout_aspx .timer-loader:not(:required)::before,
.wrapper.u_page_shoplist_aspx .timer-loader:not(:required)::before {
  -moz-animation: timer-loader 1250ms infinite linear;
  -webkit-animation: timer-loader 1250ms infinite linear;
  animation: timer-loader 1250ms infinite linear;
  -moz-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  -webkit-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  background: var(--keyColor);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 19.2px;
  left: 15px;
  top: 15px;
}
.wrapper.checkout_aspx .timer-loader:not(:required)::after,
.wrapper.u_page_shoplist_aspx .timer-loader:not(:required)::after {
  -moz-animation: timer-loader 15000ms infinite linear;
  -webkit-animation: timer-loader 15000ms infinite linear;
  animation: timer-loader 15000ms infinite linear;
  -moz-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  -webkit-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  background: var(--keyColor);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 16px;
  left: 15px;
  top: 15px;
}

.wrapper.checkout_aspx .shopList_wrapper .shopList_detailList .listStore li .listStoreInfo dl.listStoreInfoDetail dd .listStoreInfoDetail-hpurl {
  display: none;
}

.wrapper.addressbook_aspx .AddressListBox li {
  position: relative;
  border: 1px solid var(--keyColor);
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.wrapper.addressbook_aspx .AddressListBox li .AddressListDetail {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.wrapper.addressbook_aspx .AddressListBox li .AddressListDetail .AddressInformation {
  width: 100%;
}
.wrapper.addressbook_aspx .AddressListBox li .AddressListDetail .AddressListBtnArea {
  width: 100%;
  margin-top: auto;
  padding-top: 10px;
}

.newslist_aspx .newsList {
  text-align: center;
}
.newslist_aspx .newsList .block {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}
.newslist_aspx .newsList .listText {
  margin-bottom: 40px;
}
.newslist_aspx .newsList .listText:last-child {
  margin-bottom: 0;
}
.newslist_aspx .newsList .listText li {
  border-bottom: 1px solid #ccc;
}
.newslist_aspx .newsList .PublishedYearWrap {
  font-size: 21px;
  line-height: 31px;
  position: relative;
  margin-bottom: 10px;
}
.newslist_aspx .newsList .PublishedYearWrap .PublishedYear {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 0.5em;
  font-weight: normal;
}
.newslist_aspx .newsList .PublishedYearWrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #111111;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
}
.newslist_aspx .NewsListLink {
  padding: 0 20px;
}

.news_aspx .newsDetail .block {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}
.news_aspx .newsDetail .WhatsNew {
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
}
.news_aspx .newsDetail .WhatsNew p,
.groupnews_aspx .newsDetail .WhatsNew p{
	margin-bottom: 10px;
}
.news_aspx .newsDetail .WhatsNew .newsDetailDate,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailDate {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 17.5px;
  display: inline-block;
}
.news_aspx .newsDetail .WhatsNew .newsDetailTit,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailTit{
  /*font-size: 1.8em;
  line-height: 1.3em;*/
  margin-bottom: 0;
  font-weight: normal;
  padding-bottom: 17.5px;
  border-bottom: 1px solid #b3b3b3;
  font-size: 24px;
  line-height: 34px;
}
.news_aspx .newsDetail .WhatsNew .newsDetailTxt,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailTxt {
  font-size: 16px;
  line-height: 24px;
  padding: 40px 0px;
}
.news_aspx .newsDetail .WhatsNew .newsDetailTxt .newsDetailImg,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailTxt .newsDetailImg {
  text-align: center;
}
.news_aspx .newsDetail .WhatsNew .newsDetailTxt .newsDetailImg img,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailTxt .newsDetailImg img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 800px) {
  .news_aspx .newsDetail .WhatsNew .newsDetailTxt .newsDetailImg img,
  .groupnews_aspx .newsDetail .WhatsNew .newsDetailTxt .newsDetailImg img {
    width: 100%;
    max-width: 100%;
  }
}
.news_aspx .newsDetail .WhatsNew .newsDetailTxt img,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailTxt img {
  width: auto;
  max-width: 100%;
}
.news_aspx .newsDetail .WhatsNew .newsDetailTxt .img,
.groupnews_aspx .newsDetail .WhatsNew .newsDetailTxt .img {
  text-align: center;
  margin-bottom: 20px;
}

.wrapper.maintenance_aspx,
.wrapper.error_aspx{
  height: 100%;
}
.wrapper.maintenance_aspx .baseWrap.contentsBox,
.wrapper.error_aspx .baseWrap.contentsBox,
.wrapper.information_aspx .baseWrap.contentsBox,
.wrapper.memberreset_aspx .baseWrap.contentsBox {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 10px;
}
.wrapper.maintenance_aspx .baseWrap.contentsBox > *,
.wrapper.error_aspx .baseWrap.contentsBox > *,
.wrapper.information_aspx .baseWrap.contentsBox > * {
  width: 100%;
}
.wrapper.maintenance_aspx #main,
.wrapper.error_aspx #main,
.wrapper.information_aspx #main {
  height: 100%;
  min-height: 300px;
}
.wrapper #main .m-c{
  height: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper.maintenance_aspx .logo,
.wrapper.error_aspx .logo,
.wrapper.information_aspx .logo {
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  max-width: 260px;
  height: auto;
  margin: 0 auto;
}
.wrapper.maintenance_aspx .categoryTitle,
.wrapper.error_aspx .categoryTitle,
.wrapper.information_aspx .categoryTitle {
  font-size: 30px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .wrapper.maintenance_aspx .categoryTitle,
  .wrapper.error_aspx .categoryTitle,
  .wrapper.information_aspx .categoryTitle {
    font-size: 24px;
    line-height: 34px;
  }
}


 .wrapper.error_aspx .busyInner{
    min-height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
}
 .wrapper.error_aspx .busyInner>*{
    min-height:1%;
    }

 .wrapper.error_aspx .busyInner .logoImg{
text-align:center;
margin-bottom:40px;
}
 .wrapper.error_aspx .busyInner .logoImg img,
.box_maintenance .logoImg img{
    width: 200px;
    height: auto;
}

.wrapper.maintenance_aspx .baseWrap.contentsBox {
  min-height: 100vh;
}

.thanks_aspx {
  font-size: 14px;
  line-height: 24px;
}
.thanks_aspx .thanksBox {
  margin-bottom: 40px;
}
.thanks_aspx .thanksBox .thanksBoxInner{
    text-align: center;
    background:#f3f1ef;
    padding: 20px 15px;
    box-sizing: border-box;
}
.thanks_aspx .thanksBox .dataDefinitionList {
  margin-bottom: 20px;
  justify-content: center;
}
.thanks_aspx .thanksBox .dataDefinitionList dt {
  width: auto;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #111111;
  border-right: none;
  background-color: #fff;
}
.thanks_aspx .thanksBox .dataDefinitionList dd {
  width: auto;
  padding: 10px;
  padding-left: 0;
  box-sizing: border-box;
  border: 1px solid #111111;
  border-left: none;
  background-color: #fff;
}
.thanks_aspx .thanksBox .thanksBoxInner .OrderNoBlock{}
.thanks_aspx .thanksBox .thanksBoxInner .OrderNoBlock p{font-size: 1.2em;}
.thanks_aspx .thanksBox .thanksBoxInner .OrderNoBlock p span{
        font-size: 1.5em;color: #ED013C;
    font-weight: bold;margin-left:8px;
}

.account_aspx .mypage--headArea {
  position: relative;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 767px) {
  .account_aspx .mypage--headArea {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.account_aspx .mypage--headArea h1.contTitle {
  background-image: url(../images/common/member_page.gif);
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000%;
  background-size: contain;
  width: 100%;
  height: 56px;
  line-height: 0;
  max-width: 442px;
  margin-bottom: 20px;
}
.account_aspx .mypage--headArea .mypage--headArea--btnArea {
  position: absolute;
  right: 0;
  top: 10px;
}


.checkout_aspx .checkoutBox,
.confirmation_aspx .checkoutBox,
.orderhistory_aspx .checkoutBox,
.orderhistorydetail_aspx .checkoutBox,
.usecoupon_aspx .checkoutBox {
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  text-align: left;
  /*calender*/
}
.checkout_aspx .checkoutBox .selectBox,
.confirmation_aspx .checkoutBox .selectBox,
.orderhistory_aspx .checkoutBox .selectBox,
.orderhistorydetail_aspx .checkoutBox .selectBox,
.usecoupon_aspx .checkoutBox .selectBox {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.checkout_aspx .checkoutBox .selectBox select,
.checkout_aspx .newCartSetShippingDate,
.confirmation_aspx .checkoutBox .selectBox select,
.orderhistory_aspx .checkoutBox .selectBox select,
.orderhistorydetail_aspx .checkoutBox .selectBox select,
.usecoupon_aspx .checkoutBox .selectBox select {
  width: 180px;
  padding: 7px 10px;
  position: relative;
}
.checkout_aspx .checkoutBox .selectBox .btnPluse,
.confirmation_aspx .checkoutBox .selectBox .btnPluse,
.orderhistory_aspx .checkoutBox .selectBox .btnPluse,
.orderhistorydetail_aspx .checkoutBox .selectBox .btnPluse,
.usecoupon_aspx .checkoutBox .selectBox .btnPluse {
  height: 24px;
  margin-left: 20px;
  padding: 0 20px;
  padding-right: 5px;
}
.checkout_aspx .checkoutBox > .address,
.confirmation_aspx .checkoutBox > .address,
.orderhistory_aspx .checkoutBox > .address,
.orderhistorydetail_aspx .checkoutBox > .address,
.usecoupon_aspx .checkoutBox > .address {
  padding: 20px 0 0 0;
  padding-top: 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.checkout_aspx .checkoutBox > .address .min,
.confirmation_aspx .checkoutBox > .address .min,
.orderhistory_aspx .checkoutBox > .address .min,
.orderhistorydetail_aspx .checkoutBox > .address .min,
.usecoupon_aspx .checkoutBox > .address .min {
  padding: 0 10px;
  font-weight: normal;
}
.checkout_aspx .checkoutBox .client,
.confirmation_aspx .checkoutBox .client,
.orderhistory_aspx .checkoutBox .client,
.orderhistorydetail_aspx .checkoutBox .client,
.usecoupon_aspx .checkoutBox .client {
  padding: 20px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.checkout_aspx .checkoutBox .send,
.confirmation_aspx .checkoutBox .send,
.orderhistory_aspx .checkoutBox .send,
.orderhistorydetail_aspx .checkoutBox .send,
.usecoupon_aspx .checkoutBox .send {
  padding: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  text-align: left;
}
.checkout_aspx .checkoutBox .send > .text,
.confirmation_aspx .checkoutBox .send > .text,
.orderhistory_aspx .checkoutBox .send > .text,
.orderhistorydetail_aspx .checkoutBox .send > .text,
.usecoupon_aspx .checkoutBox .send > .text {
  margin-top: 20px;
}
.checkout_aspx .checkoutBox .send > .text.subtit,
.confirmation_aspx .checkoutBox .send > .text.subtit,
.orderhistory_aspx .checkoutBox .send > .text.subtit,
.orderhistorydetail_aspx .checkoutBox .send > .text.subtit,
.usecoupon_aspx .checkoutBox .send > .text.subtit {
  background-color: #f2f2f2;
  padding: 5px 10px;
  box-sizing: border-box;
}
.checkout_aspx .checkoutBox .send > .btnBox,
.confirmation_aspx .checkoutBox .send > .btnBox,
.orderhistory_aspx .checkoutBox .send > .btnBox,
.orderhistorydetail_aspx .checkoutBox .send > .btnBox,
.usecoupon_aspx .checkoutBox .send > .btnBox {
  margin-bottom: 10px;
}
.checkout_aspx .checkoutBox .send .address,
.confirmation_aspx .checkoutBox .send .address,
.orderhistory_aspx .checkoutBox .send .address,
.orderhistorydetail_aspx .checkoutBox .send .address,
.usecoupon_aspx .checkoutBox .send .address {
  padding: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  background-color: #e7e7e7;
  font-size: 14px;
  line-height: 24px;
}
.checkout_aspx .checkoutBox .send .address:last-child,
.confirmation_aspx .checkoutBox .send .address:last-child,
.orderhistory_aspx .checkoutBox .send .address:last-child,
.orderhistorydetail_aspx .checkoutBox .send .address:last-child,
.usecoupon_aspx .checkoutBox .send .address:last-child {
  margin-bottom: 0;
}
.checkout_aspx .checkoutBox .send .min,
.confirmation_aspx .checkoutBox .send .min,
.orderhistory_aspx .checkoutBox .send .min,
.orderhistorydetail_aspx .checkoutBox .send .min,
.usecoupon_aspx .checkoutBox .send .min {
  margin: 0;
  margin-right: 10px;
  padding: 0 10px;
  font-weight: normal;
}
.checkout_aspx .checkoutBox .send .newCartSetShippingDate,
.confirmation_aspx .checkoutBox .send .newCartSetShippingDate,
.orderhistory_aspx .checkoutBox .send .newCartSetShippingDate,
.orderhistorydetail_aspx .checkoutBox .send .newCartSetShippingDate,
.usecoupon_aspx .checkoutBox .send .newCartSetShippingDate {
  display: flex;
  align-items: center;
}
.checkout_aspx .checkoutBox .send .newCartSetShippingDate > input,
.confirmation_aspx .checkoutBox .send .newCartSetShippingDate > input,
.orderhistory_aspx .checkoutBox .send .newCartSetShippingDate > input,
.orderhistorydetail_aspx .checkoutBox .send .newCartSetShippingDate > input,
.usecoupon_aspx .checkoutBox .send .newCartSetShippingDate > input {
  margin: 0 10px;
}
.checkout_aspx .checkoutBox .send .newCartSetShippingDate > input:last-child,
.confirmation_aspx .checkoutBox .send .newCartSetShippingDate > input:last-child,
.orderhistory_aspx .checkoutBox .send .newCartSetShippingDate > input:last-child,
.orderhistorydetail_aspx .checkoutBox .send .newCartSetShippingDate > input:last-child,
.usecoupon_aspx .checkoutBox .send .newCartSetShippingDate > input:last-child {
  margin: 0 0 0 10px;
}
.checkout_aspx .checkoutBox .send .newCartSetShippingDate > input:first-child,
.confirmation_aspx .checkoutBox .send .newCartSetShippingDate > input:first-child,
.orderhistory_aspx .checkoutBox .send .newCartSetShippingDate > input:first-child,
.orderhistorydetail_aspx .checkoutBox .send .newCartSetShippingDate > input:first-child,
.usecoupon_aspx .checkoutBox .send .newCartSetShippingDate > input:first-child {
  margin: 0 10px 0 0;
}
.checkout_aspx .checkoutBox .inputContents .radioBase,
.confirmation_aspx .checkoutBox .inputContents .radioBase,
.orderhistory_aspx .checkoutBox .inputContents .radioBase,
.orderhistorydetail_aspx .checkoutBox .inputContents .radioBase,
.usecoupon_aspx .checkoutBox .inputContents .radioBase {
  width: 100%;
}
.checkout_aspx .checkoutBox .newCartSetShippingDate.selectBase.select01,
.confirmation_aspx .checkoutBox .newCartSetShippingDate.selectBase.select01,
.orderhistory_aspx .checkoutBox .newCartSetShippingDate.selectBase.select01,
.orderhistorydetail_aspx .checkoutBox .newCartSetShippingDate.selectBase.select01,
.usecoupon_aspx .checkoutBox .newCartSetShippingDate.selectBase.select01 {
  width: 100%;
  max-width: 360px;
  margin-top: 10px;
}
.checkout_aspx .checkoutBox .DatePickerArea,
.confirmation_aspx .checkoutBox .DatePickerArea,
.orderhistory_aspx .checkoutBox .DatePickerArea,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea,
.usecoupon_aspx .checkoutBox .DatePickerArea {
  width: 100%;
  max-width: 360px;
  margin: 20px 0;
  display: none;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed {
  background-color: #ffcacb;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table {
  border: none;
  max-width: 360px;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td {
  padding: 8px;
  background-color: #fff;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:first-child,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:first-child,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:first-child,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:first-child,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:first-child {
  text-align: left;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:nth-child(2),
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:nth-child(2),
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:nth-child(2),
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:nth-child(2),
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:nth-child(2) {
  text-align: center;
  color: #111111;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:last-child,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:last-child,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:last-child,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:last-child,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table table > tbody > tr > td:last-child {
  text-align: right;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr > th,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr > th,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr > th,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr > th,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr > th {
  background-color: #efefef;
  padding: 10px 6px;
  text-align: center;
  border-right: 1px solid #bbb;
  border-top: 1px solid #cdcdcd;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+2),
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+2),
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+2),
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+2),
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+2) {
  border-left: 1px solid #bbb;
}
.checkout_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+3) td,
.confirmation_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+3) td,
.orderhistory_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+3) td,
.orderhistorydetail_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+3) td,
.usecoupon_aspx .checkoutBox .DatePickerArea .Closed + span + table > tbody > tr:nth-child(n+3) td {
  padding: 10px 6px;
  text-align: center;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
}
.checkout_aspx .checkoutBox .newCartShippingOptionTitle,
.confirmation_aspx .checkoutBox .newCartShippingOptionTitle,
.orderhistory_aspx .checkoutBox .newCartShippingOptionTitle,
.orderhistorydetail_aspx .checkoutBox .newCartShippingOptionTitle,
.usecoupon_aspx .checkoutBox .newCartShippingOptionTitle {
  margin-bottom: 10px;
}
.checkout_aspx .checkoutBox .newCartShippingOptionTitle.divTimeSelect,
.confirmation_aspx .checkoutBox .newCartShippingOptionTitle.divTimeSelect,
.orderhistory_aspx .checkoutBox .newCartShippingOptionTitle.divTimeSelect,
.orderhistorydetail_aspx .checkoutBox .newCartShippingOptionTitle.divTimeSelect,
.usecoupon_aspx .checkoutBox .newCartShippingOptionTitle.divTimeSelect {
  margin-top: 20px;
}
.confirmation_aspx .checkoutBox .newCartShippingOptionTitle.divDateSelect:before{
content:"配送日指定";
display:block;
font-weight:600;
margin-top:10px;
}
.confirmation_aspx .checkoutBox .newCartShippingOptionTitle.divTimeSelect:before{
content:"配送時間指定";
display:block;
font-weight:600;
}
@media (min-width: 900px){
.confirmation_aspx .checkoutBox .newCartShippingOption.divTimeSelect tbody{    display: flex;
    flex-wrap: wrap;
}
.confirmation_aspx .checkoutBox .newCartShippingOption.divTimeSelect tbody>*{
margin-right:10px;
}
}
.loginParts .loginBox {
  background-color: #efefef;
  box-sizing: border-box;
  padding: 40px 20px;
}
.loginParts .loginBox .inputBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px){
.loginParts{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.loginParts .loginBox {
  width: calc(50% - 20px);
}
}
.checkout_aspx .checkoutBox.shippingDateBlock .setShippingTimeTableTR input[type="radio"],
.checkout_aspx .checkoutBox.shippingDateBlock .inputContents input[type="radio"], .checkout_aspx .checkoutBox.PaymentMethodBox .setShippingTimeTableTR input[type="radio"],
.checkout_aspx .checkoutBox.PaymentMethodBox .inputContents input[type="radio"],
.confirmation_aspx .checkoutBox.shippingDateBlock .setShippingTimeTableTR input[type="radio"],
.confirmation_aspx .checkoutBox.shippingDateBlock .inputContents input[type="radio"],
.confirmation_aspx .checkoutBox.PaymentMethodBox .setShippingTimeTableTR input[type="radio"],
.confirmation_aspx .checkoutBox.PaymentMethodBox .inputContents input[type="radio"],
.orderhistory_aspx .checkoutBox.shippingDateBlock .setShippingTimeTableTR input[type="radio"],
.orderhistory_aspx .checkoutBox.shippingDateBlock .inputContents input[type="radio"],
.orderhistory_aspx .checkoutBox.PaymentMethodBox .setShippingTimeTableTR input[type="radio"],
.orderhistory_aspx .checkoutBox.PaymentMethodBox .inputContents input[type="radio"],
.orderhistorydetail_aspx .checkoutBox.shippingDateBlock .setShippingTimeTableTR input[type="radio"],
.orderhistorydetail_aspx .checkoutBox.shippingDateBlock .inputContents input[type="radio"],
.orderhistorydetail_aspx .checkoutBox.PaymentMethodBox .setShippingTimeTableTR input[type="radio"],
.orderhistorydetail_aspx .checkoutBox.PaymentMethodBox .inputContents input[type="radio"],
.usecoupon_aspx .checkoutBox.shippingDateBlock .setShippingTimeTableTR input[type="radio"],
.usecoupon_aspx .checkoutBox.shippingDateBlock .inputContents input[type="radio"],
.usecoupon_aspx .checkoutBox.PaymentMethodBox .setShippingTimeTableTR input[type="radio"],
.usecoupon_aspx .checkoutBox.PaymentMethodBox .inputContents input[type="radio"] {
  margin: 0 4px 0 0;
}
.checkout_aspx .cartBox,
.confirmation_aspx .cartBox,
.orderhistory_aspx .cartBox,
.orderhistorydetail_aspx .cartBox,
.usecoupon_aspx .cartBox {
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  text-align: left;
}
.checkout_aspx .checkoutBox,
.checkout_aspx .cartBox,
.confirmation_aspx .checkoutBox,
.confirmation_aspx .cartBox,
.orderhistory_aspx .checkoutBox,
.orderhistory_aspx .cartBox,
.orderhistorydetail_aspx .checkoutBox,
.orderhistorydetail_aspx .cartBox,
.usecoupon_aspx .checkoutBox,
.usecoupon_aspx .cartBox {
  background-color: #ffffff;
}
.checkout_aspx .checkoutBox .confirm-col,
.checkout_aspx .cartBox .confirm-col,
.confirmation_aspx .checkoutBox .confirm-col,
.confirmation_aspx .cartBox .confirm-col,
.orderhistory_aspx .checkoutBox .confirm-col,
.orderhistory_aspx .cartBox .confirm-col,
.orderhistorydetail_aspx .checkoutBox .confirm-col,
.orderhistorydetail_aspx .cartBox .confirm-col,
.usecoupon_aspx .checkoutBox .confirm-col,
.usecoupon_aspx .cartBox .confirm-col {
  font-size: 14px;
  margin-bottom: 20px;
}
.checkout_aspx .checkoutBox .confirm-col:last-child,
.checkout_aspx .cartBox .confirm-col:last-child,
.confirmation_aspx .checkoutBox .confirm-col:last-child,
.confirmation_aspx .cartBox .confirm-col:last-child,
.orderhistory_aspx .checkoutBox .confirm-col:last-child,
.orderhistory_aspx .cartBox .confirm-col:last-child,
.orderhistorydetail_aspx .checkoutBox .confirm-col:last-child,
.orderhistorydetail_aspx .cartBox .confirm-col:last-child,
.usecoupon_aspx .checkoutBox .confirm-col:last-child,
.usecoupon_aspx .cartBox .confirm-col:last-child {
  margin-bottom: 20px;
}
.checkout_aspx .checkoutBox .confirm-col .adress,
.checkout_aspx .cartBox .confirm-col .adress,
.confirmation_aspx .checkoutBox .confirm-col .adress,
.confirmation_aspx .cartBox .confirm-col .adress,
.orderhistory_aspx .checkoutBox .confirm-col .adress,
.orderhistory_aspx .cartBox .confirm-col .adress,
.orderhistorydetail_aspx .checkoutBox .confirm-col .adress,
.orderhistorydetail_aspx .cartBox .confirm-col .adress,
.usecoupon_aspx .checkoutBox .confirm-col .adress,
.usecoupon_aspx .cartBox .confirm-col .adress {
  word-wrap: break-word;
}
@media (min-width: 767px) {
  .checkout_aspx .checkoutBox .confirm-col .adress b,
  .checkout_aspx .cartBox .confirm-col .adress b,
  .confirmation_aspx .checkoutBox .confirm-col .adress b,
  .confirmation_aspx .cartBox .confirm-col .adress b,
  .orderhistory_aspx .checkoutBox .confirm-col .adress b,
  .orderhistory_aspx .cartBox .confirm-col .adress b,
  .orderhistorydetail_aspx .checkoutBox .confirm-col .adress b,
  .orderhistorydetail_aspx .cartBox .confirm-col .adress b,
  .usecoupon_aspx .checkoutBox .confirm-col .adress b,
  .usecoupon_aspx .cartBox .confirm-col .adress b {
    display: block;
  }
}
.checkout_aspx .checkoutBox.note{

}
.checkout_aspx .orderClientBtnArea .linkColorTxt,
.checkout_aspx .linkColorTxt.btnEditShippingAddress{
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
}
.checkout_aspx hr{
margin: 10px 0 15px 0;
}
.checkout_aspx .orderClientBtnArea .btnBorder{
display:block;
}
.checkout_aspx #changePaymentButton+.activePointTrue{
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.wrapper.checkout_aspx .checkoutBox #AmazonPayButton{
margin-left:26px;
}
.wrapper.checkout_aspx .checkoutBox #payment00000000+.activePointTrue{
margin-left:26px;
}
.wrapper.checkout_aspx .checkoutBox.PaymentMethodBox .inputContents>div:not(.activePointTrue){
margin-bottom:15px;
}
.wrapper.checkout_aspx .checkoutBox.PaymentMethodBox .inputContents>div#payment00000000{margin-bottom:0;}
.wrapper.checkout_aspx .checkoutBox.PaymentMethodBox .inputContents>div:not(.activePointTrue) label{
margin-bottom:0;
}
.confirmation_aspx .CardPaymentPanel {
  margin-top: -30px;
}
.confirmation_aspx .CardPaymentPanel .CardList li {
  margin: 0 0 0 0 5px;
}
.confirmation_aspx .CardPaymentPanel .btnBorderBlack {
  margin: 10px 0 0 0px;
}
.confirmation_aspx .CardList li {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  text-align: left;
  display: inline-block;
  position: relative;
}
.confirmation_aspx .CardList li.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.confirmation_aspx .CardList li input[type='radio'] {
  width: 100%;
  height: 100%;
  margin-top: -12.5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
}
.confirmation_aspx .CardList li input[type='radio'] + label {
  padding-left: 25px;
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}
.confirmation_aspx .CardList li input[type='radio'] + label:before {
  content: '';
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #cccccc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #cccccc;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 10;
}
.confirmation_aspx .CardList li input[type='radio']:checked + label:after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -5px;
  box-sizing: border-box;
  display: block;
  background-color: var(--keyColor);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  /*top: 50%;*/
  top: 10px;
  left: 5px;
  z-index: 10;
}
.confirmation_aspx .boxRadio {
  background-color: #efefef;
}
.confirmation_aspx .boxRadio.cardBox {
  background-color: #efefef;
}
.confirmation_aspx .boxRadio.cardBox .box.CreditCardBox{
padding:10px;}

.confirmation_aspx .boxRadio .box dl {
  font-size: 14px;
  line-height: 24px;
}
.confirmation_aspx .CreditCardBox.box dl dt{
margin-bottom:0.5em;
}
.confirmation_aspx .boxRadio .box dl dd {
  margin-bottom: 20px;
}
.confirmation_aspx .boxRadio .box dl dd.day {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    font-size: 100%;
}
.confirmation_aspx .boxRadio .box dl dd.day .select01:after {
  /*right: 33px;*/
}
.confirmation_aspx .boxRadio .box dl dd.day .selectBase {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 110px;
}
.confirmation_aspx .boxRadio .box dl dd.day .NewCreditCardExpireLabel{
    width: 100%;
}
.confirmation_aspx .boxRadio .box dl dd input[type="text"],
.confirmation_aspx .boxRadio .box dl dd input[type="tel"] {
  max-width: 300px;
}
.confirmation_aspx .boxRadio dl.card dd .checkBase input[type="checkbox"] + label:before {
    background-color: #fff;
}
.confirmation_aspx .boxRadio dl.card dd .checkBase input[type="checkbox"].check01:checked + label:before {
    background-color: var(--keyColor);
}
.confirmation_aspx dl.exArea_securitycode dt a:after {
  content: '';
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-top: -0px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/common/icon/arrow/ico_arrow03Black.svg);
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
}
.confirmation_aspx dl.exArea_securitycode dt.active a:after {
  transform: rotate(-90deg);
  margin-top: -5px;
}
.confirmation_aspx dl.exArea_securitycode dd {
  background-color: #efefef;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
}
@media (min-width: 1080px) {
  .confirmation_aspx dl.exArea_securitycode dd {
    background-color: #efefef;
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .confirmation_aspx dl.exArea_securitycode dd {
    display: block;
    width: 100%;
    max-width: 360px;
  }
}
@media (min-width: 767px) {
  .confirmation_aspx dl.exArea_securitycode dd .exArea_securitycode-img {
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
  }
}
@media (min-width: 1080px) {
  .confirmation_aspx dl.exArea_securitycode dd .exArea_securitycode-img {
    display: flex;
    flex-wrap: wrap;
    max-width: 75%;
  }
}
.confirmation_aspx dl.exArea_securitycode dd .exArea_securitycode-img img {
  width: 100%;
  display: initial;
}
@media (min-width: 767px) {
  .confirmation_aspx dl.exArea_securitycode dd .exArea_securitycode-img img {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .confirmation_aspx .checkoutBox.shippingBox ul.cartList li.shippingBoxList .shippingBoxListProduct .orderItemList.cartList li .CartItemLeft {
    display: block;
    width: 100%;
  }
}
@media (min-width: 1101px) {
.confirmation_aspx .checkoutBox.shippingBox ul.cartList li.shippingBoxList .shippingBoxListProduct .orderItemList.cartList li .CartItemLeft {
  width: 150px;
}}
@media (min-width: 1101px) {
.confirmation_aspx .checkoutBox.shippingBox ul.cartList li.shippingBoxList .shippingBoxListProduct .orderItemList.cartList li .CartItemCenter {
  width: calc(100% - 150px);
}}
@media (max-width: 767px) {
  .confirmation_aspx .checkoutBox.shippingBox ul.cartList li.shippingBoxList .shippingBoxListProduct .orderItemList.cartList li .CartItemCenter {
    display: block;
    width: 100%;
  }
}


@media (max-width: 767px) {
  .login_aspx .contentsBox .cont,
  .membership_aspx .contentsBox .cont {
    display: block;
  }
}
.login_aspx .cont .loginBox,
.login_aspx .cont .userregistBox,
.membership_aspx .cont .loginBox,
.membership_aspx .cont .userregistBox,
.member_registemail_aspx .cont .loginBox,
.passcode_aspx .cont .loginBox {
  background-color: #efefef;
  box-sizing: border-box;
  padding: 40px 20px;
}
.member_registemail_aspx .cont .loginBox .inputBox,
.passcode_aspx .cont .loginBox .inputBox{
  justify-content: center;
}
.passcode_aspx  .inputBox .inputContents input{
  width: 100%;

}
@media (min-width: 768px) {
/* .login_aspx .cont,
.membership_aspx .cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
} */

/* .login_aspx .cont .loginBox,
.login_aspx .cont .userregistBox,
.membership_aspx .cont .loginBox,
.membership_aspx .cont .userregistBox {
  width: calc(50% - 20px);
} */
}
@media (max-width: 767px) {
  .login_aspx .cont .loginBox,
  .login_aspx .cont .userregistBox,
  .membership_aspx .cont .loginBox,
  .membership_aspx .cont .userregistBox {
    width: 100%;
  padding: 20px 20px;
  }
  .login_aspx .cont .loginBox .text.bold.center.mb20,
  .login_aspx .cont .userregistBox .text.bold.center.mb20,
  .membership_aspx .cont .loginBox .text.bold.center.mb20,
  .membership_aspx .cont .userregistBox .text.bold.center.mb20 {
margin-bottom:10px!important;
}
.login_aspx .cont .loginBox,
.membership_aspx .cont .loginBox {
  margin-bottom: 20px;
}
}
.login_aspx .cont .loginBox .inputBox,
.membership_aspx .cont .loginBox .inputBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.login_aspx .cont .loginBox .inputBox .inputTitle,
.membership_aspx .cont .loginBox .inputBox .inputTitle {
  text-align: left;
  width: 120px;
}
@media (max-width: 767px) {
.login_aspx .cont .loginBox .inputBox .inputTitle,
.membership_aspx .cont .loginBox .inputBox .inputTitle {
  padding: 0px;
width:auto;
}
}
.login_aspx .cont .loginBox .inputBox .inputTitle + span,
.membership_aspx .cont .loginBox .inputBox .inputTitle + span {
  width: 15px;
  height: auto;
}
@media (min-width: 767px) {
  .login_aspx .cont .loginBox .inputBox .inputTitle + span,
  .membership_aspx .cont .loginBox .inputBox .inputTitle + span {
    margin-top: -20px;
  }
}
.login_aspx .cont .loginBox .inputBox .inputContents,
.membership_aspx .cont .loginBox .inputBox .inputContents {
  width: calc(100% - 140px);
}
@media (max-width: 767px) {
  .login_aspx .cont .loginBox .inputBox .inputContents,
  .membership_aspx .cont .loginBox .inputBox .inputContents {
    width: 100%;
  }
}
.login_aspx .cont .loginBox .btnBox a:nth-child(1),
.membership_aspx .cont .loginBox .btnBox a:nth-child(1) {
  margin-bottom: 20px;
}
.login_aspx .cont .loginBox .text,
.membership_aspx .cont .loginBox .text {
  width: 100%;
}
.login_aspx .cont .loginBox .ErrorMessage,
.membership_aspx .cont .loginBox .ErrorMessage {
  width: 100%;
}
.login_aspx .cont .userregistBox .userregistBox--inner,
.membership_aspx .cont .userregistBox .userregistBox--inner {
  align-content: flex-start;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .login_aspx .cont .userregistBox .userregistBox--inner .text.bold.center,
  .membership_aspx .cont .userregistBox .userregistBox--inner .text.bold.center {
    /*margin-top: -110px;*/
  }
}
.login_aspx .cont .userregistBox .text,
.membership_aspx .cont .userregistBox .text {
  width: 100%;
}
@media (max-width: 767px) {
.login_aspx .cont .loginBox .btnBox.center.mb40, 
.membership_aspx .cont .loginBox .btnBox.center.mb40{
margin-bottom:10px!important;

}}
.wrapper.orderhistory_aspx input[type="submit"][disabled],
.wrapper.orderhistorydetail_aspx input[type="submit"][disabled] {
  display: none;
}

.orderhistorydetail_aspx .settingBox .inputBox .title {
  margin-top: 10px;
  display: inline-block;
}
.orderhistorydetail_aspx .settingBox dl dt {
  font-size: 14px;
  line-height: 24px;
}
.orderhistorydetail_aspx .settingBox dl dd .title {
  font-size: 12px;
  line-height: 20px;
}
.orderhistorydetail_aspx .settingBox dl dd .selectBase {
  width: 300px;
}
.orderhistorydetail_aspx .settingBox dl dd .RequestDatePanel {
  display: flex;
}
.orderhistorydetail_aspx .settingBox dl dd .RequestDatePanel span {
  margin-right: 1em;
}
.orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox {
  width: 100%;
  border: none;
  /*border-top: 1px solid #c4c4c4;*/
  margin-top: 20px;
}
@media (max-width: 767px) {
  .orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox .send.confirm-col {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 767px) {
  .orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox .item.confirm-col {
    padding: 20px 10px;
  }
}
.orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox + .orderPayBox.totalBox {
  display: none;
}
.orderhistorydetail_aspx .settingBox.settingBox.checkoutBox {
  background-color: #efefef;
}
.orderhistorydetail_aspx .settingBox.settingBox.checkoutBox .orderInfo {
display:flex;
flex-wrap:wrap;
}
.orderhistorydetail_aspx .settingBox.settingBox.checkoutBox hr{
border:1px solid #ccc;
}
.orderhistorydetail_aspx .textBox {
  text-align: left;
}
.orderhistorydetail_aspx .textBox .notice + .text {
  margin: 10px 0 0 0;
}
.orderhistorydetail_aspx section + .btnBox {
  margin-top: 40px;
}
@media (min-width: 1080px) {
  .orderhistorydetail_aspx section + .btnBox {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
  }
  .orderhistorydetail_aspx section + .btnBox a:nth-child(even) {
    margin: 0 10px 0 0;
  }
  .orderhistorydetail_aspx section + .btnBox a:nth-child(odd) {
    margin: 0 0 0 10px;
  }
}
.ui-widget-header{
    background-color: #000!important;
    border: 1px solid #000!important;
}
.ui-widget-content {
  position: relative;
  z-index: 1002;
}

.userregist_aspx .box_input,
.addressbookregist_aspx .box_input,
.inquiry_aspx .box_input,
.questionnaire_aspx .box_input {
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
}
.QuestionnaireHeaderHtml,
.QuestionnaireFooterHtml{
  margin: 20px auto;

}
@media (min-width: 767px) {
  .userregist_aspx .box_input .clientValidationSummary,
  .addressbookregist_aspx .box_input .clientValidationSummary,
  .inquiry_aspx .box_input .clientValidationSummary,
  .questionnaire_aspx .box_input .clientValidationSummary {
    margin-bottom: 30px;
  }
}
.userregist_aspx .box_input .clientValidationSummary span,
.addressbookregist_aspx .box_input .clientValidationSummary span,
.inquiry_aspx .box_input .clientValidationSummary span,
.questionnaire_aspx .box_input .clientValidationSummary span {
  display: block;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  border: 1px solid;
}
.userregist_aspx .inputBox,
.addressbookregist_aspx .inputBox,
.inquiry_aspx .inputBox,
.QuestionnaireFrame .inputBox{
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
@media (max-width: 767px) {
  .userregist_aspx .inputBox,
  .addressbookregist_aspx .inputBox,
  .inquiry_aspx .inputBox,
  .QuestionnaireFrame .inputBox {
    border-bottom: none;
  }
}
.userregist_aspx .inputBox dt,
.addressbookregist_aspx .inputBox dt,
.inquiry_aspx .inputBox dt,
.QuestionnaireFrame .inputBox dt {
  width: 240px;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .userregist_aspx .inputBox dt,
  .addressbookregist_aspx .inputBox dt,
  .inquiry_aspx .inputBox dt,
  .QuestionnaireFrame .inputBox dt {
    width: 100%;
    background-color: #eee;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    color: #484848;
  }
}
.userregist_aspx .inputBox dd,
.addressbookregist_aspx .inputBox dd,
.inquiry_aspx .inputBox dd,
.QuestionnaireFrame .inputBox dd {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc(100% - 240px);
  position: relative;
  padding-left: 1em;
}
.QuestionnaireInput .inputBox dd img{
  height: 100%;
  max-height: 120px;
  width: auto;
}
@media (max-width: 767px) {
  .QuestionnaireInput .inputBox dd img{
    height: auto;
    max-height: 100%;
    width: 100%;
  }
  .userregist_aspx .inputBox dd,
  .addressbookregist_aspx .inputBox dd,
  .inquiry_aspx .inputBox dd,
  .QuestionnaireFrame .inputBox dd {
    width: 100%;
  }
}
.userregist_aspx .inputBox dd.box_tell .box,
.addressbookregist_aspx .inputBox dd.box_tell .box,
.inquiry_aspx .inputBox dd.box_tell .box,
.QuestionnaireFrame .inputBox dd.box_tell .box {
  width: 33.3%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.userregist_aspx .inputBox dd.box_tell .box input,
.addressbookregist_aspx .inputBox dd.box_tell .box input,
.inquiry_aspx .inputBox dd.box_tell .box input,
.QuestionnaireFrame .inputBox dd.box_tell .box input {
  width: calc(100% - 13px);
}
.userregist_aspx .inputBox dd.box_tell .box input + span,
.addressbookregist_aspx .inputBox dd.box_tell .box input + span,
.inquiry_aspx .inputBox dd.box_tell .box input + span,
.QuestionnaireFrame .inputBox dd.box_tell .box input + span {
  display: inline-block;
  margin: 1em 2px 0 4px;
}
.userregist_aspx .inputBox dd.box_tell > input,
.addressbookregist_aspx .inputBox dd.box_tell > input,
.inquiry_aspx .inputBox dd.box_tell > input,
.QuestionnaireFrame .inputBox dd.box_tell > input {
  width: calc(33.3% - 30px);
}
.userregist_aspx .inputBox dd.box_tell > input + span,
.addressbookregist_aspx .inputBox dd.box_tell > input + span,
.inquiry_aspx .inputBox dd.box_tell > input + span,
.addressbookregist_aspx .inputBox dd.box_tell .selectBase + span,
.QuestionnaireFrame .inputBox dd input + span {
  display: inline-block;
  margin: 0.8em 4px 0 4px;
}
.QuestionnaireFrame .inputBox dd input + span.ImageSelectStatus{
  margin: 0 4px;
  align-items: center;
}
.QuestionnaireFrame .inputBox dd input + span.ImageSelectStatus .Selected{
  display: flex;
  align-items: flex-start;
}
.QuestionnaireFrame .inputBox dd input + span.ImageSelectStatus .Selected a{
  margin-top: 0 !important;
}
.userregist_aspx .inputBox dd .marble_form-name.box,
.addressbookregist_aspx .inputBox dd .marble_form-name.box,
.inquiry_aspx .inputBox dd .marble_form-name.box,
.QuestionnaireFrame .inputBox dd .marble_form-name.box {
  width: calc(50% - 10px);
  position: relative;
}
.userregist_aspx .inputBox dd .marble_form-name:first-child,
.addressbookregist_aspx .inputBox dd .marble_form-name:first-child,
.inquiry_aspx .inputBox dd .marble_form-name:first-child,
.QuestionnaireFrame .inputBox dd .marble_form-name:first-child {
  margin-right: 20px;
}
.userregist_aspx .inputBox dd.box_mail input,
.addressbookregist_aspx .inputBox dd.box_mail input,
.inquiry_aspx .inputBox dd.box_mail input,
.QuestionnaireFrame .inputBox dd.box_mail input {
  width: calc(50% - 12px);
}
.userregist_aspx .inputBox dd.box_mail input + span,
.addressbookregist_aspx .inputBox dd.box_mail input + span,
.inquiry_aspx .inputBox dd.box_mail input + span,
.QuestionnaireFrame .inputBox dd.box_mail input + span {
  display: inline-block;
  margin: 0.5em 3px 0 3px;
}
.userregist_aspx .inputBox dd.box_postalcode input,
.addressbookregist_aspx .inputBox dd.box_postalcode input,
.inquiry_aspx .inputBox dd.box_postalcode input,
.QuestionnaireFrame .inputBox dd.box_postalcode input {
  width: calc(100% - 100px);
}
.userregist_aspx .inputBox dd.box_postalcode .btnBorder,
.addressbookregist_aspx .inputBox dd.box_postalcode .btnBorder,
.inquiry_aspx .inputBox dd.box_postalcode .btnBorder,
.QuestionnaireFrame .inputBox dd.box_postalcode .btnBorder {
  margin-left: 10px;
    padding: 8px 10px;
}
.userregist_aspx .inputBox dd.box_address .box,
.addressbookregist_aspx .inputBox dd.box_address .box,
.inquiry_aspx .inputBox dd.box_address .box,
.QuestionnaireFrame .inputBox dd.box_address .box {
  width: 100%;
}
.userregist_aspx .inputBox dd.box_address .box .selectBase.select01:after,
.addressbookregist_aspx .inputBox dd.box_address .box .selectBase.select01:after,
.inquiry_aspx .inputBox dd.box_address .box .selectBase.select01:after {
    bottom: -24px;
    top:auto;
}


.userregist_aspx .inputBox dd .radioArea,
.addressbookregist_aspx .inputBox dd .radioArea,
.inquiry_aspx .inputBox dd .radioArea,
.QuestionnaireFrame .inputBox dd .radioArea {
  background-color: transparent;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.userregist_aspx .inputBox dd .radioArea input[type="radio"],
.userregist_aspx .inputBox dd .radioArea input[type="radio"],
.addressbookregist_aspx .inputBox dd .radioArea input[type="radio"],
.addressbookregist_aspx .inputBox dd .radioArea input[type="radio"],
.inquiry_aspx .inputBox dd .radioArea input[type="radio"],
.inquiry_aspx .inputBox dd .radioArea input[type="radio"] ,
.QuestionnaireFrame .inputBox dd .radioArea input[type="radio"]{
  margin-right: 0.5em;
}
.userregist_aspx .inputBox dd .radioArea input[type="radio"] + label,
.userregist_aspx .inputBox dd .radioArea input[type="radio"] + label,
.addressbookregist_aspx .inputBox dd .radioArea input[type="radio"] + label,
.addressbookregist_aspx .inputBox dd .radioArea input[type="radio"] + label,
.inquiry_aspx .inputBox dd .radioArea input[type="radio"] + label,
.inquiry_aspx .inputBox dd .radioArea input[type="radio"] + label,
.QuestionnaireFrame .inputBox dd .radioArea input[type="radio"] + label,
.QuestionnaireFrame .inputBox dd .checkBase input[type="checkbox"] + label {
  margin-right: 20px;
  font-size: 14px;
}
.QuestionnaireFrame .inputBox dd .checkBase.check01 input[type="checkbox"]{
  position: relative;
  width: 0;
}
.QuestionnaireFrame .inputBox dd .checkBase input[type="checkbox"] + label{
  margin-right: 20px;
  position: relative;
}
@media (min-width: 767px) {
  .userregist_aspx .inputBox dd .errormsg,
  .addressbookregist_aspx .inputBox dd .errormsg,
  .inquiry_aspx .inputBox dd .errormsg,
  .QuestionnaireFrame .inputBox dd .errormsg {
    width: 100%;
    /*position: absolute;
    top: -35px;
    left: 0;*/
  }
}
.userregist_aspx .inputBox dd .errormsg .inputError,
.addressbookregist_aspx .inputBox dd .errormsg .inputError,
.inquiry_aspx .inputBox dd .errormsg .inputError,
.QuestionnaireFrame .inputBox dd .errormsg .inputError {
  margin: 0;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  /*border: 1px solid #ff0000;*/
  margin-top: 10px;
  box-sizing: border-box;
}
@media (min-width: 767px) {
  .userregist_aspx .inputBox dd .errormsg .inputError,
  .addressbookregist_aspx .inputBox dd .errormsg .inputError,
  .inquiry_aspx .inputBox dd .errormsg .inputError,
  .QuestionnaireFrame .inputBox dd .errormsg .inputError {
    margin-top: 0;
  }
}
.userregist_aspx .inputBox dd .a.fg-button,
.addressbookregist_aspx .inputBox dd .a.fg-button,
.inquiry_aspx .inputBox dd .a.fg-button,
.QuestionnaireFrame .inputBox dd .a.fg-button {
  background: #fe92b6;
  background: -moz-linear-gradient(top, #fe92b6 0%, #ff4b86 100%);
  background: -webkit-linear-gradient(top, #fe92b6 0%, #ff4b86 100%);
  background: linear-gradient(to bottom, #fe92b6 0%, #ff4b86 100%);
}
.userregist_aspx .inputBox dd.box_postalcode,
.addressbookregist_aspx .inputBox dd.box_postalcode,
.inquiry_aspx .inputBox .inputBox dd.box_postalcode,
.QuestionnaireFrame .inputBox dd.box_postalcode{
max-width:250px;
}
@media (min-width: 767px) {
.userregist_aspx .inputBox dd.box_tell,
.addressbookregist_aspx .inputBox dd.box_tell,
.inquiry_aspx .inputBox dd.box_tell,
.QuestionnaireFrame .inputBox dd.box_tell{
max-width:400px;
}
}

.userregist_aspx .inputBox.fileUpLoad dd table tr,
.addressbookregist_aspx .inputBox.fileUpLoad dd table tr,
.inquiry_aspx .inputBox.fileUpLoad dd table tr,
.QuestionnaireFrame .inputBox.fileUpLoad dd table tr {
  display: block;
}
.userregist_aspx .inputBox.fileUpLoad dd table tr td,
.addressbookregist_aspx .inputBox.fileUpLoad dd table tr td,
.inquiry_aspx .inputBox.fileUpLoad dd table tr td,
.QuestionnaireFrame .inputBox.fileUpLoad dd table tr td {
  display: inline-block;
}
.userregist_aspx .inputBox.fileUpLoad dd table tr td:first-child,
.addressbookregist_aspx .inputBox.fileUpLoad dd table tr td:first-child,
.inquiry_aspx .inputBox.fileUpLoad dd table tr td:first-child {
  margin-bottom: 8px;
  margin-right: 20px;
}
.userregist_aspx .inputBox.fileUpLoad dd table tr td:last-child,
.addressbookregist_aspx .inputBox.fileUpLoad dd table tr td:last-child,
.inquiry_aspx .inputBox.fileUpLoad dd table tr td:last-child,
.questionnaire_aspx .inputBox.fileUpLoad dd table tr td:last-child {
  margin-bottom: 10px;
}
.userregist_aspx .inputBox.fileUpLoad dd p,
.addressbookregist_aspx .inputBox.fileUpLoad dd p,
.inquiry_aspx .inputBox.fileUpLoad dd p,
.questionnaire_aspx .inputBox.fileUpLoad dd p {
  width: 100%;
}
.userregist_aspx .inputBox.TerminalName dd,
.addressbookregist_aspx .inputBox.TerminalName dd,
.inquiry_aspx .inputBox.TerminalName dd,
.questionnaire_aspx .inputBox.TerminalName dd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.userregist_aspx .inputBox.TerminalName dd input.inputBase,
.addressbookregist_aspx .inputBox.TerminalName dd input.inputBase,
.inquiry_aspx .inputBox.TerminalName dd input.inputBase,
.questionnaire_aspx .inputBox.TerminalName dd input.inputBase {
  width: calc(100% - 180px);
}
.userregist_aspx .inputBox.phBirthday dd .errormsg,
.addressbookregist_aspx .inputBox.phBirthday dd .errormsg,
.inquiry_aspx .inputBox.phBirthday dd .errormsg,
.questionnaire_aspx .inputBox.phBirthday dd .errormsg {
  width: 100%;
  position: absolute;
  bottom: -18px;
  left: 0;
}
@media (max-width: 767px) {
  .userregist_aspx .inputBox.phBirthday dd .errormsg,
  .addressbookregist_aspx .inputBox.phBirthday dd .errormsg,
  .inquiry_aspx .inputBox.phBirthday dd .errormsg,
  .questionnaire_aspx .inputBox.phBirthday dd .errormsg {
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
  }
  .questionnaire_aspx .inputBox dd .radioArea,
  .questionnaire_aspx .inputBox dd .checkBase{
    display: flex;
    flex-wrap: wrap;
  }
}
.userregist_aspx .non_editable,
.addressbookregist_aspx .non_editable,
.inquiry_aspx .non_editable,
.questionnaire_aspx .non_editable {
  width: 100%;
  min-height: 35px;
  padding: 10px;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #ccc;
  background-color: #dfdfdf;
  font-size: 12px;
  line-height: 20px;
  color: gray;
  resize: none;
  cursor: default;
}
.userregist_aspx .box_address .select01.noarrow+.non_editable,
.addressbookregist_aspx .box_address .select01.noarrow+.non_editable,
.inquiry_aspx .box_address .select01.noarrow+.non_editable,
.questionnaire_aspx .box_address .select01.noarrow+.non_editable {
max-width:150px;
}


.userregist_aspx .UserRegistDescription,
.addressbookregist_aspx .UserRegistDescription,
.inquiry_aspx .UserRegistDescription,
.questionnaire_aspx .UserRegistDescription {
  width: 100%;
}
.userregist_aspx .errormsg,
.addressbookregist_aspx .errormsg,
.inquiry_aspx .errormsg,
.questionnaire_aspx .errormsg{
  width: 100%;
}
.userregist_aspx .btnBox.center,
.addressbookregist_aspx .btnBox.center,
.inquiry_aspx .btnBox.center,
.questionnaire_aspx .btnBox.center {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.userregist_aspx .btnBox.center .ErrorMessage,
.addressbookregist_aspx .btnBox.center .ErrorMessage,
.inquiry_aspx .btnBox.center .ErrorMessage,
.questionnaire_aspx .btnBox.center .ErrorMessage {
  width: 100%;
}
.userregist_aspx input[type="radio"],
.userregist_aspx input[type="checkbox"],
.addressbookregist_aspx input[type="radio"],
.addressbookregist_aspx input[type="checkbox"],
.inquiry_aspx input[type="radio"],
.inquiry_aspx input[type="checkbox"],
.questionnaire_aspx input[type="radio"],
.questionnaire_aspx input[type="checkbox"] {
  margin: 0;
}
.addressbookregist_aspx .inputBox.addressInfoSave div.checkBase.check01{
  margin: 0;
}


.member_orderhistoryauth_aspx .inpubox_inputtArea {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.inquiry_aspx .selectBase.select01 {
  min-width: 240px;
  background-color: #fff;
}

.wrapper.reminder_aspx .inputBox,
.wrapper.memberreset_aspx .inputBox,
.wrapper.mailmagazinemember_aspx .inputBox,
.wrapper.passcode_aspx .inputBox {
  background-color: #efefef;
  width: 100%;
  max-width: 800px;
  margin: 40px auto 40px auto;
  padding: 40px 20px;
}
.wrapper.mailmagazinemember_aspx .inputBox{
    display:block;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;

}
@media (min-width: 1080px){
.wrapper.mailmagazinemember_aspx .inputBox{
    display:block;
}}
.wrapper.mailmagazinemember_aspx .inputBox .inputContents:not(input[type="text"]){margin:10px auto 0 auto; padding:0;}
.wrapper.mailmagazinemember_aspx .inputBox input[type="text"].inputContents{
    width: 100%;
    border: 0;
}
.wrapper.mailmagazinemember_aspx .inputBox .inputContents span{
    margin: 10px auto 10px auto;
    background: #fbfafa;
    text-align: center;
    display: inline-block;
    width: calc(100% - 2em);
}
.wrapper.mailmagazinemember_aspx .btnBox.center .btnBorder{
padding:10px;
}
@media (min-width: 768px){
.wrapper.mailmagazinemember_aspx .btnBox.center>*{
margin:0 10px;
}
}

.wrapper.information_aspx .text .Message {
  font-weight: normal;
}

.wrapper .CouponList li {
  display: flex;
  align-items: center;
  padding: 10px 5px 5px 5px;
  justify-content: center;
}
.wrapper.checkout_aspx .CouponList li{
    margin:20px auto;
    max-width: 620px;
}
.wrapper.checkout_aspx .CouponList li:hover{
    outline: 2px solid var(--keyColor);
    box-sizing: border-box;
    background-color: #ecf2f9;
}
@media (max-width: 767px) {
  .wrapper .CouponList li {
    display: block;
  }
}
.wrapper .CouponList li .couponArea {
  width: calc(100% - 60px);
  border-right: 1px dotted #333;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .wrapper .CouponList li .couponArea {
    width: 100%;
    border: none;
    margin-right: 0;
    padding-top: 10px;
  }
}
.wrapper .CouponList li .btnArea {
  text-align: center;
  margin-left: auto;
  margin-right: 10px;
}
.wrapper .CouponList .inputBox {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .wrapper .CouponList .inputBox {
    font-size: 12px;
    line-height: 20px;
  }
}
.wrapper .CouponList .inputBox .inputTitle {
  padding-top: 0;
  margin-bottom: 10px;
  width: 100%;
  max-width: 140px;
}
.wrapper .CouponList .inputBox .inputContents {
  margin-bottom: 10px;
  width: calc(100% - 140px);
}
.wrapper .couponCodeInput {
  max-width: 680px;
  margin: 0 auto;
}
.wrapper.usecoupon_aspx .CouponList, .wrapper.couponlist_aspx .CouponList {
  width: 100%;
  max-width: 680px;
  margin: 10px auto;
}
.wrapper.usecoupon_aspx .CouponList li, .wrapper.couponlist_aspx .CouponList li {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding:10px 0;
  position:relative;
}
.wrapper.usecoupon_aspx .CouponList li .CouponName, .wrapper.couponlist_aspx .CouponList li .CouponName {
  color: var(--keyColor);
  font-weight: 600;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_left > dl, .wrapper.usecoupon_aspx .CouponList li .CouponList_left > div, .wrapper.usecoupon_aspx .CouponList li .CouponList_detail > dl, .wrapper.usecoupon_aspx .CouponList li .CouponList_detail > div, .wrapper.couponlist_aspx .CouponList li .CouponList_left > dl, .wrapper.couponlist_aspx .CouponList li .CouponList_left > div, .wrapper.couponlist_aspx .CouponList li .CouponList_detail > dl, .wrapper.couponlist_aspx .CouponList li .CouponList_detail > div {
  margin-bottom: 4px;
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_left .CouponCode span, .wrapper.usecoupon_aspx .CouponList li .CouponList_detail .CouponCode span, .wrapper.couponlist_aspx .CouponList li .CouponList_left .CouponCode span, .wrapper.couponlist_aspx .CouponList li .CouponList_detail .CouponCode span {
  color: var(--keyColor);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_left dl, .wrapper.usecoupon_aspx .CouponList li .CouponList_detail dl, .wrapper.couponlist_aspx .CouponList li .CouponList_left dl, .wrapper.couponlist_aspx .CouponList li .CouponList_detail dl {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_left dl dt, .wrapper.usecoupon_aspx .CouponList li .CouponList_detail dl dt, .wrapper.couponlist_aspx .CouponList li .CouponList_left dl dt, .wrapper.couponlist_aspx .CouponList li .CouponList_detail dl dt {
  width: 110px;
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_left dl dd, .wrapper.usecoupon_aspx .CouponList li .CouponList_detail dl dd, .wrapper.couponlist_aspx .CouponList li .CouponList_left dl dd, .wrapper.couponlist_aspx .CouponList li .CouponList_detail dl dd {
  width: calc(100% - 110px);
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_left, .wrapper.couponlist_aspx .CouponList li .CouponList_left {
  width: calc(100% - 50px);
}
.wrapper.usecoupon_aspx .CouponList li .CouponList_right, .wrapper.couponlist_aspx .CouponList li .CouponList_right {
  margin-left: auto;
  width: 50px;
}
@media (max-width: 400px) {
  .wrapper.usecoupon_aspx .CouponList li, .wrapper.couponlist_aspx .CouponList li {
    display: block;
  }
  .wrapper.usecoupon_aspx .CouponList li .CouponList_right, .wrapper.usecoupon_aspx .CouponList li .CouponList_left, .wrapper.couponlist_aspx .CouponList li .CouponList_right, .wrapper.couponlist_aspx .CouponList li .CouponList_left {
    width: 100%;
  }
  .wrapper.usecoupon_aspx .CouponList li .CouponList_right, .wrapper.couponlist_aspx .CouponList li .CouponList_right {
    text-align: center;
    margin-top: 20px;
  }
}
.wrapper.usecoupon_aspx .CouponList li.SelectedCoupon:after, 
.wrapper.couponlist_aspx .CouponList li.SelectedCoupon:after{
content:"選択中";
display:block;
position:absolute;
background-color:#ED013C;
color:#fff;
padding:0px 5px;
top:10px;
left:0;
font-size:11px;
}
.wrapper.usecoupon_aspx .box_input .CouponListParts li.SelectedCoupon dl,
.wrapper.couponlist_aspx .box_input .CouponListParts li.SelectedCoupon dl{
border-color:#ED013C;
}

  .wrapper.usecoupon_aspx .content .cont>p.text.left,
  .wrapper.usepoint_aspx .content .cont>p.text.left{
display:inline-block;
}
  .wrapper.usecoupon_aspx .content
/*add*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
}

main, summary {
  display: block;
}

audio, canvas, progress {
  display: inline-block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-spacing: 0;
}

td, th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

*:before, *:after {
  box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-size: 14px;
  line-height: 1.42857;
  background-color: #fff;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
}

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

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}

.h1, .h2, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
  font-size: 65%;
}

.h4, .h5, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

small, .small {
  font-size: 85%;
}

mark, .mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover, a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover, a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover, a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover, a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover, a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover, a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ul ul, ul ol, ol ul, ol ol {
  margin-bottom: 0;
}

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dt, dd {
  line-height: 1.42857;
}

dt {
  font-weight: 500;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: "— ";
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
  content: "";
}

.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing:border-box;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  /*margin-left: -15px;
  margin-right: -15px;*/
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
}

caption, th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857;
  border-top: 1px solid #ddd;
}

.table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple], select[size] {
  height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  padding-top: 7px;
}

output, .form-control {
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

.form-group {
  margin-bottom: 15px;
}

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 500;
  cursor: pointer;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 500;
  cursor: pointer;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  content: " ";
  display: table;
  clear: both;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: .35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup, .dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 500;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li, .nav > li > a {
  position: relative;
  display: block;
}

.nav > li > a {
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

.navbar:after, .navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin: 8px -15px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text, .navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block {
  display: none !important;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd {
  margin: 0;
  padding: 0;
  font-weight: 400;
}

  /*html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%
  }*/
img {
  border: none;
  vertical-align: bottom;
}

img, input[type='image'] {
  height: auto;
  max-width: 100%;
}

li {
  list-style-type: none;
}

table {
  width: 100%;
  border-collapse: collapse;
}

.marble_cf:after {
  content: "";
  clear: both;
  display: table;
}

a:link, a:visited {
  color: #484848;
  /*text-decoration: underline;*/
}

a:hover, a:active {
  color: #000;
}

a:hover, a:active {
  text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {
  display: block;
}

.marble_ttl--category, .marble_ttl--category-top, .marble_ttl--article, .marble_ttl--lv1, .buyer_topcopy, .InfomationTxtLv1, .marble_ttl--lv2, .marble_ttl--lv3, .marble_ttl--lv4, .marble_ttl--lv5 {
  font-weight: 400;
  line-height: 1.6;
}

.marble_ttl--category {
  margin: 0 0 30px;
  border-bottom: 1px solid #333;
  font-size: 2.3rem;
  padding: 15.36px 0;
}

.marble_ttl--category__label {
  display: block;
  line-height: 1;
}

.marble_ttl--lv1 {
  margin-bottom: 30px;
}

.marble_ttl--lv1, .buyer_topcopy {
  font-size: 2.2rem;
}

.InfomationTxtLv1 {
  margin-bottom: 30px;
  font-size: 2.2rem;
}

.marble_ttl--lv2 {
  margin: 50px 0 30px;
  padding: 0 0 15px;
  font-size: 2rem;
  position: relative;
}

.marble_ttl--lv2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 1px;
  background: #000;
}

.marble_ttl--lv3 {
  margin: 40px 0 15px;
  font-size: 1.8rem;
}

.marble_ttl--lv4, .marble_ttl--lv5 {
  margin: 0 0 15px;
  font-size: 1.6rem;
}

b, em {
  font-weight: 600;
  font-style: normal;
}

.marble_txt, .marble_detail-entry, .marble_detail-entry p, .InfomationTxtLv2 {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
}

.marble_txt--sub, .InfomationTxtLv2--sub {
  color: #555;
}

.marble_caption {
  display: none;
  font-size: 1.4rem;
  line-height: 1.63;
  color: #555;
}

.marble_quote {
  margin-bottom: 30px;
  padding: 0 30px;
  position: relative;
  border: none;
}

.marble_quote > *:last-child {
  margin-bottom: 0;
}

.marble_quote::before, .marble_quote::after {
  font-size: 4rem;
  color: #999;
  position: absolute;
  line-height: 16px;
}

.marble_quote:before {
  content: "\201C";
  top: 10px;
  left: 0;
}

.marble_quote:after {
  content: "\201D";
  bottom: -20px;
  right: 0;
}

.marble_link--logo a, .marble_link--yahoo a, .marble_link--rakuten a {
  display: inline-block;
  padding: 9px 0 9px 80px;
  background: no-repeat 0 50%;
  background-size: 65px auto;
}

.marble_link--yahoo a::after, .marble_link--rakuten a::after {
  content: "\e90f";
  display: inline-block;
  text-decoration: none;
}

.marble_link--yahoo i, .marble_link--rakuten i {
  display: none;
}

.marble_link i {
  font-size: 1em;
  line-height: 1;
}

.marble_link--logo a {
  background-image: url(/images/common/header_logo.png);
}

.marble_link--yahoo a {
  background-image: url(/images/common/logo_yahoo.png);
}

.marble_link--rakuten a {
  background-image: url(/images/common/logo_rakuten.png);
}

.marble_brand-visual {
  margin: 0 0 30px;
}

.marble_brand-visual__logo {
  text-align: center;
  padding: 15px;
  border: 1px solid #e6e6e6;
}

.marble_brand-visual__txt {
  font-size: 1.4rem;
  line-height: 1.43;
  margin: 25px 0 0;
}

.marble_brand-visual .marble_brand-visual__img {
  display: none;
}

.marble_expert-ttl {
  margin-bottom: 20px;
}

.marble_expert-ttl, .marble_expert-subttl {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.marble_expert-subttl {
  margin: 40px 0 15px;
  padding: 0 0 0 8px;
  border-left: 3px solid #4a4f61;
}

.marble_expert-write {
  font-size: 1.3rem;
  color: #333;
  padding: 0 20px 0 0;
}

.marble_expert-date {
  font-size: 1.3rem;
  color: #666;
  margin: 0 0 15px;
  display: inline-block;
}

.marble_error {
  margin-bottom: 30px;
  color: #d0021b;
  font-size: 1.6rem;
  line-height: 1.38;
  font-weight: 500;
}

.marble_label--ttl {
  margin: 0 0 10px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}

.marble_label--ttl span {
  padding: 2px 5px;
  font-weight: 500;
}

.marble_label--pickup span {
  background: #e24166;
}

.marble_label--article span {
  background: #4a90e2;
}

.marble_label--ranking span {
  background: #e89f27;
}

.marble_label--new span {
  background: #96cf5c;
}

.marble_label--topics span {
  background: #48c5d4;
}

.marble_label--brand span {
  background: #6c56d2;
}

.marble_label--premium span {
  background: #a27237;
}

.marble_label--required {
  position: relative;
  top: -1px;
  color: #fff;
  margin: 5px;
  padding: 1px 5px;
  background: #ED013C;
  font-size: 10px;
  line-height: 2;
  border:solid 1px #ED013C;
}
.marble_label--optional {
  position: relative;
  top: -1px;
  color: #fff;
  margin: 0 5px;
  padding: 1px 5px;
  background: #ccc;
  font-size: 10px;
  line-height: 2;
  border:solid 1px #ccc;
  white-space: nowrap;
}

.marble_label--icon-stock, .marble_label--icon-stock-no, .marble_label--icon-stock-low {
  padding: 2px 5px;
  margin: 0 5px 5px 0;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}

.marble_label--icon-img {
  margin: 0 5px 5px 0;
}

.marble_label--icon-detail {
  max-height: 26px;
  width: auto;
}

.marble_label--icon-stock {
  color: #000;
}

.marble_label--icon-stock, .marble_label--icon-stock-no, .marble_label--icon-stock-low {
  border: 1px solid #eee;
  background: #eff2f4;
  font-size: 1.4rem;
  font-weight: 500;
}

.marble_label--icon-stock-no {
  color: #e24166;
}

.marble_label--icon-stock-low {
  color: #ff7d00;
}

.marble_list, .marble_list-number, .marble_detail-entry ol, .marble_list-notes, .marble_detail-entry ul {
  margin-bottom: 30px;
  text-align: left;
}

.marble_list > li {
  list-style: disc outside;
}

.marble_list > li, .marble_list-number > li, .marble_detail-entry ol > li {
  margin: 0 0 10px 1.6em;
  font-size: 1.6rem;
  line-height: 1.63;
  text-indent: 0;
}

.marble_list-notes > li, .marble_detail-entry ul > li {
  font-size: 1.6rem;
  line-height: 1.63;
}

.marble_detail-entry ul > li {
  list-style: disc outside;
  margin: 0 0 10px 1.6em;
  text-indent: 0;
}

.marble_list ul, .marble_list-number ul, .marble_detail-entry ol ul, .marble_list-notes ul, .marble_detail-entry ul ul, .marble_list ol, .marble_list-number ol, .marble_detail-entry ol ol, .marble_list-notes ol, .marble_detail-entry ul ol {
  margin: 0.5em 0 0;
}

.marble_list-number > li, .marble_detail-entry ol > li {
  list-style: decimal outside;
}

.marble_list-notes > li {
  text-indent: -1em;
  margin: 0 0 10px 1em;
  list-style: none;
}

.marble_list-notes > li::before {
  content: "※";
}

.marble_list-normal {
  margin-bottom: 30px;
  text-align: left;
}

.marble_list-normal li {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 24px;
}

.marble_list-normal > li > .marble_list-normal > li {
  margin: .5em 0 0 1em;
}

.marble_list-normal > li > .marble_list > li {
  margin: 0 0 10px 1.6em;
}

.marble_list > li > .marble_list > li {
  margin: 0 0 10px 1.6em;
}

.marble_list-desc {
  margin-bottom: 30px;
  font-size: 1.6rem;
  text-align: left;
}

.marble_list-desc dt {
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1.63;
}

.marble_list-desc dd {
  margin-bottom: 10px;
  line-height: 1.63;
}

.marble_list-desc--faq dt, .marble_list-desc--faq dd {
  position: relative;
  padding-left: 45px;
}

.marble_list-desc--faq dt::before, .marble_list-desc--faq dd::before {
  position: absolute;
  left: 0;
  padding: 0 10px;
  font-size: 1.5em;
  font-family: arial;
  font-weight: 500;
}

.marble_list-desc--faq dt {
  margin: 0 0 10px;
  border-top: 3px solid #eff2f4;
  padding-top: 45px;
}

.marble_list-desc--faq dt::before {
  content: "Q.";
  top: 35px;
}

.marble_list-desc--faq dd {
  margin-bottom: 40px;
}

.marble_list-desc--faq dd::before {
  content: "A.";
  top: -0.4em;
}

.marble_list-desc.row dt {
  clear: left;
}

.marble_lnav {
  text-align: center;
  font-size: 1.6rem;
  margin: -10px 0 30px;
}

.marble_lnav li {
  display: inline-block;
  margin: 10px 15px;
}

.marble_lnav a {
  font-weight: 500;
  text-decoration: none;
  padding: 15px 0 15px 15px;
  position: relative;
}

.marble_lnav a:hover {
  text-decoration: underline;
}

.marble_lnav a::after {
  position: absolute;
  top: 16px;
  left: -5px;
  content: "\f078";
  font-family: "myicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: 0.5em;
  line-height: 1;
}

.marble_lnav--1col li {
  display: block;
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
}

.marble_lnav--1col a::after {
  text-indent: 0;
}

.marble_ttl--article + .marble_lnav {
  padding: 5px 25px;
  margin: -30px 0 30px;
  background: #eff2f4;
}

.marble_tab-list {
  text-align: center;
  font-size: 1.6rem;
  margin: -10px 0 80px;
}

.marble_tab-list li {
  display: inline-block;
  margin: 10px 15px;
}

.marble_tab-list a {
  font-weight: 500;
  text-decoration: none;
  padding: 15px 0;
  position: relative;
}

.marble_tab-list a::after {
  position: absolute;
  bottom: 5px;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  transition: all 0.3s;
}

.marble_tab-list a:hover::after {
  background: #000;
  bottom: 10px;
}

.marble_tab-list li.marble_current a::after {
  background: #000;
  bottom: 10px;
}

.marble_topics-list li {
  margin-bottom: 30px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.marble_topics-list__date {
  margin: 0 0 7px;
  display: block;
  line-height: 1;
}

.marble_topics-list p {
  margin: 0 0 20px;
  line-height: 1.5;
}

.marble_topics-list a {
  text-decoration: underline;
}

.marble_topics-list a:hover {
  text-decoration: none;
}

.marble_topics__date {
  color: #666;
  font-size: 1.6rem;
}

.marble_topics li {
  margin-bottom: 30px;
  font-size: 1.6rem;
  line-height: 2;
}

.marble_bnr-list li {
  text-align: center;
  margin: 0 0 10px;
}

.marble_list-error {
  margin-bottom: 30px;
  color: #d0021b;
  font-size: 1.6rem;
  line-height: 1.38;
  font-weight: 500;
  padding: 20px 10px;
  border: 3px solid #f0b7b7;
}

.marble_list-error li {
  list-style: disc outside;
  margin-left: 1.6em;
}

.marble_box {
  margin-bottom: 20px;
}

.marble_box--l {
  margin-bottom: 40px;
}

.marble_block {
  margin-bottom: 70px;
}

.marble_wide {
  margin: 60px 0;
}

.marble_img-box {
  margin-bottom: 30px;
  text-align: center;
}

.marble_img-box .marble_lead {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .marble_img-box .marble_lead {
    padding: 10px 0 0 0;
  }
}

.marble_img-box img {
  width: auto;
}

.marble_img-box.row {
  text-align: left;
}

.marble_img-box__img {
  margin: 0 auto 8px;
  display: block;
}

.marble_img-left, .marble_img-right {
  text-align: left;
}

.marble_img-left .marble_img-box__img, .marble_img-right .marble_img-box__img {
  margin: 0 auto 15px;
}

.marble_box-wrap {
  padding: 20px 10px;
  margin-bottom: 30px;
  background: #eff2f4;
}

.marble_box-wrap > *:last-child {
  margin-bottom: 0;
}

.marble_box-wrap--line {
  margin-bottom: 30px;
  padding: 20px 10px;
  border: 3px solid #eff2f4;
}

.marble_box-wrap--line > *:last-child {
  margin-bottom: 0;
}

.marble_box-wrap--login {
  padding: 45px 20px;
  margin-bottom: 30px;
  font-size: 1.6rem;
  background: #eff2f4;
}

.marble_box-wrap--login dl {
  margin-bottom: 30px;
}

.marble_box-wrap--login dl:last-child {
  margin-bottom: -10px;
}

.marble_box-wrap--login dt {
  padding: 0 0 10px;
}

.marble_box-wrap--login-line {
  padding: 45px 20px;
}

.marble_box-wrap--login-line > *:first-child {
  margin-top: 0;
}

.marble_btn-box {
  text-align: center;
}

.marble_btn-box > * {
  vertical-align: top;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.marble_btn-box--left {
  text-align: left;
}

.marble_btn-box--left > * {
  margin: 0;
}

.marble_btn-box--left > *:not(:last-child) {
  margin-right: 10px;
}

.marble_explain-box {
  border: 3px solid #f8cbcb;
  padding: 10px;
  display: inline-block;
}

.marble_explain-box > *:last-child {
  margin-bottom: 0;
}

.marble_table, .marble_detail-entry table {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
}

.marble_table th, .marble_detail-entry table th, .marble_table td, .marble_detail-entry table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  background-color: #ffffff;
}

.marble_table th, .marble_detail-entry table th {
  /*font-weight: 500;*/
  background: #eff2f4;
}

.marble_table td > *:last-child, .marble_detail-entry table td > *:last-child {
  margin-bottom: 0;
}

.marble_hr {
  margin: 40px 0;
}

.marble_hr, .marble_hr--m {
  border-top: 3px solid #eff2f4;
}

.marble_hr--m {
  margin: 30px 0;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }

  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }

  .container {
    width: 750px;
  }

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm, td.visible-sm {
    display: table-cell !important;
  }

  .visible-sm-block {
    display: block !important;
  }

  .visible-sm-inline {
    display: inline !important;
  }

  .visible-sm-inline-block {
    display: inline-block !important;
  }

  .hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .marble_table--responsive tbody th, .marble_table--responsive tbody td {
    padding: 15px;
  }

  body {
    padding: 0;
  }

  .marble_br-sp {
    display: none;
  }

  .marble_topic-path {
    margin: 0 0 40px;
  }

  .marble_post-free .marble_box-wrap--line {
    min-width: 300px;
    text-align: left;
    display: inline-block;
  }
}
@media screen and (min-width: 992px) {
  .marble_ttl--category {
    margin: 0 0 50px;
    font-size: 3rem;
  }

  .marble_ttl--lv1, .buyer_topcopy, .InfomationTxtLv1 {
    font-size: 3rem;
  }

  .marble_ttl--lv2 {
    margin: 70px 0 30px;
    font-size: 2.4rem;
  }

  .marble_ttl--lv3 {
    margin: 40px 0 20px;
    font-size: 2rem;
  }

  .marble_ttl--lv4 {
    margin: 0 0 20px;
    font-size: 1.8rem;
  }

  .marble_brand-visual {
    display: table;
    margin: 0 0 80px;
  }

  .marble_brand-visual__logo {
    display: table-cell;
    vertical-align: middle;
    padding: 33px;
    width: 38%;
  }

  .marble_brand-visual__logo img {
    width: auto;
  }

  .marble_brand-visual__txt {
    margin: 50px 0 0;
  }

  .marble_brand-visual .marble_brand-visual__img {
    display: table-cell;
    vertical-align: middle;
  }

  .marble_expert-ttl {
    margin-top: 80px;
    margin-bottom: 10px;
    font-size: 3rem;
  }

  .marble_expert-subttl {
    font-size: 1.8rem;
  }

  .marble_lnav {
    margin-bottom: 60px;
  }

  .marble_ttl--article + .marble_lnav {
    margin: -50px 0 30px;
  }

  .marble_topics-list p > span {
    border-bottom: 1px solid transparent;
    transition: border 0.3s;
  }

  .marble_topics-list a:hover p > span {
    border-bottom: 1px solid #000;
  }

  .marble_list-error {
    padding: 20px 25px;
  }

  .marble_box {
    margin-bottom: 40px;
  }

  .marble_box--l {
    margin-bottom: 60px;
  }

  .marble_block {
    margin-bottom: 100px;
  }

  .marble_box-wrap, .marble_box-wrap--line {
    padding: 20px 25px;
  }

  .marble_img-left {
    padding: 0 0 0 175px;
  }

  .marble_img-left, .marble_img-right {
    overflow: hidden;
  }

  .marble_img-left .marble_img-box__img {
    float: left;
    margin: 0 0 0 -175px;
    width: 150px;
  }

  .marble_img-right .marble_img-box__img {
    width: 150px;
  }

  .marble_img-right {
    padding: 0 175px 0 0;
  }

  .marble_img-right .marble_img-box__img {
    float: right;
    margin: 0 -175px 0 0;
  }

  .marble_topics-list--top {
    position: relative;
    padding-bottom: 50px;
  }

  .marble_topics-list--top .marble_btn, .marble_topics-list--top .marble_btn--l, .marble_topics-list--top .marble_btn--m, .marble_topics-list--top .marble_btn--s, .marble_topics-list--top .marble_btn--not {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 25%;
    margin-bottom: 0;
  }

  .marble_post-free .marble_box-wrap--line::before {
    left: 25px;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

@media (max-width: 767px) {
  .col-1 {
    width: 100%;
    margin: 0 auto;
  }

  .col-2 {
    width: 100%;
    margin: 0 auto;
  }

  .col-3 {
    width: 100%;
    margin: 0 auto;
  }

  .col-4 {
    width: 100%;
    margin: 0 auto;
  }

  .col-5 {
    width: 100%;
    margin: 0 auto;
  }

  .col-6 {
    width: 100%;
    margin: 0 auto;
  }

  .col-7 {
    width: 100%;
    margin: 0 auto;
  }

  .col-8 {
    width: 100%;
    margin: 0 auto;
  }

  .col-9 {
    width: 100%;
    margin: 0 auto;
  }

  .col-10 {
    width: 100%;
    margin: 0 auto;
  }

  .col-11 {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md, td.visible-md {
    display: table-cell !important;
  }

  .visible-md-block {
    display: block !important;
  }

  .visible-md-inline {
    display: inline !important;
  }

  .visible-md-inline-block {
    display: inline-block !important;
  }

  .hidden-md {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .marble_hr {
    margin: 60px 0;
  }
}
@media (min-width: 1200px) {
  .container {
    /* width: 1170px*/
  }

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg, td.visible-lg {
    display: table-cell !important;
  }

  .visible-lg-block {
    display: block !important;
  }

  .visible-lg-inline {
    display: inline !important;
  }

  .visible-lg-inline-block {
    display: inline-block !important;
  }

  .hidden-lg {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

  .marble_table--responsive tbody th, .marble_table--responsive tbody td {
    display: block;
    margin-bottom: -1px;
  }

  html, body {
    width: 100%;
    /*overflow-x: hidden;*/
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs, td.visible-xs {
    display: table-cell !important;
  }

  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }

  .visible-xs-inline-block {
    display: inline-block !important;
  }

  .hidden-xs {
    display: none !important;
  }
}
@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print, td.visible-print {
    display: table-cell !important;
  }

  .visible-print-block {
    display: block !important;
  }

  .visible-print-inline {
    display: inline !important;
  }

  .visible-print-inline-block {
    display: inline-block !important;
  }

  .hidden-print {
    display: none !important;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0%, 20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60%, 100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0%, 20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60%, 100% {
    border-top-color: #73859f;
  }
}
/* --------------------------------
       TOPpage
-------------------------------- */
.wrapper#store.productlist_aspx .mainArea, 
.wrapper#store:not(.top_aspx) .mainArea,
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.wrapper#store.top_aspx .mainArea>*:not(#mainVisual, .SalesRankingParts, .contentsC ){
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 0 auto;
}
@media (max-width: 1199px){
.wrapper#store.top_aspx .mainArea>*:not(#mainVisual, .SalesRankingParts, .contentsC ).RecommendParts{
  width: calc(100% + 20px);
  margin: 0 -10px 0 -10px;
}
}

.wrapper#store.categorylist_aspx .mainArea .itemcategory_area>* {
  width: 100%;
}
.wrapper#store.top_aspx .mainArea>*, .wrapper#store.productlist_aspx .mainArea>*, .wrapper#store .mainArea>* {
  width: 100%;
  position: relative;
}
.wrapper#store.top_aspx .mainArea .main, .wrapper#store.productlist_aspx .mainArea .main, .wrapper#store .mainArea .main {
width: calc(100% - 296px);
    margin-left: auto;
    margin-top: 10px;
}

@media (max-width: 767px){
.wrapper#store.categorylist_aspx .mainArea .main, .wrapper#store.productlist_aspx .mainArea .main, .wrapper#store.top_aspx .mainArea .main {
  width: 100%;
  margin-left: 0;
}
}
/* --------------------------------
       CategoryTree
-------------------------------- */
.wrapper#store.top_aspx .mainArea .aside {
  width: 236px;
  box-sizing: border-box;
  padding: 30px 0 0 0;
}
.wrapper#store aside dl {
  text-align: left;
}
.wrapper#store aside dt, .wrapper#store aside dd ul li a {
  display: block;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  text-decoration: none;
  padding: 10px 1px 10px 15px;
  position: relative;
  border-top: 1px solid #ccc;
}
.wrapper#store aside dt {
  padding: 15px 15px 15px 15px;
  font-weight: 600;
  font-size: 15px;
}

.wrapper#store aside dt.open {
  margin-top: 0px;
}
.wrapper#store aside dt.open:before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate( -45deg);
  position: absolute;
  top: 5px;
  bottom: 0;
  margin: auto;
  background: transparent;
  right: 10px;
}
.wrapper#store aside dd ul li {
  position: relative;
}

/* --------------------------------
        newsListParts
-------------------------------- */
.wrapper .newsList {
  text-align: center;
}
.wrapper .newsList li {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.wrapper .newsList li .NewsListDetailSubTitle {
  font-size: 0.8em;
  width: 80px;
  display: block;
  border: 1px solid #333;
  margin-right: 1em;
  text-align: center;
  display: none;
}
.wrapper .newsList li .WhatsNewLink,
.wrapper#store .NewsListParts ul li .WhatsNewLink {
  width: calc(100% - 140px);
}
@media (max-width: 767px) {
  .wrapper .newsList li .WhatsNewLink,
  .wrapper#store .NewsListParts ul li .WhatsNewLink {
    width: 100%;
  }
}

/* --------------------------------
        naire
-------------------------------- */
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata .NamePrintInputTitle {
  width: 100%;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata ul {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  /*@include flexWrap(wrap);*/
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata ul li {
  text-align: center;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata ul li:last-of-type {
  margin-right: 0;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata ul li input {
  padding: 9px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata ul li input + label {
  margin-bottom: 0;
  vertical-align: middle;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata.naire1 li {
  width: 50%;
  margin-right: 30px;
  max-width: 180px;
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata.naire3 li {
  width: 25%;
  max-width: 92px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata.naire3 li {
    margin-right: 16px;
  }
}
.wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata.naire4 li {
  width: 20%;
  max-width: 56px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .wrapper.productdetail_aspx .NamePrintOptionEachFrame .NamePrintInput.shachihata.naire4 li {
    margin-right: 16px;
  }
}

/* --------------------------------
        bookmark
-------------------------------- */
.wrapper .IconBookMark {
  width: 33px;
  height: 28px;
  display: block;
  background-image: url("../Images/Common/Icon/ico_collectionGray.svg");
  background-position: center;
  background-size: 33px 28px;
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 4px;
}

.wrapper .IconBookMark:after {
  content: '';
  width: 33px;
  height: 28px;
  display: block;
  background-position: center;
  background-size: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s 0s;
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper .Bookmarked:after {
  background-size: 33px 28px;
  background-image: url(../Images/Common/Icon/ico_collectionBlue.svg);
}

  /* --------------------------------
        bookmarklist
-------------------------------- */
.wrapper.bookmarklist_aspx .listContent li a.disable {
  pointer-events: visible;
}

/* --------------------------------
        salesbest
-------------------------------- */
.wrapper.salesbest_aspx .ProductListHeader {
  text-align: center;
}

  /* --------------------------------
        movie
-------------------------------- */
.wrapper .movie {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.wrapper .movie .inner {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.wrapper .movie .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

  /* --------------------------------
        easyzoom
-------------------------------- */
.easyzoom img {
  max-width: 100%;
}

.easyzoom-flyout img {
  max-width: none;
}

@media (max-width: 767px) {
  .easyzoom img {
    max-width: 100%;
    width: auto;
  }

  .easyzoom-flyout img {
    max-width: none;
    width: auto;
  }
}
/* --------------------------------
        modal
-------------------------------- */
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.modal .close {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(../Images/Common/Icon/ico_close01Black.svg);
  background-size: 40px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .modal .close {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
  }
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  text-align: center;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 90%;
}
@media (max-width: 767px) {
  .modal__content {
    width: 90%;
  }
}

.modal__inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
}

/* --------------------------------
        googlemap
-------------------------------- */
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

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

/* --------------------------------
        categolylist
-------------------------------- */
.wrapper .Category {
  margin-top: 40px;
  width:100%;
}
.wrapper .Category .CategoryTitle {
  background: #efefef;
  padding: 10px;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  border-radius: 0;
}
.wrapper .Category ul.CategoryList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  border-bottom: 1px solid #eceae7;
  margin-bottom: 40px;
  padding-top: 14px;
}

@media (max-width: 767px) {
  .wrapper .Category ul.CategoryList {
    padding: 14px 0px 0 14px;
  }
}
.wrapper .Category ul.CategoryList li {
  padding: 5px;
  border: none;
  list-style-type: none;
  line-height: 20px;
  background: none;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
}
@media (min-width: 767px) {
  .wrapper .Category ul.CategoryList li {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .wrapper .Category ul.CategoryList li {
    width: 50%;
  }
}
.wrapper .Category ul.CategoryList li a {
  text-shadow: none;
  display: block;
}
.wrapper .Category ul.CategoryList li a:before {
  content: "";
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Black.svg");
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 0.65em;
  background-repeat: no-repeat;
  left: -0;
}
.wrapper .Category ul.CategoryList li:before a {
  color: #b6ada6;
  text-decoration: underline;
}
.wrapper .Category ul.CategoryList li:before a:after {
  background-image: url("../Images/Common/Icon/arrow/ico_arrow03Brown.svg");
}

/* --------------------------------
        size_check_popup
-------------------------------- */
.size_check_popup h3 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .size_check_popup h3 {
    font-size: 18px;
    line-height: 28px;
  }
}
.size_check_popup h3 + div {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .size_check_popup h3 + div {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px auto;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
}
.size_check_popup h3 + div img {
  width: 49%;
}
@media (min-width: 767px) {
  .size_check_popup h3 + div img {
    max-width: 190px;
  }
  .size_check_popup h3 + div img:first-child {
    margin-right: 30px;
  }
}
.size_check_popup p {
  text-align: left;
}
@media (min-width: 767px) {
  .size_check_popup p {
    width: 100%;
    max-width: 410px;
    margin: 0 auto;
  }
}
.size_check_popup p:last-child {
  margin-bottom: 20px;
}

.mainArea.Upage section.size_check_popup p {
  margin-bottom: 0;
}
.mainArea.Upage section.size_check_popup p:last-child {
  margin-bottom: 20px;
}

/* --------------------------------
       coordinate
-------------------------------- */
.wrapper .coordinateList.listContent.col2 {
  width: calc(100% + 40px);
}
@media (max-width: 767px) {
  .wrapper .coordinateList.listContent.col2 {
    width: 100%;
  }
}
.wrapper .coordinateList.listContent.col2 li {
  width: calc(50% - 40px);
  margin-right: 40px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .wrapper .coordinateList.listContent.col2 li {
    width: 100%;
    margin-right: 0;
  }
}
.wrapper .coordinateHeadTitle.contTitle.text-center.warrowTit {
  position: relative;
  display: block;
  font-weight: 600;
}
.wrapper .coordinateHeadTitle.contTitle.text-center.warrowTit:after, .wrapper .coordinateHeadTitle.contTitle.text-center.warrowTit:before {
  display: inline-block;
  position: relative;
  top: -0.2em;
}
.wrapper .coordinateTitle.contTitle.text-center {
  text-align: center;
  font-weight: 600;
  background: #efefef;
  margin-bottom: 24px;
  color: #111111;
  padding-top: 14px;
  font-size: 18px;
  line-height: 28px;
}
.wrapper .coordinateTitle.contTitle.text-center span {
  display: block;
  font-size: 0.5em;
  color: #9a9fa2;
  margin-top: -10px;
}
@media (min-width: 767px) {
  .wrapper .Category ul.CategoryList.coordinateMenu {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media (min-width: 767px) {
  .wrapper .Category ul.CategoryList.coordinateMenu li {
    width: auto;
  }
}
.wrapper .Category ul.CategoryList.coordinateMenu li a:before {
  transform: rotate(90deg);
}

.wrapper .coordinateTitle.contTitle.text-center {
  display: none;
}

.wrapper .coordinateTitle > p {
  display: none;
}

.wrapper .coordinateTitle a.btnTxt {
  margin-top: 30px;
}

/* --------------------------------
       XX
-------------------------------- */
.wrapper .borderTit {
  border-left: 10px solid #0056a2;
  padding: 4px 0 4px 14px;
}
.wrapper .termBase h3.borderTit {
  border-bottom: none;
}

/* --------------------------------
       QandA
-------------------------------- */
.band-material {
  display: flex;
}
.band-material li {
  width: calc(100% / 3);
  max-width: 330px;
  margin: 0 auto;
  padding-right: 20px;
}
.band-material li p {
  margin: 1em 0em 1em 0em;
}

.news03 p.news03img {
  width: calc(100% - 1em);
  margin: 0.5em;
  display: flex;
  align-items: center;
}

.news03 p.news03img span {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.news03 p.news03img span img {
  width: 18px;
  margin-right: 0.5em;
}

@media (max-width: 767px) {
  .band-material {
    display: block;
  }
  .band-material li {
    width: 100%;
    max-width: none;
    padding-right: 0px;
  }
}
/* --------------------------------
       QandA
-------------------------------- */
.wrapper.maintenance_aspx {
  background-image: url(/store/images/Common/slider/mainimg04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
.wrapper.maintenance_aspx #main {
  background-color: rgba(255, 255, 255, 0.8);
}
.wrapper.maintenance_aspx #main .baseWrap.contentsBox {
  padding: 0px 10px;
  box-sizing: border-box;
}
.wrapper.maintenance_aspx #main .baseWrap.contentsBox .siteLogo {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
  min-height: 1%;
}
.wrapper.maintenance_aspx #main .baseWrap.contentsBox .siteLogo img {
  padding: 0 10px;
  box-sizing: border-box;
}

.wrapper.userregisttop_aspx .baseWrap.contentsBox {
  text-align: center;
}
.wrapper.userregisttop_aspx .baseWrap.contentsBox .termBox.termBase section {
  font-size: 14px;
  line-height: 24px;
}
.wrapper.userregisttop_aspx .baseWrap.contentsBox .termBox.termBase h3:nth-of-type(n+2) {
  margin-top: 40px;
}
.wrapper.userregisttop_aspx .baseWrap.contentsBox .termBox.termBase .listParentheses {
  margin-top: 10px !important;
}

.wrapper.userregist_aspx .QuestionnaireFrame .inputBox dt span {
  display: none;
}
.wrapper.userregist_aspx .QuestionnaireFrame .inputBox dt .QuestionnaireInputTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
}
.wrapper.userregist_aspx .QuestionnaireFrame dd .Questionnaire.UserRegistForm {
  padding: 0px;
  font-size: 100%;
}
.wrapper.userregist_aspx .QuestionnaireFrame dd .Questionnaire.UserRegistForm .InputRestriction {
  display: none;
}
.wrapper.userregist_aspx .inputBox.mailmagazine dd .checkBase,
.wrapper.questionnaire_aspx .inputBox dd .checkBase {
  margin: 0 auto 0 0;
  display: flex;
}

/*itemList*/
#store .itemList {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  box-sizing: border-box;
  padding: 0 10px;
}
#store .itemList .product{
  width: calc(100% / 5);
}
@media (max-width: 500px) {
  #store .itemList {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #store .itemList .product{
    width: calc(100% / 2);
  }
}
#store .itemList li, #store .itemList > * {
  margin: 20px 10px 40px 10px;
}
@media (max-width: 500px) {
  #store .itemList li, #store .itemList > * {
    padding: 0 10px 10px 10px;
    margin: 10px 10px;
    box-sizing: border-box;
  }
}
@media (max-width: 500px) {
  #store .itemList li, #store .itemList > .item_listSlider {
    padding: 0 0px 10px 0px;
    margin: 10px 10px;
    box-sizing: border-box;
  }
}
#store .itemList.list-col2 li, #store .itemList.list-col2 > * {
  width: calc((100% / 2) - 20px);
}
@media (max-width: 500px) {
  #store .itemList.list-col2 li, #store .itemList.list-col2 > * {
    width: calc((100% / 2) - 20px);
  }
  #store .CategoryPartsEx .itemList.list-col2 li, 
  #store .CategoryPartsEx .itemList.list-col2 > * {
    width: 100%;
  }
}
#store .itemList.list-col3 li, #store .itemList.list-col3 > * {
  width: calc((100% / 3) - 40px);
}
@media (max-width: 500px) {
  #store .itemList.list-col3 li, #store .itemList.list-col3 > * {
    width: calc((100% / 2) - 20px);
  }
}
#store .itemList.list-col4 li, #store .itemList.list-col4 > * {
  width: calc((100% / 5) - 32px);
    margin: 20px 16px 40px 16px;
}
@media (max-width: 768px) {
  #store .itemList.list-col4 li, #store .itemList.list-col4 > * {
    width: calc((100% / 2) - 32px);
    margin: 10px;
  }
}
@media (max-width: 500px) {
  #store .itemList.list-col4 li, #store .itemList.list-col4 > * {
    width: calc((100% / 2) - 20px);
  }
}
#store .itemList.list-col5 {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
}
#store .itemList.list-col5 li, #store .itemList.list-col5 > * {
  width: calc((100% / 5) - 20px);
  margin: 20px 10px 40px 10px;
}
@media (max-width: 1000px) {
  #store .itemList.list-col5 li, #store .itemList.list-col5 > * {
    width: calc((100% / 3) - 20px);
  }
}
@media (max-width: 500px) {
  #store .itemList.list-col5 li, #store .itemList.list-col5 > * {
    width: calc((100% / 2) - 20px);
  }
}
#store .itemList.list-col6 li, #store .itemList.list-col6 > * {
  width: calc((100% / 6) - 40px);
  margin: 20px 10px 40px 10px;
}
@media (max-width: 1000px) {
  #store .itemList.list-col6 li, #store .itemList.list-col6 > * {
    width: calc((100% / 4) - (30px / 4));
  }
}
@media (max-width: 500px) {
  #store .itemList.list-col6 li, #store .itemList.list-col6 > * {
    width: calc((100% / 3) - (20px / 3));
  }
}


/*SalesBest*/
.wrapper .SalesRankingParts .listContent li:first-child:before {
    background-image: url(/store/images/common/icon/ico_ranking_gold.svg);
}
.wrapper .SalesRankingParts {
    margin-top: 20px;
    background-color:#f4f5e9;
    padding:10px 0 60px 0;
}

@media (max-width: 1199px) {
.wrapper#store.top_aspx .mainArea>*.SalesRankingParts {
    margin-right: -10px;
    margin-left: -10px;
    width: calc(100% + 20px);
    padding: 10px 10px 40px 10px;
}}

.wrapper .SalesRankingParts .listContent {
    counter-reset: number 0 !important;
}
.wrapper#store.top_aspx div.content .SalesRankingParts .item_colSlider .swiper-wrapper{
margin-right:0;
margin-left:0;
}
.wrapper#store.top_aspx div.content .SalesRankingParts .item_colSlider.itemList .swiper-slide,
.wrapper#store.top_aspx div.content .topListParts .item_colSlider.itemList .swiper-slide{
background-color:#fff;
box-sizing:border-box;
padding:0px 10px 10px 10px;
height:auto;
}
@media (min-width: 600px) {
.wrapper#store.top_aspx .mainArea>*.SalesRankingParts .item_colSlider.itemList .swiper-controller,
.wrapper#store.top_aspx .mainArea .topListParts .item_colSlider.itemList .swiper-controller{
display:none;
}}
@media (max-width: 599px) {
.wrapper#store.top_aspx .mainArea>*.SalesRankingParts .item_colSlider.itemList .swiper-controller,
.wrapper#store.top_aspx .mainArea .topListParts .item_colSlider.itemList .swiper-controller{
opacity: 1;
    width: 90px;
    right: 0;
    left: 0;
    position: relative;
    margin-top: 20px;
}}
.wrapper .SalesRankingParts .listContent li {
    overflow: initial;
    margin-bottom: 60px;
}
.wrapper .SalesRankingParts .listContent li .lab {
    transform: rotate(
0deg
);
    left: 0;
    top: 0;
    text-align: center;
    line-height: 1;
    padding: 0.65vw 1vw;
}
@media (min-width: 1080px){
.wrapper .SalesRankingParts .listContent li .lab {
    padding: 8px 11px;
}
}
/*ポイント*/
@media only screen and (max-width: 766px){
.wrapper.usepoint_aspx .inputBox dt,
.wrapper.usepoint_aspx .inputBox dd{
    text-align: center;
	margin: auto;
}

}
/*クーポン*/
.wrapper.usepoint_aspx .inputBox{
justify-content: center;
}
.wrapper.usepoint_aspx .inputBox .inputContents{
	width: 10em;
}
.box_input .CouponListParts li{
    width: 100%;
    margin: auto;
		box-sizing:border-box;
}
.box_input .CouponListParts li dl {
    width: 100%;
    border: 1px solid #b3b3b3;
    display: flex;
	  align-items: center;
		border: 1px solid #b3b3b3;
		padding:15px ;
		margin:0 0 20px 0;
		text-align:left;
		box-sizing:border-box;
}
.box_input .CouponListParts li dl dt {
    width: 30%;
		box-sizing:border-box;
		font-size:1.1em;
		padding-right:1em;font-weight:bold;
}
.box_input .CouponListParts li dl dd {
    border-left: 1px solid #b3b3b3;
		padding-left:2em;
		box-sizing:border-box;
}
.box_input .CouponListParts li dl dd .CouponCode span{color:var(--keyColor);font-weight:bold;}
.box_input .CouponListParts .btnBox_min {

}
@media only screen and (max-width: 540px){
.box_input .CouponListParts li {
    padding: 1em 0;
}
.box_input .CouponListParts li dl {
    display: block;
    margin: 0 auto;
}
.box_input .CouponListParts li dl dt {
    width: 100%;
		padding:0 0 10px 0;
}
.box_input .CouponListParts li dl dd {
    border-top: 1px solid #b3b3b3;
    border-left: 0px solid #b3b3b3;
		padding:10px 0 0 0;
    width: 100%;
}
.box_input .CouponListParts .btnBox_min {
    text-align: center;
}
.box_input .CouponListParts .btnColor.min {
	width: 100%;
    max-width: 300px;
}
}

/*ポイント履歴*/
.wrapper.pointhistory_aspx .PointHistoryDetail li {
    padding: 15px 0;
    border-bottom: #cbcbcb solid 1px;
}
.wrapper.pointhistory_aspx .PointHistoryDetail li:first-child {
    border-top: #cbcbcb solid 1px;
}
.wrapper.pointhistory_aspx .PointHistoryDetail li p {
    padding: 0px 50px 0px 20px;
    width: 230px;
    display: inline-block;
}
.wrapper.pointhistory_aspx .PointHistoryDetail li span {
    color: #ED013C;
    font-size: 1.5em;
    font-weight: 500;
    margin-right: 5px;
}

/**/
.wrapper#store #ProductDetail .ProductDetailWrap{
width:100%;
position:relative;
}
@media (min-width: 1020px){
.wrapper#store.productdetail_aspx .baseWrap.contentsBox,
.wrapper#store.productdetail_aspx{
    overflow:visible;
    /*overflow-x: hidden;*/
}

.wrapper#store #ProductDetail .ProductDetailWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:60px;
    gap: 40px;
}
.wrapper#store #ProductDetail .ProductDetailWrap__left{
    width: 46%;
    max-width: 600px;
    position: relative;
}
.wrapper#store #ProductDetail .ProductDetailWrap__right{
    width: 50%;
    max-width: 640px;
    position:relative;
    z-index: 1;
}

.wrapper#store #ProductDetail .stick_inner{
position: sticky;
top:0;
}
}
.wrapper#store .ProductDetailBottom{
    width:100%;
    margin: 30px auto 60px auto;
    text-align: left;
}
.wrapper#store .ProductDetailBottom:empty{display:none;}
.wrapper#store .ProductDetailBottom .LinkText3{
text-align:left;

}
#ProductDetail .lblListExplain .reserve {
    padding: 20px;
    margin: 0 0 15px 0;
    background-color: #fff6f6;
    text-align:left;
}

#ProductDetail .lblListExplain .reserve h4 {
    font-size: 16px;
    line-height: 1.4;
    color: #d83e7a;
    padding: 0 0 5px 0;
}
#ProductDetail .lblListExplain .reserve strong{
    font-weight: 500;
    font-size: 16px;
    margin: 8px 0 10px 0;
    line-height: 1;
    display: inline-block;
    background: linear-gradient(transparent 60%, #f6dcc2 60%);
}
#ProductDetail .lblListExplain .reserve ul li{
    text-indent: -0.4em;
    margin: 0 0 0.5em 1em;
    padding: 0 0 2px 0em;
    color: #d83e7a;
font-size:14px;
line-height:24px;
}
#ProductDetail .lblListExplain .reserve ul li:before{
    content: "・";
    display: inline-block;
    margin-right: 4px;
}
*.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute{
border-bottom:none;
}
/*.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute{
    display: flex;
    flex-wrap: wrap;
border-top:1px solid #ccc;
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt,
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dd{
    padding:10px 10px;
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt{
    width: 190px;
    font-weight: 500;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    position:relative;
}
@media (min-width: 768px){
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt{
    pointer-events: none;
}}
@media (max-width: 767px){
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt{
    width:100%;
}}
@media (max-width: 767px){
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt i{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt i:before{
    content: "";
    border-radius: 50%;
    border: 2px solid #484848;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt i:after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate(135deg);
    top: calc(50% - 6px);
    transition: all 0.2s 0s;
    position: absolute;
    right: 21px;
    margin: auto;
}
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dd{
    width: calc(100% - 190px);
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dd{
display:none;
width:100%;
}
}*/
.wrapper#store #ProductDetail .ProductDetailWrap .container{width:auto;}
.ProductDetailWrap .container {
  height: auto!important;
}

.wrapper#store #ProductDetail .DetailAddExplainBox{width:auto;margin:30px 0;}
.wrapper#store #ProductDetail .DetailAddExplainBox .DetailAddExplain {margin:20px 0;border:solid 0px #ccc;}
.wrapper#store #ProductDetail .DetailAddExplainBox figure{margin:10px 0;}
.wrapper#store #ProductDetail .DetailAddExplainBox .DetailAddExplainInner{margin:10px 0;}
.wrapper#store #ProductDetail .DetailAddExplainBox .DetailAddExplainInner .DetailAddExplainTxt{margin:10px 0 20px 0;}

.wrapper#store #ProductDetail #divProductImages{
margin-bottom:20px;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail #divProductImages{
margin-bottom:20px;
}
}
.wrapper#store #ProductDetail #divProductImages img{
outline-offset: -4px;
outline: 4px solid #eee;
}
.wrapper#store #ProductDetail #divProductImages .nav{
    margin: 0px;
    width: 100%;
}
.wrapper#store #ProductDetail #divProductImages .nav ul{
    width: calc(100% + 8px);
    margin-left: -4px;
}
.wrapper#store #ProductDetail #divProductImages .nav ul .slick-track{
    transform:unset!important;
    display: flex;
    flex-wrap: wrap;
    width: 100%!important;
}
.wrapper#store #ProductDetail #divProductImages .nav ul li{
width:calc((100% / 3) - 10px)!important;
margin:8px 5px;
}
.wrapper#store #ProductDetail #divProductImages .nav ul li img{
outline: 4px solid #eee;
}
.wrapper#store #ProductDetail #divProductImages .nav ul li.slick-current img{
outline: 4px solid var(--keyColor);
}
.wrapper#store #ProductDetail #divProductImages .nav img{
    width: 100%;
max-width:;
}
.wrapper#store #ProductDetail #divProductImages .slick-prev, 
.wrapper#store #ProductDetail #divProductImages .slick-next{
    display: block;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgbaa(0,0,0,0.2);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    border-radius: 40px;
    padding-bottom: 0;
    background-color: #fff;
}
.wrapper#store #ProductDetail #divProductImages .slick-prev{z-index: 1;} 
@media (max-width: 767px){
.wrapper#store #ProductDetail #divProductImages .slick-prev{left: -5px;} 
.wrapper#store #ProductDetail #divProductImages .slick-next{right: -5px;} 
}
.wrapper#store #ProductDetail #divProductImages .slick-prev:before, 
.wrapper#store #ProductDetail #divProductImages .slick-next:before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate( -135deg);
    display: inline-block;
    margin: 0px 0.3em auto 0.5em;
    position: relative;
    left: 0;
    bottom: 0;
}
@media (max-width: 500px){
.wrapper#store #ProductDetail #divProductImages .slick-prev, 
.wrapper#store #ProductDetail #divProductImages .slick-next{
    width: 30px;
    height: 30px;
}
.wrapper#store #ProductDetail #divProductImages .slick-prev{
    left: -6px;
} 
.wrapper#store #ProductDetail #divProductImages .slick-next{

    right: -5px;
}
}
.wrapper#store #ProductDetail #divProductImages .slick-prev:before{

} 
.wrapper#store #ProductDetail #divProductImages .slick-next:before{
    transform: rotate( 45deg);
    margin: 0px 0.5em auto 0.3em;
}
.wrapper#store #ProductDetail #divProductImages .nav.thumbnail .slick-prev, 
.wrapper#store #ProductDetail #divProductImages .nav.thumbnail .slick-next{
display:none!important;
}
.wrapper#store #ProductDetail .GoodsCopyright{
  background: #ffd6ea;
  padding: 4px;
  display: inline-block;
  margin: 4px 0;
}
@media (max-width: 768px){
.wrapper#store #ProductDetail .GoodsCopyright{

}}
.wrapper#store #ProductDetail .container{padding:0;}
.wrapper#store #ProductDetail .ProductName{
    font-weight:normal; 
    text-align:left;
    font-size: 28px;
    line-height: 1.5;
    padding:0 0px 8px 0px;
}
@media (max-width: 768px){
.wrapper#store #ProductDetail .ProductName{
    font-size: 22px;
}
}
.wrapper#store #ProductDetail .ProductName img.newitemIcon{
    vertical-align: middle;
    display: inline-block;
    width: 51px;
    height: 19px;
}
.wrapper#store #ProductDetail .ProductDetailWrap .RelatedProductOneSideList li .ProductName{

}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center{
    flex-direction: row;
    margin-bottom:60px;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart{
    border: solid 1px #F47E77;
    background-color: #F46C64;
    border-radius: 5px;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center #btnBookMarkFolder{
    border-radius:5px;
    border:1px solid var(--keyColor);
}
@media (max-width: 768px){
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center #btnBookMarkFolder{
max-width:none;}}


.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center a:first-child{margin-left:0;}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center a:nth-child(2){margin-right:0;}
@media (max-width: 767px){
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center{
max-width:none;
}}
@media (max-width: 767px){
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center a.btnColor,
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center a.btnBorder{
max-width:none;
}
}

.wrapper#store #ProductDetail .VariationSlideFooter,
.wrapper#store #ProductDetail .BookmarkCountWrap,
.wrapper#store #ProductDetail .stockoutIconFrame{display:none;}

.wrapper#store #ProductDetail .StockMatrixPanel table td a{
color:var(--keyColor);
}
.wrapper#store #ProductDetail .StockMatrixPanel .StockTableComment{
margin-top:10px;
font-size:12px;
}
.wrapper#store #ProductDetail .Information{
    font-size:100%;
    padding:0;
    margin-bottom:20px;
}

.wrapper#store #ProductDetail .Attribute dl{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.wrapper#store #ProductDetail .Attribute dl dt,
.wrapper#store #ProductDetail .Attribute dl dd{
    padding: 8px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    text-align:left;
}
.wrapper#store #ProductDetail .Attribute dl dd.InquiryUrl{
word-break: break-all;
}
.wrapper#store #ProductDetail .Attribute dl dt{
    width: 150px;
    font-size:14px;
    line-height:24px;
    font-weight:500;
    text-align: left;
}
.wrapper#store #ProductDetail .Attribute dl dd{
    width: calc(100% - 150px);
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}
.wrapper#store #ProductDetail .Attribute dl dt:last-of-type,
.wrapper#store #ProductDetail .Attribute dl dd:last-of-type{
    
}
.wrapper#store #ProductDetail .Attribute dl dt.InquiryName + dd span a{
color:var(--keyColor);
text-decoration:underline;
}
.wrapper#store #ProductDetail .Information .SupplierNote{
    background-color: #fbfafa;
    padding: 15px;
    text-align: left;
}
.wrapper#store #ProductDetail .Information .VariationSelect{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}
.wrapper#store #ProductDetail .Information .VariationSelect select{
padding-right:30px;
box-sizing:border-box;
min-width:280px;
}
.wrapper#store #ProductDetail .Information .SpecialShippingHandlingMessageLabel{display:none;}

.wrapper#store #ProductDetail .itemCountWrap{
display:flex;
}
.wrapper#store #ProductDetail #VariationFlgStockDiv{
margin-left:20px;
}
.wrapper#store #ProductDetail .itemCount,.wrapper#store #ProductDetail #VariationFlgStockDiv dl{
    display: flex;
    align-items: center;
}
.wrapper#store #ProductDetail .itemCount dt,.wrapper#store #ProductDetail #VariationFlgStockDiv dt{
    font-size: 18px;
    line-height: 36px;
    width: auto;
    font-weight: 500;
    text-align: left;
    margin-right: 20px;
}

.wrapper#store #ProductDetail .itemCount dd{
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
}

.wrapper#store #ProductDetail .itemCount dd .btn_minus,
.wrapper#store #ProductDetail .itemCount dd .btn_plus{
    padding: 8px 13px;
    display: block;
    box-sizing: border-box;
    font-size: 18px;
    background-color: #ededed;
cursor: pointer;
cursor: hand;
}
/*.wrapper#store #ProductDetail .itemCount label{
    margin-bottom:0;
    width: 4em;
    position:relative;
    display:block;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
}*/
.wrapper#store #ProductDetail .itemCount select{
    background-color:#fff;
    width: 4em;
    text-align: center;
    text-align:-webkit-center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display:inline-block;
    /*height:100%;*/
    padding:0 1.2em;
}
.wrapper#store #ProductDetail .btnBorder.Bookmarked,
.wrapper#store #ProductDetail .btnBorder.NotBookmarked{
    padding: 10px 10px;
    border: none;
    background-color: #eee;
    border-radius: 100px;
    max-width: 40px;
    position: absolute;
    bottom: 75px;
    right: 3%;
}

.wrapper#store #ProductDetail .pnlInventory + .btnBox .btnBorder.Bookmarked,
.wrapper#store #ProductDetail .pnlInventory + .btnBox .btnBorder.NotBookmarked{
    padding: 10px 10px;
    border: none;
    background-color: #eee;
    border-radius: 100px;
    max-width: 40px;
    position: absolute;
    bottom: 4px;
    right: 3%;
}
.wrapper#store #ProductDetail #divAddToCartAndBookmark{
  position: relative;
}
@media (max-width: 768px){
.wrapper#store #ProductDetail .btnBorder.Bookmarked,
.wrapper#store #ProductDetail .btnBorder.NotBookmarked{
  bottom: 65px;
  right: 6%;
  
}}
@media (max-width: 600px){
  .wrapper#store #ProductDetail .btnBorder.Bookmarked,
.wrapper#store #ProductDetail .btnBorder.NotBookmarked{
  bottom: 65px;
  right: 1%;
  
}
}
.wrapper#store #ProductDetail .btnBorder.Bookmarked:before,
.wrapper#store #ProductDetail .btnBorder.NotBookmarked:before,
.wrapper#store #ProductDetail #divAddToCartAndBookmark .btnCart:before{
content:"";
width:20px;
height:20px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
vertical-align:middle;
}
.wrapper#store #ProductDetail .btnBorder.Bookmarked:before{
    background-image:url(../Images/Common/icon/ico_bookmarked.svg);
    margin-top: 0px;
}
.wrapper#store #ProductDetail .btnBorder.NotBookmarked:before{
    background-image:url(../Images/Common/icon/ico_bookmark.svg);
    margin-top: 0px;
}
.wrapper#store #ProductDetail #divAddToCartAndBookmark .btnCart:before{
    background-image:url(../Images/Common/icon/ico_cartWhite.svg);
    margin-top: -6px;
    margin-right:0.5em;
}
.wrapper#store #ProductDetail .NotBookmarked em:before {
  display: inline-block;
  content: "お気に入りに追加";
  font-weight: normal;
  vertical-align: middle;
}
.wrapper#store #ProductDetail .Bookmarked em:before {
  display: inline-block;
  content: "お気に入りから削除";
  font-weight: normal;
  vertical-align: middle;
}
/*#VariationSlideNew*/

.wrapper#store #ProductDetail h2.VariationTit{
font-size:24px;
line-height:34px;
}
@media (min-width: 768px){
.wrapper#store #ProductDetail #VariationSlideNew{
width:100%;
max-width:600px;
}
}
/*BookmarkInquiryBtnwrap*/
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart{
    max-width: 80%;
    padding: 15px 30px;
    font-size: 16px;
    margin: 0 auto 0 3%;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart{
    max-width: 100%;
}
.wrapper .btnBox.center a:nth-child(1), .wrapper .btnBox.center input[type='submit']:nth-child(1), .wrapper .btnBox.center a:nth-child(1), .wrapper .btnBox.center input[type='button']:nth-child(1),.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart {
  margin-bottom: 60px;
}
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center{
    margin-bottom: 30px;
}

.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap{
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    justify-content: center;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap{
    max-width: 100%;
    gap:10px;
}}
@media (max-width: 500px){
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap{
    max-width: 100%;
    gap:20px;
}}
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap>*{
    width: calc(50% - 10px);
}
@media (max-width: 767px){
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap>*{
    width: calc(50% - 5px);
}}
@media (max-width: 500px){
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap>*{
    width: 100%;
}}
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap a.btnBorder{
    padding: 8px 10px
}
@media (max-width: 500px){
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap a.btnBorder{
    max-width:none;
    padding: 10px 10px
}
}
.wrapper#store #ProductDetail .BookmarkInquiryBtnwrap .btnBorder.InquiryGoods:before{
content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
    vertical-align: middle;
    background-image: url(../Images/Common/icon/ico_mail.svg);
    margin-top: -2px;
}
/*productdetail bookmark append end*/

.wrapper#store.top_aspx div.content .item_listSlider.itemList.slick-slider li,
.wrapper#store.top_aspx div.content .centergradslider.itemList.slick-slider li,
.wrapper#store.top_aspx div.content .item_colSlider.itemList .swiper-slide{
margin-bottom:0;

}
.wrapper#store div.content .item_listSlider.itemList.slick-slider,
.wrapper#store div.content .centergradslider.itemList.slick-slider,
.wrapper#store.top_aspx div.content .item_colSlider.itemList{
    display:block;
    padding:0;
    width: calc(100% + 20px);
    margin-left: -10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.wrapper#store div.content .item_listSlider.itemList,
.wrapper#store div.content .centergradslider.itemList,
.wrapper#store .mainVis{
    opacity:0;
}
@media (max-width: 600px){
.wrapper#store.top_aspx div.content .SalesRankingParts .item_colSlider.itemList{    width: 100%;
    margin-left: 0;
}}


@media (max-width: 1200px){
.wrapper#store.top_aspx .mainArea>*.mainVis{
    width: calc(100% + 20px);
    margin-left: -10px;
}}
.wrapper#store div.content .item_listSlider.itemList.slick-slider>*,
.wrapper#store div.content .centergradslider.itemList.slick-slider>*{
margin:0;
}
@media (max-width: 767px){
.wrapper#store div.content .item_listSlider.itemList.slick-slider>.slick-list{
padding: 0 12% 0 0 !important;
}
}
.wrapper#store div.content .item_listSlider.itemList.slick-slider li,
.wrapper#store div.content .centergradslider.itemList.slick-slider li{
    margin: 10px 10px 0px 10px;
}

.wrapper#store #ProductDetail #VariationSlideNew .slick-prev, 
.wrapper#store #ProductDetail #VariationSlideNew .slick-next,
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev, 
.wrapper#store div.content .item_listSlider.slick-slider .slick-next{
    top: calc(100% + 20px);
    display: block;
    z-index: 1;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    box-sizing: border-box;
    border-radius: 40px;
    padding-bottom:0;
}

.wrapper#store div.content .item_listSlider.slick-slider .slick-prev, 
.wrapper#store div.content .item_listSlider.slick-slider .slick-next{
    width: 32px;
    height: 32px;
}
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev, 
.wrapper#store div.content .item_listSlider.slick-slider .slick-next{
    top:-30px;
}
@media (max-width: 600px){
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev, 
.wrapper#store div.content .item_listSlider.slick-slider .slick-next{
top: calc(50% - 16px);
background-color:#fff;
}}
.wrapper#store #ProductDetail #VariationSlideNew .slick-prev
{
    right: 50px;
    left: auto;
}
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev{
    right: 60px;
    left: auto;
}
@media (max-width: 600px){
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev{
    right: auto;
    left: 10px;
}
}
.wrapper#store #ProductDetail #VariationSlideNew .slick-next{
    right: 0;
}
.wrapper#store div.content .item_listSlider.slick-slider .slick-next{
    right: 10px;
}
.wrapper#store #ProductDetail #VariationSlideNew .slick-prev:before,
.wrapper#store #ProductDetail #VariationSlideNew .slick-next:before,
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev:before, 
.wrapper#store div.content .item_listSlider.slick-slider .slick-next:before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate( -135deg);
    display: inline-block;
    margin: 0px 0.3em auto 0.5em;
    position: relative;
    left: 0;
    bottom: 0;
}
.wrapper#store #ProductDetail #VariationSlideNew .slick-prev:before,
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev:before
{
    transform: rotate( -135deg);
    margin: 0px 0.3em auto 0.5em;
}
.wrapper#store #ProductDetail #VariationSlideNew .slick-next:before,
.wrapper#store div.content .item_listSlider.slick-slider .slick-next:before{
    transform: rotate( 45deg);
    margin: 0px 0.5em auto 0.3em;
}
@media (max-width: 500px){
.wrapper#store #ProductDetail #VariationSlideNew .slick-prev:before,
.wrapper#store div.content .item_listSlider.slick-slider .slick-prev:before
{
    margin: auto;
    margin-left: 3px;
}
.wrapper#store #ProductDetail #VariationSlideNew .slick-next:before,
.wrapper#store div.content .item_listSlider.slick-slider .slick-next:before{
    transform: rotate( 45deg);
    margin: auto;
    margin-right: 3px;
}
}
.wrapper#store #ProductDetail #VariationSlideNew ul{font-size:100%;}
.wrapper#store #ProductDetail #VariationSlideNew ul.slick-dots{
    width: calc(100% - 100px);
    bottom: -30px;
    display: flex!important;
    justify-content: flex-end;
}
.wrapper#store #ProductDetail #VariationSlideNew ul.slick-dots li{
    float: left;
}
.wrapper#store #ProductDetail #VariationSlideNew ul.slick-dots li button:before{font-size: 14px;
}
.wrapper#store #ProductDetail #VariationSlideNew ul.slick-dots li button:before{    opacity: 1;
    color: #ccc;
}

.wrapper#store #ProductDetail #VariationSlideNew ul.slick-dots li.slick-active button:before{
    opacity: 1;
    color: #ffbbc9;
}
.wrapper#store #ProductDetail #VariationSlideNew #VariationSlideList{
background:#fff;
}

.wrapper.productdetail_aspx .baseWrap .RecentlyViewedItems ul{
padding-right: 100px;
margin-right: -200px;
}
/*
.wrapper#store #ProductDetail .DetailExplain{
margin-bottom:60px;
}
.wrapper#store #ProductDetail .DetailExplain u{display:block;}
.wrapper#store #ProductDetail .DetailExplain u:nth-child(n+2){margin-top:8px;}
.wrapper#store #ProductDetail .DetailExplain b{display:block;}
.wrapper#store #ProductDetail .DetailExplain b:nth-child(n+2){margin-top:8px;}
.wrapper#store #ProductDetail .DetailExplain u:nth-child(n+2) b{margin-top:0px;}
*/
.wrapper#store #ProductDetail .DetailExplainWrap{
    border-top: 1px dashed #ccc;
    padding: 20px 0;
    text-align:left;
}
.wrapper#store #ProductDetail .DetailExplainWrap p{
line-height:2;
}
@media (min-width: 768px){
.wrapper#store #ProductDetail .DetailExplainWrap .SubComment .flexbox{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.wrapper#store #ProductDetail .DetailExplainWrap .SubComment .flexbox>*{
    width: 48%;
}
}
.wrapper#store #ProductDetail .DetailExplainWrap .SubComment .flexbox+.flexbox{
margin-top:40px;
}
body .wrapper#store #ProductDetail .DetailExplainWrap a.arrow_left{
    color: inherit;
    vertical-align: middle;
    position:relative;
}
.wrapper#store #ProductDetail .DetailExplainWrap a.arrow_left:before{
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.5em;
    background-color: #0000FF;
    vertical-align: middle;
    top: -1px;
    position: relative;

}
.wrapper#store #ProductDetail .DetailExplainWrap a.arrow_left:after{
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 2px);
    left: 4px;
    right: auto;
}

.wrapper#store #ProductDetail .DetailExplainWrap h2{position:relative;}
.wrapper#store #ProductDetail .DetailExplainWrap h2.toggle{
font-size:24px;
line-height:36px;
padding-bottom:20px;
}
.wrapper#store #ProductDetail .DetailExplainWrap h2.toggle:after{
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(-45deg);
    top: calc(50% - 5px);
    display: block;
    margin-bottom: 3px;
    margin-right: 0.5em;
    transition: all 0.2s 0s;
    position: absolute;
    right: 10px;

}
.wrapper#store #ProductDetail .DetailExplainWrap h2.toggle.close:after{
    transform: rotate(135deg);
}
.wrapper#store #ProductDetail .DetailExplainWrap h2.tit.subtit{
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.wrapper .DetailAddExplainBox h3{
    font-size: 24px;
    line-height: 36px;
}
.wrapper .DetailAddExplainBox h3 span{
    font-size: 14px;
    line-height:18px;
}
.wrapper .DetailAddExplain h3 span{
    font-size: 24px;
    line-height: 36px;
    margin-bottom:20px;
    display: inline-block;
}
.wrapper#store .DetailAddExplain{
    width:100%;
    margin:0 auto;
}
@media (min-width: 768px){
.wrapper#store .DetailAddExplain{
    display: flex;
    justify-content: space-between;
}}

.wrapper .DetailAddExplain .DetailAddExplainInner{
text-align:left;
}
@media (min-width: 768px){
.wrapper#store .DetailAddExplain .DetailAddExplainInner{
    width: 57%;
}}
@media (max-width: 767px){
.wrapper#store .DetailAddExplain .DetailAddExplainInner{
    margin-bottom: 20px;
}}
@media (min-width: 768px){
.wrapper#store .DetailAddExplain figure{
    width: 40%;
}}
.wrapper#store .RecommendTitle{
    margin: 0;
    background-color: transparent;
    padding: 0;
    color: #333;
}
.wrapper#store .RecommendTitle.mainTit{text-align:left;}
.wrapper#store .RecommendTitle a{display:none;}
.wrapper#store .mainTit{
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    margin-top: 40px;
}
.wrapper#store .mainTit.left{text-align:left;}
.wrapper#store.top_aspx .mainTit,
.wrapper#store.productdetail_aspx .mainTit{
    margin-top: 40px;
    text-align:center;
}
.wrapper#store.top_aspx .mainTit{
margin-bottom:60px;
}
.wrapper#store.top_aspx .main>div:first-child .mainTit{
    margin-top: 20px;
}

@media (max-width: 767px){
.wrapper#store.top_aspx .mainTit,
.wrapper#store.productdetail_aspx .mainTit{
    margin-top: 40px;
    margin-bottom: 10px;
    text-align:center;
}}

.wrapper#store .mainTit span{
font-size:13px;
line-height:1.5;
letter-spacing:2px;
display:block;
}
@media (max-width: 767px){
.wrapper#store .mainTit span{
font-size:12px;line-height: 15px;
}}

.wrapper.productdetail_aspx .baseWrap .Recommend.RecentlyViewedItems{
overflow: visible;
}
@media (max-width: 767px){
.wrapper#store.categorylist_aspx .RecentlyViewedItems,
.wrapper#store.productlist_aspx .RecentlyViewedItems
{
margin-top:0px;
}}


.wrapper#store .itemList.RelatedItemList{
display:block;
width:auto;
margin:0;
padding:0;
padding-right: 100px;
margin-right: -200px;
}
.wrapper#store .itemList.RelatedItemList li,
.wrapper#store .itemList.RelatedItemList > *{
margin:0;
}
.wrapper#store .itemList.RelatedItemList li{
margin-right:20px;
}
.wrapper#store .itemList.RelatedItemList li:last-child{
margin-right:0;
}

.wrapper#store .itemList li .ItemImageWrap,
.wrapper#store .itemList li .ItemInfoWrap,
.wrapper#store .itemList div .ItemImageWrap,
.wrapper#store .itemList div .ItemInfoWrap{
position:relative;
text-align:left;
}
@media (max-width: 767px){
.wrapper#store .itemList li .ItemImageWrap,
.wrapper#store .itemList li .ItemInfoWrap,
.wrapper#store .itemList div .ItemImageWrap,
.wrapper#store .itemList div .ItemInfoWrap{
    font-size: 0.9em;
}}
.wrapper#store .itemList li .ItemInfoWrap:not(.categoryTag),
.wrapper#store .itemList div .ItemInfoWrap:not(.categoryTag){
letter-spacing:0.06em;
}
.wrapper#store .itemList li .ItemImageWrap,
.wrapper#store .itemList li .ProductName,
.wrapper#store .itemList li a .ProductName,
.wrapper#store .item_colSlider.itemList .ItemImageWrap{
margin-bottom:10px;
color: #555;
}
.wrapper#store .itemList li .ProductName,
.wrapper#store .itemList li a .ProductName,
.wrapper#store .item_colSlider.itemList .ProductName{
margin-bottom:5px;
}
.wrapper#store .itemList li .Review_area,
.wrapper#store .itemList li .ProductName,
.wrapper#store .itemList li a .ProductName,
.wrapper#store .item_colSlider.itemList .ProductName{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 2.8em;
    font-size:0.9em;
    text-align: left;
}

.wrapper#store .itemList li .Review_area a,
.wrapper#store .itemList div.swiper-slide .Review_area a{
    color: var(--keyColor);
    text-decoration: underline;
}


.wrapper#store .itemList li .ItemImageWrap,
.wrapper#store .itemList div.swiper-slide .ItemImageWrap{
overflow:hidden;
}
.wrapper#store .itemList li .ItemImageWrap img,
.wrapper#store .itemList div.swiper-slide .ItemImageWrap img{
  transition: transform 0.3s;
  width: 100%;
  position: relative;
  display: block;
}
.wrapper#store .itemList li .ItemImageWrap img.newitemIcon,
.wrapper#store .itemList div.swiper-slide .ItemImageWrap img.newitemIcon{
transition:transform 0s;
position:absolute;
left:0;
top:0;
}

.wrapper#store .itemList li .ItemInfoWrap .price_area .priceB,
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .priceB{
    color: #ED013C;
    font-weight:normal;
}
.wrapper#store .itemList li .ItemInfoWrap .price_area .ListPriceDiv3.DiscountPrice,
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv3.DiscountPrice{
    display: flex;
    flex-wrap: wrap;
}
.wrapper#store .itemList li .ItemInfoWrap .price_area .ListPriceDiv3.DiscountPrice .DiscountRateD,
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv3.DiscountPrice .DiscountRateD {
  display: none;
}
.wrapper#store .itemList li:hover .ItemImageWrap img,
.wrapper#store .itemList div.swiper-slide:hover .ItemImageWrap img{
transform:scale(1.1);
}
.wrapper#store .itemList li:hover .ItemImageWrap img.newitemIcon,
.wrapper#store .itemList div.swiper-slide:hover .ItemImageWrap img.newitemIcon{
transform:scale(1);
opacity:1;
}
@media (max-width: 767px){
.wrapper#store .itemList.item_listSlider li:hover .ItemImageWrap img,
.wrapper#store .itemList.item_colSlider div.swiper-slide:hover .ItemImageWrap img{
transform:scale(1);
opacity:1;
}
}
/*bookmark icon*/
 @keyframes heartBlast {
0% { transform: scale(1); }
50% { transform: scale(1.7); }
80% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.wrapper#store .itemList li,
.wrapper#store .itemList div.swiper-slide{position:relative;}
.wrapper#store .itemList li .ico_bookmark,
.wrapper#store .itemList div.swiper-slide .ico_bookmark{
text-indent:-9999%;
display:block;
height:0;
}
.wrapper#store .itemList li .ico_bookmark:before,
.wrapper#store .itemList div.swiper-slide .ico_bookmark:before{
content:"";
width:24px;
height:24px;
display:block;
position:absolute;
background-image:url(/store/images/common/icon/ico_bookmark_blank.svg);
background-repeat:no-repeat;
right:10px;
top:10px;
}

.wrapper#store .itemList li .ico_bookmark.Bookmarked:before,
.wrapper#store .itemList div.swiper-slide .ico_bookmark.Bookmarked:before{
background-image:url(/store/images/common/icon/ico_bookmarked.svg);
animation: heartBlast .3s ease;
}
.wrapper#store .itemList li .categoryTag,
.wrapper#store .itemList div.swiper-slide .categoryTag{
    color: #898989;
    font-size: 12px;
    margin-bottom:0.5em;
}
.wrapper#store .itemList li .BookmarkCountWrap,
.wrapper#store .itemList div.swiper-slide .BookmarkCountWrap{
display:none;
}

/*header*/

.menu-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #fff;
    margin-bottom:0;
}
.menu-btn em{
    position: absolute;
    bottom: -9px;
    display: block;
    width: 60px;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}
@media screen and (max-width: 599px) {
.menu-btn em{
    bottom: -11px;
}}
#menu-btn-check:checked ~ .menu-btn{
    position: fixed;
    z-index:1002;
}
@media screen and (max-width: 599px) {
.menu-btn {
    margin-bottom:0;
    left: 10px;
}}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #484848;
    position: absolute;
}
.menu-btn span:before {
    bottom: 9px;
}
.menu-btn span:after {
    top: 9px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
.menu-content {
    width:80%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #fff;
    transition: all 0.5s;/*アニメーション設定*/
    z-index:1001;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #333;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#484848;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
@media (max-width: 767px){
.menu-content ul li a::before,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li>a:before,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(1) ul.child_cate>li>a:before {
    content: "";
    width: 9px;
    height: 9px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 18px;
}
.menu-content ul li .header_drowerCategoryInner ul>li.hasChild>a:before,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li.hasChild>a:before{
    display: block;
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 0.1em;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    position: absolute;
}
.menu-content ul li .header_drowerCategoryInner ul>li.hasChild>a:after,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li.hasChild>a:after{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
}
.menu-content ul li .header_drowerCategoryInner ul>li.hasChild>a.open:after,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li.hasChild>a.open:after{
content:none;
}
}
#menu-btn-check {
    display: none;
}
#menu-btn-check:checked ~ .bg-content{
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index:1000;
}
#menu-btn-check:checked ~ .menu-content {
    right: 20%;/*メニューを画面内へ*/
    z-index:1001;
}
#menu-btn-check:checked ~ .menu-content>ul{
    overflow: scroll;
    height: 100%;
}

/*header_menu*/
@media (max-width: 767px){
.menu-content>ul .header_drowerCategoryInner ul,
.menu-content>ul .header_drowerSns ul{
padding:0;
}
.menu-content>ul .header_drowerCategoryInner ul li.hasChild ul.child_cate{
    position: static;
    visibility: visible;
    opacity: 1;
    display: none;
}
.menu-content>ul .header_drowerCategoryInner ul li:last-child,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate li:last-child{
border-bottom:none;
}

.menu-content>ul .header_drowerCategoryInner ul li ul li:first-child,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate li ul li:first-child{
border-top:1px solid #333;
}
}
header#Header{
font-size:14px;
line-height:24px;
}
.Header_Nav { /* メニュー全体のスタイル */
  width: 100%;
  position: relative;
  color: #333; /* 文字色 */
  background: #fff; /* 背景色 */
  text-align: center;
  font-family: 'Montserrat';
}
 
.Header_Nav li {
  display: inline-block;
}
.Header_Nav .global_menu>li>a{
  position:relative;
}
@media (min-width: 768px){
.Header_Nav .global_menu>li>a{
    padding: 30px 0px 30px 0;
}}
.Header_Nav .global_menu>li>a:after{
  content:"";
  width:1px;
  height:calc(1em + 6px);
  background-color:#333;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  margin:auto;

}
.Header_Nav a { /* 各項目のスタイル */
  display: block;
  padding: 10px 0px;
}
 
/*.hasChild:hover > a {
  background: #fff;
}*/
 
.global_menu>.hasChild>.child_cate > li > a { /* 子項目のスタイル */
  /*font-size: 0.8em;*/
}
/*.global_menu>.hasChild>.child_cate > li > a:hover {
  background: #fefefe;
}*/
.child_cate{display:none;}
/*.global_menu>.hasChild>.child_cate .hasChild .child_cate{display:none;}*/
.global_menu>.hasChild>.child_cate { /* 下層メニューのスタイル */
  /*width: 100%;*/
  position: absolute;
  top: 0; /* topを0に */
  left: 0;
  padding: 10px;
  color: #333; /* 文字色 */
  background: #fff; /* 背景色 */
  visibility: hidden; /* 下層メニューを非表示 */
  opacity: 0; /* 不透明度を最小に */
  transition: .5s top, .5s opacity; /* アニメーション設定 */
  z-index: 3;
  width: calc(100% + 20px);
  margin-left: -10px;
}
 
.global_menu>.hasChild>a.open+.child_cate { /* 下層メニューのスタイル（親項目ホバー時） */
  top: 100%; /* 定位置に戻す */
  opacity: 1;
  visibility: visible; /* 下層メニューを表示 */

}
@media (min-width: 768px){
.global_menu>.hasChild>a.open+.child_cate {
    top: 100%;
    background-color:#f4f4f4;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 2;
}}
.global_menu>.hasChild>.child_cate a:hover {
  color: #f4f4f4;
}
.wrapper header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  transition: all 0.5s;
  background-color: #fff;
/*-webkit-backface-visibility:hidden;
 backface-visibility:hidden;*/
}
.wrapper header, .wrapper header a {
  color: #484848;
}
.wrapper header.fixed{
  position: fixed;
  top: 0;
  left: 0;

}
#Header .HeaderWrap #mainLogo{
    width: 156px;
    box-sizing: border-box;
    padding: 10px;
}
@media (max-width: 767px){
#Header .HeaderWrap #mainLogo{
    margin: -10px 0 0px -10px;
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
    position: fixed;
    z-index: 4;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
}
#Header .HeaderWrap #mainLogo img{
    max-width: 140px;
}
}
@media (min-width: 1051px){
#Header .HeaderWrap {
    box-sizing: border-box;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


#Header .HeaderWrap .Header_Nav {
    display:flex;
    width:calc(100% - 156px);
    justify-content: flex-end;
    align-items: center;
}
#Header .HeaderWrap .Header_Nav >ul{
    margin-right: 20px;
    display: flex;
    width: 70%;
}
#Header .HeaderWrap .Header_Nav >ul>li{
width:calc(100% / 5);
}
#Header .HeaderWrap .Header_Nav >ul>li.hasChild ul.child_cate li{margin:0 10px;}

#Header .HeaderWrap .hamburger-menu{
    width: 30%;
    max-width: 240px;
}
.menu-btn{
display:none;
}
.menu-content{
    position:static;
    width: 100%;
    height: auto;
    background-color: #fff;
}
.menu-content ul {
    padding: 0px 10px 0;
}
.global_menu>.hasChild>.child_cate{
    /*width: calc(100% + 156px);
    left: -156px;*/
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    left: -78px;
}
.wrapper#store .hamburger-menu .menu-content ul li{
border-bottom:none;
}
.wrapper#store .hamburger-menu .menu-content ul li a:before{
content: none;
}
}
header ul.sc_field> .HeadButton{
border:none;
font-size:100%;
}
/*headerIcon*/
.hamburger-menu .menu-content ul{}
.hamburger-menu .menu-content ul li.icon a i:before{
content:"";
width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}

#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li>a i:before{
content:"";
width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
margin-bottom:10px;
}

@media (min-width: 768px){
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li>a i:before{margin:auto;
display:block;}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li{
width:calc((100% / 4) - 20px);
max-width:230px;
margin-bottom: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li ul{display:none!important;}
}
.hamburger-menu .menu-content ul li.header_pc_search i:before{
background-image:url(/store/Images/Common/icon/ico_search.svg);
}
@media (min-width: 768px){
.wrapper#store .hamburger-menu .menu-content ul li.header_pc_search.pc_display{
display:inline-block;
}}
.hamburger-menu .menu-content ul li.header_mypage i:before{
background-image:url(/store/Images/Common/icon/human-o.svg);
}
.hamburger-menu .menu-content ul li.header_login i:before{
background-image:url(/store/Images/Common/icon/human-o.svg);
}
.hamburger-menu .menu-content ul li.header_login a.logout i:before{
background-image:url(/store/Images/Common/icon/ico_logout.svg);
}
.hamburger-menu .menu-content ul li.header_bookmark i:before{
background-image:url(/store/Images/Common/icon/ico_bookmarkBlack.svg);
}
.hamburger-menu .menu-content ul li.header_cart i:before,
.hamburger-menu .menu-content ul li.header_cart_drower i:before{
background-image:url(/store/Images/Common/icon/ico_cartBlack.svg);
}

.hamburger-menu .menu-content ul li.header_cart .number#BasketSummary{
font-size: 10px;
    padding: 0px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    top: 3px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-color: #f29c9f;
    align-items: center;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}
.hamburger-menu .menu-content ul li.header_cart .number#BasketSummary #Basket{
float:none;
}
@media (max-width: 767px){
.hamburger-menu .menu-content ul li{width:100%; text-align:left;}
.menu-content ul li a{padding: 9px 15px 10px 10px;}
.hamburger-menu .menu-content ul li.header_cart{width:auto;}

#Header .HeaderWrap .Header_Nav >ul>li>a>i:before{
     content:"";
    width:24px;
    height:24px;
    display:block;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    left: 0;
    right: 0;
    margin: auto;}
#Header .HeaderWrap .Header_Nav >ul>li:first-child>a>i:before,
.hamburger-menu .menu-content ul li.brand a i:before{
background-image:url(/store/Images/Common/icon/ico_brand.svg);
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2)>a>i:before,
ul li.category a i:before{
background-image:url(/store/Images/Common/icon/ico_category.svg);
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(3)>a>i:before{
background-image:url(/store/Images/Common/icon/ico_kuji.svg);
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(4)>a>i:before,
ul li.topics a i:before{
background-image:url(/store/Images/Common/icon/ico_topics.svg);
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(5)>a>i:before{
background-image:url(/store/Images/Common/icon/ico_guide.svg);
}
.hamburger-menu .menu-content ul li.ranking a i:before{
background-image:url(/store/Images/Common/icon/ico_ranking.svg);
}
.hamburger-menu .menu-content ul li.recommend a i:before{
background-image:url(/store/Images/Common/icon/ico_recommend.svg);
}
.hamburger-menu .menu-content ul li.othermenu a i:before{
background-image:url(/store/Images/Common/icon/ico_othermenu.svg);
}
.Header_Nav{
    margin-top: 60px;
}
#Header .HeaderWrap .Header_Nav >ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 20px);
    margin-left: -10px;
    font-size:12px;
    border-bottom: 1px solid #ccc;
}
#Header .HeaderWrap .Header_Nav >ul>li{
    width: calc(100% / 5);
}
.Header_Nav .global_menu>li>a:after{
    height: calc(4em + 6px);
    background-color: #ccc;
}
#Header .HeaderWrap .Header_Nav >ul>li a.open{
    background-color: #f4f4f4;
    border-radius: 10px 10px 0 0;
}
#Header .HeaderWrap .Header_Nav >ul>li a.open:after{
    height: 1px;
    background-color: #f4f4f4;
    width: 100%;
    top: auto;
    bottom: -1px;
}
#Header .HeaderWrap .Header_Nav >ul>li a.open+ul.child_cate{
    background-color: #f4f4f4;
    flex-wrap: wrap;
    display: flex;
}
#Header .HeaderWrap .Header_Nav >ul>li a+ul.child_cate li,
#Header .HeaderWrap .Header_Nav >ul>li a.open+ul.child_cate li{
    display:block;
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #333;

}
#Header .HeaderWrap .Header_Nav >ul>li a.open+ul.child_cate li a,
#Header .HeaderWrap .Header_Nav >ul>li a+ul.child_cate li a{
    display: block;
    width: 100%;
    padding: 9px 15px 10px 10px;
    font-size: 15px;
    box-sizing: border-box;
    position: relative;
}
.menu-content ul li.header_cart a:before{content:none;}
.hamburger-menu .menu-content ul li.header_cart a i:before{
    width: 31px;
    height: 31px;
}
.menu-content ul li.header_cart{
    border-bottom:none;
    position: fixed;
    right: 10px;
    top: 10px;
}
.wrapper#store .hamburger-menu .menu-content ul li a i,
.wrapper#store .hamburger-menu .menu-content ul li a i + span.sp_display,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li>a i{
vertical-align:middle;
}
.wrapper#store .hamburger-menu .menu-content ul li a i + span.sp_display{display:inline-block; margin-left:10px;}
.wrapper#store .hamburger-menu .menu-content .header_drowerCategoryInner ul li a i,
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li>a i{margin-right:10px;}
}

.hamburger-menu .menu-content ul li.header_sp_search .box_topsearch.search_container{
    position: relative;
    margin-bottom: 20px;
}
.hamburger-menu .menu-content ul li.header_sp_search .box_topsearch.search_container input[type="text"],
#modal_searchWindow .c-modal_content_inner input[type="text"]{
    width: 100%;
    padding: 10px 66px 10px 10px;
}
#modal_searchWindow .c-modal_content_inner input[type="text"]{
    font-size: 14px;
    line-height: 24px;
}
.hamburger-menu .menu-content ul li.header_sp_search .box_topsearch.search_container input[type="text"]:focus-visible,
#modal_searchWindow .c-modal_content_inner input[type="text"]:focus-visible{
    border-radius: 0 5px 5px 0;
}
.hamburger-menu .menu-content ul li.header_sp_search .box_topsearch.search_container .headerSearch_btn,
#modal_searchWindow .c-modal_content_inner .headerSearch_btn{
    width: 4em;
    background-color: #333;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
}

.hamburger-menu .menu-content ul li.header_sp_search .box_topsearch.search_container .headerSearch_btn i,
#modal_searchWindow .c-modal_content_inner .headerSearch_btn i{
    display: block;
    height: 100%;
}
.hamburger-menu .menu-content ul li.header_sp_search .box_topsearch.search_container .headerSearch_btn i:before,
#modal_searchWindow .c-modal_content_inner .headerSearch_btn i:before{
     content:"";
    width:24px;
    height:24px;
    display:block;
    position:absolute;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin: auto;
    background-image:url(/store/Images/Common/icon/magnifier-w.svg);

}
.menu-content>ul .header_drowerSns ul{
display:flex;
justify-content: center;
margin:18px 0;
}
.menu-content>ul .header_drowerSns ul li{
width:100%;
max-width:39px;
margin:10px;
border:none;
}
.menu-content>ul .header_drowerSns ul li a{padding:0;}
.menu-content>ul .header_drowerSns ul li i:before{
font-size:30px;
}
.menu-content>ul .header_drowerSns ul li a:before{
content:none;
}
@media (max-width: 400px){
#Header .HeaderWrap .Header_Nav >ul{
    font-size:10px;
}
}
@media (max-width: 1050px){
.hamburger-menu .menu-content ul li.header_mypage,
.hamburger-menu .menu-content ul li.header_login,
.hamburger-menu .menu-content ul li.header_bookmark,
.wrapper#store .hamburger-menu .menu-content ul li.header_cart_drower{
    display: inline-block;
    width: calc(50% - 2px);
    margin:0 -1.5px;
    text-align:center;
    height: 64px;
    box-sizing: border-box;
    vertical-align: top;
}
.hamburger-menu .menu-content ul li.header_mypage a,
.hamburger-menu .menu-content ul li.header_login a,
.hamburger-menu .menu-content ul li.header_bookmark a,
.hamburger-menu .menu-content ul li.header_cart_drower a{
padding: 10px 10px 10px 10px;
font-size:12px;
}
.hamburger-menu .menu-content ul li.header_mypage a:before,
.hamburger-menu .menu-content ul li.header_login a:before,
.hamburger-menu .menu-content ul li.header_bookmark a:before,
.hamburger-menu .menu-content ul li.header_cart_drower a:before{
content:none;
}
.hamburger-menu .menu-content ul li.header_mypage a:after,
.hamburger-menu .menu-content ul li.header_login a:after,
.hamburger-menu .menu-content ul li.header_bookmark a:after,
.hamburger-menu .menu-content ul li.header_cart_drower a:after{
    content: "";
    width: 1px;
    height: calc(4em + 6px);
    background-color: #ccc;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hamburger-menu .menu-content ul li.header_bookmark{
  margin-left: -3px;
}
.hamburger-menu .menu-content ul li.header_bookmark a:after{
content:none;
}
.hamburger-menu .menu-content ul li.header_mypage a i:before,
.hamburger-menu .menu-content ul li.header_login a i:before,
.hamburger-menu .menu-content ul li.header_bookmark a i:before,
.hamburger-menu .menu-content ul li.header_cart_drower a i:before{
display:block;
margin: auto;
}
.wrapper#store .hamburger-menu .menu-content ul li.header_mypage a i + span.sp_display,
.wrapper#store .hamburger-menu .menu-content ul li.header_login a i + span.sp_display,
.wrapper#store .hamburger-menu .menu-content ul li.header_bookmark a i + span.sp_display,
.wrapper#store .hamburger-menu .menu-content ul li.header_cart_drower a i + span.sp_display{
    display:block;
    margin: auto;
    text-align: center;
    font-size: 10px;
    margin-top:5px;
}}

/*footer*/
#Footer.footerWrap{
background-color:#fefefe;
background-image:url(/store/Images/Common/bg_grayline.png);
color:#333;
padding:0;
font-size:14px;
line-height:24px;
margin-top:40px;
}

#Footer.footerWrap .footerInnertop,
#Footer.footerWrap .footerInner_guide,
#Footer.footerWrap .shop_inner,
#Footer.footerWrap .copyright_inner{
width:100%;
max-width:1200px;
margin:0 auto;
}
#Footer.footerWrap a{color:#333;}
#Footer.footerWrap .footerInner_bottom{
    width:100%;
}
#Footer.footerWrap .footerInner_bottom .footerInner_guide ul{
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    justify-content: space-between;
}
#Footer.footerWrap .footerInner_shop .shop_inner{
    display: flex;
    justify-content: space-between;
    align-items:center;
}
#Footer.footerWrap .footerInner_shop .shop_inner .logo{width:100px;}

#Footer.footerWrap .footerInner_shop .sns ul{display:flex;}
#Footer.footerWrap .footerInner_shop .sns ul li{padding-left:10px; box-sizing:border-box;}
#Footer.footerWrap .footerInner_copyright{background-color:#333;}
#Footer.footerWrap .footerInner_copyright p{color:#fff; font-size:12px;}
#Footer.footerWrap .hasChild > .child_cate{
    position: static;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: .5s top, .5s opacity;
    z-index: 1;
    padding:0;
}

@media (min-width: 768px){
#Footer.footerWrap .footerInnertop,
#Footer.footerWrap .footerInner_guide,
#Footer.footerWrap .shop_inner,
#Footer.footerWrap .copyright_inner{
padding:10px;
}

#Footer.footerWrap .footerInnertop,
#Footer.footerWrap .footerInner_copyright .copyright_inner{
display:flex;
flex-wrap:wrap;
}
#Footer.footerWrap .footerInnertop .footerInner_left{
    width: 35%;
    max-width: 360px;
    text-align: left;
}
#Footer.footerWrap .footerInnertop .footerInner_right{
    width: 65%;
    max-width: 840px;
    text-align: left;
}

#Footer.footerWrap .footerInnertop dl dt,
#Footer.footerWrap .footerInnertop dl dd{
font-size:16px;
line-height:30px;
}
#Footer.footerWrap .footerInnertop dl dt{
color:#ff7bb0;
margin-bottom:10px;
}
#Footer.footerWrap .footerInner_category dl>dd> ul{
    display: flex;
    flex-wrap:wrap;
}
#Footer.footerWrap dl>dd> ul>*{min-height:1%;}
#Footer.footerWrap dl>dd> ul>li.hasChild{
font-weight:600;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe{order:1; width:100%;}
#Footer.footerWrap dl>dd> ul li.bagpouch{order:2; width:100%;}
#Footer.footerWrap dl>dd> ul li.displaybox{order:3; margin-right:20px;}
#Footer.footerWrap dl>dd> ul li.nuigoods{order:4; display:flex; align-items:flex-end; margin-right:20px;}
#Footer.footerWrap dl>dd> ul li.canbadge{order:5;display:flex; align-items:flex-end; margin-right:20px;}
#Footer.footerWrap dl>dd> ul li.accekeychain{order:6;display:flex; align-items:flex-end; margin-right:20px;}
#Footer.footerWrap dl>dd> ul li.beautycosme{order:7;display:flex; align-items:flex-end; margin-right:20px;}
#Footer.footerWrap dl>dd> ul li.othergoods{order:8;display:flex; align-items:flex-end; margin-right:20px;}
#Footer.footerWrap dl>dd> ul li.displaybox:before{
content:"その他";
display:block;
font-weight:600;
}
#Footer.footerWrap dl>dd> ul>li.hasChild > .child_cate{
display:flex;
flex-wrap:wrap;
}
#Footer.footerWrap dl>dd> ul>li.hasChild > .child_cate>li{
margin-right:20px;
margin-bottom:20px;
}
#Footer.footerWrap dl>dd> ul>li.hasChild > .child_cate>li:last-child{margin-right:0;}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select{
    min-width:150px;
    display:block;
    margin-top:8px;
    position:relative;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>a{
    position:relative;
    padding: 4px 40px 4px 10px;
    display: block;
    background-color: #fff; 

}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>a:before
{
content: '';
    display: block;
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 0.1em;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    position: absolute;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>a:after{
content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>a.open:after{content:none;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>ul.child_cate{
    position:absolute;
    background-color: #fff;
    width: 100%;
    padding: 0 10px;
    border-radius:0 0 5px 5px;
    font-size: 14px;
    line-height: 28px;
    border-top: 1px dotted #ccc;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>ul.child_cate>li{
padding:4px 0;
}
#Footer.footerWrap dl>dd> ul li.acrylicframe .child_cate li.select>ul.child_cate>li:hover{
background-color:#efefef;
}
#Footer.footerWrap .footerInner_bottom{
    display:flex;
    flex-direction: column;
}
#Footer.footerWrap .footerInner_bottom>*{min-height:1%;}
#Footer.footerWrap .footerInner_bottom .footerInner_guide{order:2;}
#Footer.footerWrap .footerInner_bottom .footerInner_shop{order:1;}
#Footer.footerWrap .footerInner_bottom .footerInner_copyright{order:3; }
#Footer.footerWrap .footerInner_bottom .footerInner_copyright .copyright_inner{
display: flex; justify-content: space-between;}
#Footer.footerWrap .footerInner_shop{background-color:#fff;}
#Footer.footerWrap .footerInner_shop .sns ul li{width:100%; max-width:40px;}
#Footer.footerWrap .footerInner_brands ul li a:hover,
#Footer.footerWrap .footerInner_guide ul li a:hover,
#Footer.footerWrap dl>dd> ul li.bagpouch ul.child_cate li a:hover,
#Footer.footerWrap dl>dd> ul li.displaybox a:hover,
#Footer.footerWrap .footerInner_category dl>dd> ul li:nth-child(n+4) a:hover{
text-decoration:underline;
}
}

@media (max-width: 767px){
#Footer.footerWrap .footerInnertop dl dt,
#Footer.footerWrap .footerInner_guide .sp_display{
font-size:18px; font-weight:600; padding:20px 10px;
}
#Footer.footerWrap .footerInnertop dl dd ul li{
text-align:left;
font-size:15px;
line-height:25px;
border-bottom:1px dashed #ccc;
}
#Footer.footerWrap .footerInnertop dl dd ul li:last-child{
border-bottom:none;
}
#Footer.footerWrap .footerInnertop .footerInner_category dl dd ul{
background-color:#fff;
}
#Footer.footerWrap .footerInnertop .footerInner_category dl dd>ul{
padding:0 10px;
}
#Footer.footerWrap .footerInnertop dl dd ul li a{
padding:10px;
display:block;
position:relative;
}
#Footer.footerWrap .footerInnertop dl dd ul li a:before{
    content: "";
    width: 9px;
    height: 9px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 18px;
}
#Footer.footerWrap .footerInnertop dl dd ul li.hasChild>a:before{
    display: block;
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 0.1em;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    position: absolute;
}
#Footer.footerWrap .footerInnertop dl dd ul li.hasChild>a:after{
content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
}
#Footer.footerWrap .footerInnertop dl dd ul li.hasChild>a.open:after{
content:none;
}
#Footer.footerWrap .footerInnertop dl dd ul li a i{ display:inline-block; width:24px ;margin-right:1em;}
#Footer.footerWrap .footerInnertop dl dd ul li a i:before{
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}

#Footer.footerWrap .footerInner_brands{display:none;}
#Footer.footerWrap .footerInner_shop{padding:20px 10px}
#Footer.footerWrap .footerInner_bottom .footerInner_guide ul{
background-color:#fff;
}
#Footer.footerWrap .footerInner_bottom .footerInner_guide ul li{
width:50%;
box-sizing:border-box;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
#Footer.footerWrap .footerInner_bottom .footerInner_guide ul li a{
    padding:10px;
    display: block;}
#Footer.footerWrap .footerInner_bottom .footerInner_guide ul li:nth-child(even){border-right:none;

}
#Footer.footerWrap .footerInner_bottom .footerInner_guide ul li:nth-last-child(-n+2){border-bottom:1px solid #ccc;
}
#Footer.footerWrap .footerInner_shop .sns ul li{width:100%; max-width:49px;}
#Footer.footerWrap .hasChild > .child_cate>li>a{
font-size:1em;
}
#Footer.footerWrap .hasChild > a+.child_cate{
border-top: 1px dashed #ccc;
}
#Footer.footerWrap .hasChild > a+.child_cate>li a{
padding-left:50px;
}
}
ul li.acrylicframe a i:before{
background-image:url(/store/Images/Common/icon/ico_acrylicframe.svg);
}
ul li.displaybox a i:before{
background-image:url(/store/Images/Common/icon/ico_displaybox.svg);
}
ul li.bagpouch a i:before{
background-image:url(/store/Images/Common/icon/ico_bagpouch.svg);
}
ul li.nuigoods a i:before{
background-image:url(/store/Images/Common/icon/ico_nuigoods.svg);
}
ul li.canbadge a i:before{
background-image:url(/store/Images/Common/icon/ico_canbadge.svg);
    width: 20px;
    height: 20px;
}
ul li.accekeychain a i:before{
background-image:url(/store/Images/Common/icon/ico_accekeychain.svg);
    width: 22px;
    height: 30px;
}
ul li.beautycosme a i:before{
background-image:url(/store/Images/Common/icon/ico_beautycosme.svg);
    width: 20px;
    height: 27px;
}
ul li.othergoods a i:before{
background-image:url(/store/Images/Common/icon/ico_othergoods.svg);
}
/*footer end*/

/*slider*/
.wrapper#store .slider{
    width: 100vw;
    margin: 0 calc(50% - 50vw) 40px calc(50% - 50vw);
}
.wrapper#store .slider .slick-dots li button:before{
    font-size: 16px;
    opacity: 1;
    color: #ccc;
}
.wrapper#store .slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #f4b6c5;
}
.wrapper#store .slider .slick-dots{bottom: -30px;}
/*slider end*/
/*ShopMessagePanel*/
.wrapper#store .ShopMessagePanel{
    display: flex;
    flex-wrap: wrap;
	margin:0px auto;
	text-align:center;
	width:100%;
}
.wrapper#store .ShopMessagePanel .ShopMessage{
	width: 100%;
	/*border-top: solid 2px #EE83A5;
	border-bottom: solid 2px #EE83A5;*/
	padding: 15px auto;
	text-align: center;
	box-sizing: border-box;
margin-top:30px;
}
@media (max-width: 500px){
.wrapper#store .ShopMessagePanel .ShopMessage{
	font-size:12px;
}
.wrapper#store:not(.top_aspx) .ShopMessagePanel .ShopMessage{
margin-top:0;
}
}
.wrapper#store .ShopMessagePanel .ShopMessage a:hover{text-decoration:underline;color:#EE83A5;}

/*ShopMessagePanel end*/

/*topitemList*/
.wrapper#store.top_aspx .itemList{
width: 100%;
gap:40px;
}
@media (max-width: 1000px){
.wrapper#store.top_aspx .itemList{
    padding: 0;
    gap: 40px 10px;
}
}
.wrapper#store.top_aspx .itemList li, 
.wrapper#store.top_aspx .itemList > *,
.wrapper#store .GroupNewsListParts .itemList li{
margin:0;
}
.wrapper#store.top_aspx .itemList.list-col4 li, 
.wrapper#store.top_aspx .itemList.list-col4 > *,
.wrapper#store .GroupNewsListParts .itemList li {
    width: calc((100% / 4) - 20px);
}
.wrapper#store.top_aspx .itemList.list-col3 li, 
.wrapper#store.top_aspx .itemList.list-col3 > * {
    width: calc((100% / 3) - 20px);
}
@media (max-width: 768px){
.wrapper#store.top_aspx .itemList.list-col4 li, 
.wrapper#store.top_aspx .itemList.list-col4 > *,
.wrapper#store.top_aspx .itemList.list-col3 li, 
.wrapper#store.top_aspx .itemList.list-col3 > *,
.wrapper#store .GroupNewsListParts .itemList li {
    width: calc((100% / 2) - 20px);
}}
@media (max-width: 500px){
.wrapper#store.top_aspx .itemList li, 
.wrapper#store.top_aspx .itemList > *,
.wrapper#store .GroupNewsListParts .itemList li{
    padding: 0 0px 10px 0px;
}}
.wrapper#store.top_aspx .itemList.centergradslider:before{
    content: '';
    width: 100px;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(left, white, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
    transition: all 0.5s 0s;
    position: absolute;
    top: 0px;
    left: 20px;
    z-index: 2;
    pointer-events: none;
}
.wrapper#store.top_aspx .itemList.centergradslider:after{
    content: '';
    width: 100px;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(right, white, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    transition: all 0.5s 0s;
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 2;
    pointer-events: none;
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-prev,
.wrapper#store.top_aspx .itemList.centergradslider .slick-next{
    top: 29%;
    display: block;
    z-index: 3;
    width: 40px;
    height: 40px;
    border: 1px solid #333;
    box-sizing: border-box;
    border-radius: 40px;
    background-color: rgba(255,255,255,0.8);
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-prev{
left:5%;
}

.wrapper#store.top_aspx .itemList.centergradslider .slick-next{
right:5%;
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-prev:before,
.wrapper#store.top_aspx .itemList.centergradslider .slick-next:before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate( -135deg);
    display: inline-block;
    margin: 0px 0.3em auto 0.5em;
    position: relative;
    left: 0;
    bottom: 0;
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-prev:before{
    transform: rotate( -135deg);
    margin: 0px 0.3em auto 0.5em;
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-next:before{
    transform: rotate( 45deg);
    margin: 0px 0.5em auto 0.3em;
}
@media (max-width: 500px){
.wrapper#store.top_aspx .itemList.centergradslider .slick-prev{
left:2%;
}

.wrapper#store.top_aspx .itemList.centergradslider .slick-next{
right:2%;
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-prev:before{
    margin: 0.5em 0.3em auto 0.5em;
}
.wrapper#store.top_aspx .itemList.centergradslider .slick-next:before{
    margin: 0.5em 0.5em auto 0.3em;
}
}
/*news*/
@media (min-width: 768px){
.wrapper#store.top_aspx .GroupNewsListParts,
.wrapper#store.top_aspx .RecommendCategory{
    width: 100vw;
    margin: 0 calc(50% - 50vw);

}
}
.wrapper#store.top_aspx .GroupNewsListParts .half_bg{
background: linear-gradient(to bottom, transparent 0%, transparent 30%, #f1e3e2 30%, #f1e3e2 100%);
}
.wrapper#store.top_aspx .NewsListParts .half_bg{
background: linear-gradient(to bottom, transparent 0%, transparent 30%, #d1bcbb 30%, #d1bcbb 100%);
}

.wrapper#store.top_aspx .GroupNewsListPartsInner,
.wrapper#store.top_aspx .NewsListPartsInner,
.wrapper#store.top_aspx .RecommendCategoryInner,
.wrapper#store.top_aspx .SalesRankingParts .Ranking{
    width:100%;
    max-width:1200px;
    margin:auto;
}

@media (max-width: 1200px){
.wrapper#store.top_aspx .GroupNewsListPartsInner,
.wrapper#store.top_aspx .NewsListPartsInner,
.wrapper#store.top_aspx .RecommendCategoryInner,
.wrapper#store.top_aspx .RecommendParts,
.wrapper#store.top_aspx .RecommendCategory2{
    width:100%;
    box-sizing:border-box;
    padding:0 10px;
}
}
.wrapper#store .GroupNewsListParts ul li .box_text{
    position: absolute;
    top:0;
    height: 100%;
    background-color: rgba(213,161,174,0.8);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 40px;
    color: #fff;
    opacity: 0;
    letter-spacing: 3px;
    transition: .5s top, .5s opacity;
}
.wrapper#store .GroupNewsListParts ul li .box_text>*{
min-height:1%;
}
.wrapper#store .GroupNewsListParts ul li .box_text .date,
.wrapper#store .GroupNewsListParts ul li .box_text .WhatsNewLink{
    margin-bottom: 2em;
}

.wrapper#store .GroupNewsListParts ul li .box_text .more{
    margin-top: auto;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    width: 105px;
    cursor: pointer;
}
.wrapper#store .GroupNewsListParts ul li:hover .box_text{
    opacity:1;
}
.wrapper#store .NewsListParts ul li{
    /* background-color: #f4f4f4; */
}
/* .wrapper#store .NewsListParts ul li .WhatsNewLink{
    padding: 5px;
    box-sizing: border-box;
    height: 100%;
}
.wrapper#store .NewsListParts ul li .WhatsNewLink a{
    display: flex;
    flex-direction: column;
    height: 100%;

}
.wrapper#store .NewsListParts ul li .WhatsNewLink a>*{
    min-height:1%;
} */
.wrapper#store .NewsListParts ul li .box_img{
    margin-bottom: 20px;
}
.wrapper#store .NewsListParts ul li .box_text{
    display: flex;
    flex-direction: column;
    letter-spacing: 3px;
    flex: 1;
}
.wrapper#store .NewsListParts ul li .box_text>*{
    min-height:1%;
}
.wrapper#store .NewsListParts ul li .box_text time{
    display: block;
    margin-bottom: 1em;
}
.wrapper#store .NewsListParts ul .box_text .more{
    margin-top: auto;
    text-align: right;
    padding-bottom: 4px;
    color: #ee5b9b;
    border-bottom: 1px solid #ee5b9b;
    width: 108px;
    margin-left: auto;
}
@media (max-width: 1200px){
.wrapper#store .GroupNewsListParts ul li .box_text{
padding: 20px;
}
}
@media (max-width: 950px){
.wrapper#store .GroupNewsListParts ul li .box_text .date, 
.wrapper#store .GroupNewsListParts ul li .box_text .WhatsNewLink {
    margin-bottom: 1em;
}
}
@media (max-width: 768px){
.wrapper#store .GroupNewsListParts ul li{
    background-color: rgba(213,161,174,0.8);
}
.wrapper#store .GroupNewsListParts ul li .box_text {
    position: relative;
    height: auto;
    background-color: transparent;
    box-sizing: border-box;
    color: #fff;
    opacity: 1;
    letter-spacing: 3px;

}
}
/*ranking*/

.wrapper#store .Ranking .itemList li{border:none;}
.wrapper#store .Ranking .itemList .num{
    display: inline-block;
    position: relative;
    top: 0;
    margin: 0;
    margin: 0;
    padding: 4px 0;
    z-index: 2;
    padding: 5px 0;
    width: 32px;
    font-size: 14px;
    text-align: center;
    color: #333;
    background: #fff;
    z-index:2;
transform:translate3d(0,0,0);
    background: var(--keyColor);
    color: white;
}
.wrapper#store .Ranking .itemList .num:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-bottom: 6px solid transparent;
    border-left: 16px solid #fff;
    border-right: 16px solid #fff;
}
.wrapper#store .Ranking .itemList .num.Ranking01,
.wrapper#store .Ranking .itemList .num.Ranking02,
.wrapper#store .Ranking .itemList .num.Ranking03{
    padding: 5px 0;
    width: 32px;
    font-size: 14px;
    border: none;
}
.wrapper#store .Ranking .itemList .num.Ranking01{
    background: #bc9143;
}
.wrapper#store .Ranking .itemList .num.Ranking02{
    background: #939393;
}
.wrapper#store .Ranking .itemList .num.Ranking03{
    background: #936450;
}
.wrapper#store .Ranking .itemList .num:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-bottom: 6px solid transparent;
    border-left: 16px solid var(--keyColor);
    border-right: 16px solid var(--keyColor);
}
.wrapper#store .Ranking .itemList .num.Ranking01:after{
    border-left: 16px solid #bc9143;
    border-right: 16px solid #bc9143;
}
.wrapper#store .Ranking .itemList .num.Ranking02:after{
    border-left: 16px solid #939393;
    border-right: 16px solid #939393;
}
.wrapper#store .Ranking .itemList .num.Ranking03:after{
    border-left: 16px solid #936450;
    border-right: 16px solid #936450;
}
/*catgory*/

.wrapper#store.top_aspx .RecommendCategory mainTit{
margin-top: 40px;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li{
background-color:#fff;
padding:20px 10px;
border: 1px solid #333;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li p:empty,
.wrapper#store.top_aspx .RecommendCategory ul.itemList li img{display:none;}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li p{
text-align:center;
}
@media (min-width: 768px){
.wrapper#store.top_aspx .RecommendCategory ul.itemList li:nth-last-of-type(-n+2){
    width: calc((100% / 2) - 20px);
}}

@media (max-width: 767px){
.wrapper#store.top_aspx .RecommendCategory ul.itemList li{
    width: calc((100% / 2) - 20px);
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li:nth-last-of-type(-n+2){
    width: calc(100% - 20px);
    margin: 20px auto 40px auto;
}}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li p:before{
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align:center;
    margin: 0 auto 10px auto;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY01 p:before{
    background-image: url(/store/Images/Common/icon/ico_acrylicframe.svg);
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY07 p:before{
    background-image: url(/store/Images/Common/icon/ico_displaybox.svg);
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY02 p:before{
    background-image: url(/store/Images/Common/icon/ico_bagpouch.svg);
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY08 p:before{
    background-image: url(/store/Images/Common/icon/ico_nuigoods.svg);
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY03 p:before{
    background-image: url(/store/Images/Common/icon/ico_canbadge.svg);
    width: 35px;
    height: 35px;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY04 p:before{
    background-image: url(/store/Images/Common/icon/ico_accekeychain.svg);
    width: 38px;
    height: 51px;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY04{
    padding:10px;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY05 p:before{
    background-image: url(/store/Images/Common/icon/ico_beautycosme.svg);
    width: 30px;
    height: 41px;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY05{
    padding:19px 10px;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#CATEGORY06 p:before{
    background-image: url(/store/Images/Common/icon/ico_othergoods.svg);
}
.wrapper#store.top_aspx .RecommendCategory{
margin-top:60px;
background-color: #dfe8e2;
background-image:url(/store/Images/common/bg_linesquare.svg);
background-size:25px 25px;
background-repeat:repeat;
}

.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER,
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM{
background-size:cover;
border-radius:5px;
padding:0;
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER{
    background-image:url(/store/Images/Common/img_preorder.jpg);
}    
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM{
background-image:url(/store/Images/Common/img_restockitem.jpg);
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER p:before,
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM p:before{
    width: 100%;
    height: auto;
    padding: 32%;
    margin: auto;

}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER p:before{
    background-image: url(/store/Images/Common/icon/ico_preorder.svg);

}.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM p:before{
    background-image: url(/store/Images/Common/icon/ico_restockitem.svg);

}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER p,
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM p{
    text-indent: -9999%;
    font-size: 0;
    background-image: url(/store/Images/Common/bg_cate.png);
    background-size: 17px 17px;
    width: 180px;
    height: 100%;
    border-radius: 5px 0 0 5px;
    display: flex;
    flex-wrap: wrap;
    padding: 1%;
    box-sizing: border-box;
}
@media (max-width: 400px){
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER p,
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM p{
    width: 160px;
}
}
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#PREORDER p:empty,
.wrapper#store.top_aspx .RecommendCategory ul.itemList li#RESTOCKITEM p:empty{
display:none;
}
/*brand*/
.wrapper#store .RecommendCategory2 ul li img{
    margin-bottom: 20px;}

.wrapper#store .RecommendCategory2 ul li .categoryTag.brandName{
font-size:18px;
    margin-bottom: 1em;
}

/*modal*/
/*c-modal*/

.c-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    padding: 40px 10px;
    box-sizing:border-box;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
}

.c-modal_bg {
  position: fixed;
  height: 100vh;
  width: 100%;
  top:0;

}
.c-modal_content {
    background: #fff;
    left: 50%;
    position: relative;
    /*top: 50%;
    transform: translate(-50%, -50%);*/
    top: 0;
    transform: translate(-50%, 0%);
    border-radius: 10px;
    max-width: 800px;
    padding: 20px 20px;
    box-sizing: border-box;
    width: 100%;
}

.c-modal_content_inner {
    position: relative;
}

.wrapper#store .c-modal i.close {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(../Images/Common/Icon/ico_close01Black.svg);
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

/*modal*/
.ProductReviewEntryWrap object{
  width: 100%;
}
.wrapper#store #modal_searchWindow .top.c-modal_content {
    padding: 40px 20px;
}
.wrapper#store .js-modal-open.ico_movie{
position:relative;
display: inline-block;
}
.wrapper#store .js-modal-open.ico_movie:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid var(--keyColor);
  width: 40px;
  height: 40px;
background-color:#fff;
-webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.wrapper#store .js-modal-open.ico_movie:after{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent var(--keyColor);
  border-width: 10px 0 10px 12px;
  border-radius: 5px;
}
.wrapper#store .js-modal-open.ico_movie:hover img{
  opacity:1;
}
.wrapper#store .js-modal-open.ico_movie:hover:before{
  width: 46px;
  height: 46px;
}
.wrapper#store .c-modal .modalMain.youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.wrapper#store .c-modal .modalMain.youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.wrapper#store #activityMovieModal.c-modal i.close{
    top: -10px;
    right: -10px;
    cursor: pointer;
    z-index: 1;
}
.wrapper#store #activityMovieModal.c-modal .c-modal_content{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*hover shadow*/
.hovershadow{
    box-shadow: 0px 5px 5px -3px rgba(155,128,126,0.5);
    transition: .2s;
}
.hovershadow:hover{
    box-shadow: 0px 0px 0px 0px rgba(155,128,126,0.5);
    transform: translateY(3px);
}
/*hover shadow 親要素にrelative必須*/
.hoverborder{
position:relative;
}
.hoverborder a:before{
        position:absolute;
        top:0;
        left:0;
        display:block;
        box-sizing:border-box;
        border:4px solid #ccc;
        width:100%;
        height:100%;
        content:"";
        opacity:0;
        transition:opacity 0.3s;
}
.hoverborder:hover a:before{
opacity:1;
}
/*slider*/
.slick-slide img{width:100%; height:auto;}

/*cart after*/
.wrapper#store:not(.top_aspx, .productdetail_aspx, .categorylist_aspx) .baseWrap.contentsBox#Contents{
padding: 40px 0px 0 0px;
}
@media (max-width: 1281px){
.wrapper#store:not(.top_aspx, .productdetail_aspx, .categorylist_aspx) .baseWrap.contentsBox#Contents{
padding: 40px 10px 0 10px;
}
}
/*confirmation*/
@media (min-width: 900px){
.wrapper#store.confirmation_aspx .checkBox_wrap{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderDetail{
width:calc(100% - 340px);
width: 100%;
}
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment{
width:300px;
}
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment .checkoutBox.orderPaymentBox{
    position: sticky;
    top: 0;
    background-color: #eee;
    border: none;
}
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment .title,
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment .orderItemList.cartList{
display:none;
}
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment .orderPayBox .PaymentLabel,
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment .orderPayBox .PaymentAmount{width:50%; margin-bottom: 8px;}
.wrapper#store.confirmation_aspx .baseWrap.contentsBox#Contents,
.wrapper#store.confirmation_aspx
{overflow:visible;}
}
@media (max-width: 899px){
.wrapper#store.confirmation_aspx .checkBox_wrap .checkBox_orderPayment{
display:none;
}
}
.wrapper#store.confirmation_aspx .checkBox_wrap .checkoutBox.shippingBox .ShippingBox_detail,
.wrapper#store.orderhistorydetail_aspx .ShippingBox_detail{display:flex; flex-wrap: wrap;}
.wrapper.confirmation_aspx .cartList > li,
.wrapper.orderhistorydetail_aspx .cartList > li.shippingBoxList{display:block;border-top: none;}
.wrapper.confirmation_aspx .cartList > li> div{
  background: #fff;
  padding: 20px 10px;
}
.wrapper.confirmation_aspx .cartList > li> div + div.shippingBoxListInfo{
  margin-top: 32px;
}
.wrapper.confirmation_aspx .cartList > li> div + div{

}
.wrapper.confirmation_aspx .cartList > li div.ShippingComment{margin-top:20px;}

@media (min-width: 900px){
.wrapper.confirmation_aspx{
overflow:initial;
}
body .wrapper:not(.productdetail_aspx).confirmation_aspx{
overflow:initial;
}
}
/*link typePlus*/
.ui-dialog{
    min-width: 300px;
    width: 80%;
    top: 0;
    left: 0;
    display: block;
    margin: auto;
    right: 0;
    text-align: center;
    padding:10px;
    box-sizing:border-box;
width:80%!important;
}
.ui-widget-overlay {
opacity: 0.8!important;
}
.ui-dialog div.atttext{
    display: inline-block;
    text-align: left;
}
/*orderhistory mailLog*/
.wrapper#store .settingBox .mailBox, 
.wrapper#store .decisionBox .mailBox, 
.wrapper#store .orderBox .mailBox {
  margin-top: 20px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cecece;
  border-bottom: none;
  position: relative;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .wrapper#store .settingBox .mailBox, .wrapper#store .decisionBox .mailBox, .wrapper#store .orderBox .mailBox {
    margin-top: 10px;
  }
}
.wrapper#store .settingBox .mailBox dt, .wrapper#store .decisionBox .mailBox dt, .wrapper#store .orderBox .mailBox dt {
  display: block;
  position: relative;
  font-weight: bold;
}
.wrapper#store .settingBox .mailBox dt time, .wrapper#store .decisionBox .mailBox dt time, .wrapper#store .orderBox .mailBox dt time {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #444444;
  font-weight: normal;
}
@media (max-width: 599px) {
.wrapper#store .settingBox .mailBox dt time, 
.wrapper#store .decisionBox .mailBox dt time, 
.wrapper#store .orderBox .mailBox dt time+span{
    width: 17em;
    display: block;
}
}
@media (max-width:400px) {
.wrapper#store .settingBox .mailBox dt time, 
.wrapper#store .decisionBox .mailBox dt time, 
.wrapper#store .orderBox .mailBox dt time+span{
    width: 14em;
    display: block;
}
}
.wrapper#store .settingBox .mailBox.open dt, 
.wrapper#store .decisionBox .mailBox.open dt, 
.wrapper#store .orderBox .mailBox.open dt {
  margin-bottom: 10px;
}
.wrapper#store .settingBox .mailBox:last-child, 
.wrapper#store .decisionBox .mailBox:last-child, 
.wrapper#store .orderBox .mailBox:last-child {
  border-bottom: 1px solid #cecece;
}
.wrapper#store .settingBox .mailBox + .mailBox, 
.wrapper#store .decisionBox .mailBox + .mailBox, 
.wrapper#store .orderBox .mailBox + .mailBox {
  margin-top: 0;
}

.wrapper#store .pullBox {
  position: relative;
}
.wrapper#store .pullBox .hiddenBox {
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 1s 0s;
}
.wrapper#store .pullBox .btnPull {
  width: 30px;
  height: 30px;
  display: block;
  margin-top: -15px;
  transition: all 0.5s 0s;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 20px;
}
.wrapper#store .pullBox .btnPull:before {
  content: '';
  width: 2px;
  height: 30px;
  margin: -15px 0 0 -1px;
  background-color: #cecece;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.wrapper#store .pullBox .btnPull:after {
  content: '';
  width: 30px;
  height: 2px;
  display: block;
  margin: -1px 0 0 -15px;
  background-color: #cecece;
  transition: all 0.5s 0s;
  position: absolute;
  top: 50%;
  left: 50%;
}
.wrapper#store .pullBox.open .hiddenBox {
  height: auto;
  max-height: 9000px;
}
.wrapper#store .pullBox.open .btnPull {
  transform: rotate(90deg);
}
.wrapper#store .pullBox.open .btnPull:after {
  opacity: 0;
}

/*modal*/
#BookmarkDialog, 
.BookmarkDialog,
#RecommendBookmarkDialog, 
#Recommend2BookmarkDialog, 
#VariationListBookmarkDialog, 
#QzProductListBookmarkDialog, 
#CategoryRankingBookmarkDialog, 
#SalesRankingBookmarkDialog, 
#SalesRankingSliderBookmarkDialog, 
#RecentOrderListBookmarkDialog, 
.SimpleProductBookmarkDialog, 
#NewArrivalBookmarkDialog, 
#SaleProductBookmarkDialog, 
#ProductListGroupDialog, 
#RecentlyViewedItemsBookmarkDialog, 
#RecentlyViewedItemsBookmarkDialog, 
#ProductListCategoryBookmarkDialog{
    background: #fff;
    left: 50%;
    position: fixed;
    top: 30vh;
    transform: translate(-50%, 0%);
    border-radius: 10px;
    max-width: 800px;
    width: calc(100% - 20px);
    padding: 20px 20px;
    box-sizing: border-box;
    z-index: 10001;
    margin: 0!important;
}

/*add cart shipping*/
.confirmation_aspx .checkoutBox.shippingBox{
background-color: #efefef;
}
.confirmation_aspx .checkoutBox.shippingBox>.cartList {
    background-color: #efefef;
    box-sizing: border-box;
    margin-top: 20px;
}
.confirmation_aspx .checkoutBox.shippingBox>.cartList > li{

    box-sizing: border-box;
}

.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li{
  box-sizing: border-box;
  padding-top: 0px;
  border-bottom: none;
}
.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li .shippingBoxListInfoWrap{
  padding: 20px;
  background: #fff;
}
.wrapper .cartList>li:nth-child(n+2) {

    padding-top: 20px;
    margin-top: 20px;
}
.confirmation_aspx .checkoutBox.shippingBox>.cartList > li .subtitle,
.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li .subtitle{
    font-size: 1.1em;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    box-sizing: border-box;
}
.confirmation_aspx .checkoutBox.shippingBox>.cartList > li .infoBox,
.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li .infoBox{
  margin-bottom: 20px;
}
.orderhistorydetail_aspx .cartList > li.Detail{
border-bottom:none;

}
.orderhistorydetail_aspx .cartList > li.Detail:last-child{
    /* border-bottom: 1px solid #ccc; */
}
.confirmation_aspx .checkoutBox.shippingBox>.cartList > li .subtitle .shippingBoxListNo,
.orderhistorydetail_aspx .cartList > li .subtitle .shippingBoxListNo{
font-weight:600;
vertical-align: middle;
}
/*@media screen and (min-width: 1101px) {
.confirmation_aspx .checkoutBox.shippingBox>.cartList > li{
display:flex;
flex-wrap:wrap;
}
.wrapper.confirmation_aspx .cartList > li>div.shippingBoxListInfoWrap{
width:25%;
}
.wrapper.confirmation_aspx .cartList > li>div.shippingBoxListProduct{
width:75%;
box-sizing:border-box;
padding-left:30px;
}
}*/
.wrapper.confirmation_aspx .cartList > li>div.orderPayBox.totalBox{
border-top:1px solid #484848;
}
/*raring*/
.reviewGenreBlock{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 0;
}
.reviewGenreBlock p{display:inline-block; margin-right:0.5em; margin-bottom: 0;}
.reviewGenreBlock .genre{
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    width: 150px;
}
.RateAverageScore{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
    margin-right: 4px;
}

.RateAverageScore:before, 
.RateAverageScore:after{
    content: '★★★★★';
}
.RateAverageScore:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.RateAverageScore[data-rate="5"]:after{ width: 100%; } /* 星5 */
.RateAverageScore[data-rate="5.0"]:after{ width: 100%; } /* 星5 */
.RateAverageScore[data-rate="4.9"]:after{ width: 98%; } /* 星4.9 */
.RateAverageScore[data-rate="4.8"]:after{ width: 96%; } /* 星4.8 */
.RateAverageScore[data-rate="4.7"]:after{ width: 94%; } /* 星4.7 */
.RateAverageScore[data-rate="4.6"]:after{ width: 92%; } /* 星4.6 */
.RateAverageScore[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.RateAverageScore[data-rate="4.4"]:after{ width: 88%; } /* 星4.4 */
.RateAverageScore[data-rate="4.3"]:after{ width: 86%; } /* 星4.3 */
.RateAverageScore[data-rate="4.2"]:after{ width: 84%; } /* 星4.2 */
.RateAverageScore[data-rate="4.1"]:after{ width: 82%; } /* 星4.1 */
.RateAverageScore[data-rate="4"]:after{ width: 80%; } /* 星4 */
.RateAverageScore[data-rate="4.0"]:after{ width: 80%; } /* 星4 */
.RateAverageScore[data-rate="3.9"]:after{ width: 78%; } /* 星3.9 */
.RateAverageScore[data-rate="3.8"]:after{ width: 76%; } /* 星3.8 */
.RateAverageScore[data-rate="3.7"]:after{ width: 74%; } /* 星3.7 */
.RateAverageScore[data-rate="3.6"]:after{ width: 72%; } /* 星3.6 */
.RateAverageScore[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.RateAverageScore[data-rate="3.4"]:after{ width: 68%; } /* 星3.4 */
.RateAverageScore[data-rate="3.3"]:after{ width: 66%; } /* 星3.3 */
.RateAverageScore[data-rate="3.2"]:after{ width: 64%; } /* 星3.2 */
.RateAverageScore[data-rate="3.1"]:after{ width: 62%; } /* 星3.1 */
.RateAverageScore[data-rate="3"]:after{ width: 60%; } /* 星3 */
.RateAverageScore[data-rate="3.0"]:after{ width: 60%; } /* 星3 */
.RateAverageScore[data-rate="2.9"]:after{ width: 58%; } /* 星2.9 */
.RateAverageScore[data-rate="2.8"]:after{ width: 56%; } /* 星2.8 */
.RateAverageScore[data-rate="2.7"]:after{ width: 54; } /* 星2.7 */
.RateAverageScore[data-rate="2.6"]:after{ width: 52%; } /* 星2.6 */
.RateAverageScore[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.RateAverageScore[data-rate="2.4"]:after{ width: 58%; } /* 星2.4 */
.RateAverageScore[data-rate="2.3"]:after{ width: 56%; } /* 星2.3 */
.RateAverageScore[data-rate="2.2"]:after{ width: 54%; } /* 星2.2 */
.RateAverageScore[data-rate="2.1"]:after{ width: 52%; } /* 星2.1 */
.RateAverageScore[data-rate="2"]:after{ width: 40%; } /* 星2 */
.RateAverageScore[data-rate="2.0"]:after{ width: 40%; } /* 星2 */
.RateAverageScore[data-rate="1.9"]:after{ width: 38%; } /* 星1.9 */
.RateAverageScore[data-rate="1.8"]:after{ width: 36%; } /* 星1.8 */
.RateAverageScore[data-rate="1.7"]:after{ width: 34%; } /* 星1.7 */
.RateAverageScore[data-rate="1.6"]:after{ width: 32%; } /* 星1.6 */
.RateAverageScore[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.RateAverageScore[data-rate="1.4"]:after{ width: 28%; } /* 星1.4 */
.RateAverageScore[data-rate="1.3"]:after{ width: 26%; } /* 星1.3 */
.RateAverageScore[data-rate="1.2"]:after{ width: 24%; } /* 星1.2 */
.RateAverageScore[data-rate="1.1"]:after{ width: 22%; } /* 星1.1 */
.RateAverageScore[data-rate="1"]:after{ width: 20%; } /* 星1 */
.RateAverageScore[data-rate="1.0"]:after{ width: 20%; } /* 星1 */
.RateAverageScore[data-rate="0.9"]:after{ width: 18%; } /* 星0.9 */
.RateAverageScore[data-rate="0.8"]:after{ width: 16%; } /* 星0.8 */
.RateAverageScore[data-rate="0.7"]:after{ width: 14%; } /* 星0.7 */
.RateAverageScore[data-rate="0.6"]:after{ width: 12%; } /* 星0.6 */
.RateAverageScore[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.RateAverageScore[data-rate="0.4"]:after{ width: 8%; } /* 星0.4 */
.RateAverageScore[data-rate="0.3"]:after{ width: 6%; } /* 星0.3 */
.RateAverageScore[data-rate="0.2"]:after{ width: 4%; } /* 星0.2 */
.RateAverageScore[data-rate="0.1"]:after{ width: 2%; } /* 星0.1 */
.RateAverageScore[data-rate="0"]:after{ width: 0%; } /* 星0 */

.AverageScore{margin-right:4px;}
.review a{color:#5f92ce; text-decoration:underline;}
#ProductReviewInfo #AverageStar>.RateAverageScore:nth-child(n+2){display:none;}
.wrapper #ProductDetail .InquiryGoods{

    display: block;
    text-align: left;
    color: var(--keyColor);
    margin-left: 3%;
}
.wrapper #ProductDetail .InquiryGoods::before{

    content: '\f059';
    font-family:'Font Awesome 6 Free';

}
/* .wrapper .linkTxt.InquiryGoods:after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--keyColor);
    border-right: 2px solid var(--keyColor);
    transform: rotate( 45deg );
    position: absolute;
    top: calc(50% - 4px);
    right: 3px;
    left: auto;
} */
@media screen and (max-width: 768px) {
  #divAddToCartAndBookmark{
    text-align: center;
    position:relative;
  }
.wrapper .linkTxt.InquiryGoods{
    margin-top: 0px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 15px;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart {
  max-width: 80%;
  padding: 12px 20px;
  font-size: 16px;
  margin: 0 auto 0 3%;
  line-height: 2.3;
}
.wrapper#store #ProductDetail .NotBookmarked {
  padding: 8px 15px;
  line-height: 3;
}
}
@media screen and (max-width: 767px) {
.orderhistorydetail_aspx .cartList > li.Detail{
  border-bottom:none;
  display: block;
  }
  .orderhistorydetail_aspx .cartList > li.Detail > *{
    width: 100%;
  }
}
/* saleprice */

/* .itemList .price_area .ListPriceTable .ListPriceDiv1{display:none;} */
.itemList .price_area .ListPriceTable .ListPriceDiv1 .PriceTitleA{display:none;}
.itemList .price_area .ListPriceTable .ListPriceDiv1 .ListPriceTextA{display:none;}
.itemList .price_area .ListPriceTable .ListPriceDiv1 .ListPriceTextA2{display:none;}
/* .itemList .price_area .ListPriceTable .ListPriceDiv1 .priceA{display:none;} */
.itemList .price_area .ListPriceTable .ListPriceDiv1 .priceA{
  text-decoration: line-through;
  font-weight: normal;
   box-sizing: border-box; 
   /* margin-left: 37px; */
  }
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice {}
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle{}
/* .itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle:before{
    content: '特別価格';
    display: inline-block;
    background-color: #ff0000;
    color: #fff;
    font-size: 0.8em;
    padding: 1px 4px;
    margin-top: 2px;
} */
/* .itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle:after{content:'SALE';font-size:0.9em;background-color:#ED013C;color:#ffffff;padding:3px 5px;margin-right:5px;font-size:0.8em;} */
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle span{display:none;}
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .ListPriceTextD{display:none;}
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .priceD{color: #ED013C;font-weight: normal;}
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice .SaleIcon{display:none;}
.itemList .price_area .ListPriceTable .ListPriceDiv5{display:none;}
.itemList .price_area .ListPriceTable .ListPriceTableEnd{display:none;}

.wrapper.productdetail_aspx #ProductDetail .ListPriceTable {}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1{display:inline-block; position:relative;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .PriceTitleA,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv1 .PriceTitleA{display:none;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .ListPriceTextA{display:none;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .ListPriceTextA2{display:none;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .priceA:before,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv1 .priceA:before{
content:"通常価格";
display:inline-block;
margin-right:0.5em;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .priceA,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv1 .priceA{font-weight:normal; margin-bottom:5px;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .priceA:after,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv1 .priceA:after{
content:"";
display:inline-block;
width:100%;
height:1px;
position:absolute;
background-color:#333;
top: 0.75em;
left:0;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv1 .priceA .priceArea1:after,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv1 .priceA .priceArea1:after{
    content:"(税込)";
    display:inline-block;
    margin-left: 0.5em;
    color: #484848;
    font-size: 0.9em;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv3.DiscountPrice {display: flex;align-items: center;}
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv3.DiscountPrice{
width:100%;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle:before{
content:"特別価格";
display:inline-block;
margin-right:0.5em;

}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle:after,
/* .wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle:after{content:'SALE';font-size:0.9em;background-color:#ED013C;color:#ffffff;padding:3px 5px;margin-right:5px;font-size:0.8em;} */
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle span,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv3.DiscountPrice .SalePriceTitle span{display:none;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice .ListPriceTextD,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv3.DiscountPrice .ListPriceTextD{display:none;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice .priceD{}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv3.DiscountPrice .SaleIcon{display:none;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv5,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv5{font-size:0.8em;color: #ED013C;}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceTableEnd,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceTableEnd{display:none;}

.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceD .priceArea1,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1{
    font-size: 22px;
    line-height: 30px;
    display: flex;
    align-items: center;
}
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1{
font-size:20px;
line-height:30px;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceD .priceArea1 .priceUnit,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1 .priceUnit {
  font-size: 1em;
  color: #ED013C;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceD .priceArea1 .priceNumeric,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1 .priceNumeric{
    display: flex;
    align-items: center;
    color: #ED013C;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceD .priceArea1 .priceNumeric:after,
.wrapper .itemList .ListPriceTable .priceB .priceArea1 .priceNumeric:after,
.wrapper .itemList .ListPriceTable .priceD .priceArea1 .priceNumeric:after,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1 .priceNumeric:after {
    content: "(税込)";
    display: inline-block;
    font-size: 0.6em;
    margin-left: 0.5em;
    color:#484848;
}

.wrapper.productdetail_aspx div.content>.mainArea>.BreadCrumbs{
padding-top: 0;
}
@media screen and (min-width: 501px){
.wrapper.productdetail_aspx div.content>.mainArea>.BreadCrumbs{
margin-top: -10px;
}}
@media screen and (max-width: 768px){
.wrapper.productdetail_aspx div.content>.mainArea>.BreadCrumbs{
padding:0 0 10px 0;
}
.wrapper.productdetail_aspx div.content>.mainArea>.BreadCrumbs .BreadCrumbs{
padding:0;
}
}
/* ReverseCategoryPartsEx */
.ReverseCategoryPartsEx.
.ReverseCategory {
    margin:40px auto;
    display: flex;
    flex-wrap: wrap;
}
.wrapper#store .ReverseCategoryPartsEx h3.mainTit,
.wrapper#store .ReverseCategory h3.mainTit{ width:100%; margin-bottom:20px;}
.ReverseCategoryPartsEx ul,
.ReverseCategory ul{display: flex;align-items: center;margin-bottom:10px; justify-content: center;}
.ReverseCategoryPartsEx ul li,
.ReverseCategory ul li{
    width:auto; 
    position: relative;
}
.ReverseCategoryPartsEx ul>li:first-child,
.ReverseCategory ul>li:first-child{display:none;}
.ReverseCategoryPartsEx ul li:not(:last-child),
.ReverseCategoryPartsEx ul li,
.ReverseCategory ul>li:not(:last-child),
.ReverseCategory ul li{margin-right:1.2em;}
.ReverseCategoryPartsEx ul li a,
.ReverseCategory ul li a{
    color:#5f92ce;
    border-radius: 20px;
    border:1px solid #5f92ce;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    line-height: 1;
    display: inline-block;
}
.ReverseCategoryPartsEx ul li span:after,
.ReverseCategoryPartsEx ul li a:after{
    /*content: '';
    width: 7px;
    height: 7px;
    border-top: solid 1px #484848;
    border-right: solid 1px #484848;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    right: -10px;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;*/
}
.wrapper#store.categorylist_aspx #main .itemListWrap.noItem{
    min-height: 200px;
    padding-top: 60px;
}
/*btn_pagetop*/
.btn_pagetop {
  position: fixed;
  right: 10px;
  bottom: 30px;
  text-decoration: none;
  z-index:10;
}
.btn_pagetop:before {
  content: "";
  border-radius: 50%;
  background-color: #393939;
  display: block;
  width: 42px;
  height: 42px;
}
@media (max-width: 768px) {
.btn_pagetop:before {
    width: 32px;
    height: 32px;
  }
}
.btn_pagetop:after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  top: calc(50% - 4px);
  transition: all 0.2s 0s;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 768px) {
  #store.productdetail_aspx .btn_pagetop {
    bottom: 70px;
  }
}
.wrapper#store section.top_search_keyword{
    background-color:var(--keyColor);
    padding:8px 0px;
    box-sizing:border-box;
}

.wrapper#store section.top_search_keyword{
    margin:0 0px;
    z-index: 0;
    position: relative;
}
@media (max-width: 1279px) {
.wrapper#store section.top_search_keyword{
    margin:0 -10px;
    width: 100%;
}
}
.wrapper#store section.top_search_keyword:before{
    content: '';
    position:absolute;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    display:block;
    width: calc(100vw + 10px);
    height:43.14px;
    top:0;
    left:0;
    background-color: var(--keyColor);
    z-index: -1;
    }
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider{
margin-bottom:0;
}
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider li{
margin:20px 10px 0 10px;
}
@media (max-width: 1050px) {
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider li{
margin:0px 10px 0 10px;
}}
@media (max-width: 768px) {
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider li{
margin:0px;
}}
.wrapper#store section.top_search_keyword>.top_search_keywordInner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items: center;
    gap: 5px 10px;
}
.wrapper#store section.top_search_keyword>.top_search_keywordInner .top_search_keywordTit{
    font-weight: 600;
    margin-right: 20px;
    font-size:11px;
    color:#ffffff;
}
@media (max-width: 1279px) {
.wrapper#store section.top_search_keyword>.top_search_keywordInner .top_search_keywordTit{
margin-left:10px;
}}
.wrapper#store section.top_search_keyword>.top_search_keywordInner>a{
    border-radius: 20px;
    padding: 4px 1em;
    color:#ffffff;
    border:1px solid #ffffff;
    font-size:12px;
}
@media (max-width: 1279px) {
.wrapper#store section.top_search_keyword>.top_search_keywordInner>a:last-child{
margin-right:10px;
}}
/*.wrapper#store section.top_search_keyword>.top_search_keywordInner>a:not(:last-child){
margin-right:10px;
}*/
@media (max-width: 1279px) {
.wrapper#store section.top_search_keyword>.top_search_keywordInner {
    width: auto;
    overflow-x: auto;
    max-width: none;
}
.wrapper#store section.top_search_keyword>.top_search_keywordInner>* {
    white-space: nowrap;
}
}
.wrapper#store .mainVis{
    -webkit-transition: all .5s ease;
    transition: all .5s ease;}

.wrapper#store .mainVis .slick-prev, 
.wrapper#store .mainVis .slick-next{
    display: block;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgbaa(0,0,0,0.2);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    box-sizing: border-box;
    border-radius: 40px;
    padding-bottom: 0;
    background-color: #fff;
    z-index:1;
}
@media (max-width: 767px) {
.wrapper#store .mainVis .slick-prev{
    left: 5px;
}
.wrapper#store .mainVis .slick-next{
    right: 5px;
}}
.wrapper#store .mainVis .slick-prev:before, 
.wrapper#store .mainVis .slick-next:before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate( -135deg);
    display: inline-block;
    margin: 0px 0.3em auto 0.5em;
    position: relative;
    left: 0;
    bottom: 0;
}
.wrapper#store .mainVis .slick-next:before{
    transform: rotate( 45deg);
    margin: 0px 0.5em auto 0.3em;
}
@media (min-width: 768px) {
.wrapper#store .mainVis .slick-prev{
left: 30px;
}}
@media (min-width: 768px) {
.wrapper#store .mainVis .slick-next{
right: 30px;}
}
.wrapper#store .mainVis .slick-dots{
z-index: 1;
}
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-dots li{
margin:0 5px;
}
.wrapper#store .mainVis .slick-dots li button{
padding:0;
}
.wrapper#store .mainVis .slick-dots li button:before{
    color: var(--keyColor);
}
/*title*/
.itemcategory_area .itemcategory_head,
.title_head {
    background-color: #fff;
    margin-bottom: 0px;
    box-sizing: border-box;
    position: relative;
    text-align:left;
}

.title_txt {
  margin: auto;
  padding: 40px 0px;
  font-size: 34px;
  text-align: center;
}
.itemcategory_area .itemcategory_head .categorytit_txt,
.mainArea .search_head .categorytit_txt{
    background: #efefef;
    padding: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    border-radius: 0;
    text-align: left;
    margin: 40px auto;
}
@media screen and (max-width: 767px){
.itemcategory_area .itemcategory_head .categorytit_txt,
.mainArea .search_head .categorytit_txt{
    margin: -20px 0 10px 0;
}}
@media screen and (max-width: 599px){
.itemcategory_area .itemcategory_head,
.title_head{
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;}
}
@media screen and (max-width: 599px){
.itemcategory_area .itemcategory_head .categorytit_txt,
.title_txt {
     padding: 20px 0;
   font-size: 24px;}
}
.itemcategory_head .categoryimg_head>img+p.categorytit_txt{
display:none;

}
.itemcategory_head .category_copy{
margin:20px auto 40px auto;
font-size:1.1em;
}
@media (max-width: 767px) {
.itemcategory_head .category_copy{
margin:20px 0;
font-size:1em;
}
.itemcategory_area .itemcategory_head .categorytit_txt,
.mainArea .search_head .categorytit_txt,
.mainArea .search_head.title_head{
border-bottom:none;
}
}
.itemcategory_head .category_copy:empty{display:none;}
@media screen and (max-width: 599px){
.itemcategory_area .itemcategory_head .categoryimg_head>img{
    border-width: 0px;
    transition: transform 0.3s;
    width: 100%;
    /*aspect-ratio: 2 / 1;*/
    object-fit: cover;
    position: relative;
    display: block;
}
.content .itemcategory_area{
padding:0;
}
}
.wrapper .btnColor.btnMore.round,
.wrapper .btnBorder.btnMore.round,
.wrapper.top_aspx .btnColor.btnMore.round,
.wrapper.top_aspx .btnBorder.btnMore.round{
    padding: 3px 20px;
    max-width: 200px;
    border-radius: 30px;
    margin: 20px auto 20px auto;
    font-size: 13px;
    transition: all 0.2s 0s;
}

.wrapper .btnMore.btnBorder.round.min,
.wrapper .btnMore.btnBorder.round.min{
    border-radius: 30px;
    border: 1px solid var(--keyColor);
    font-size: 12px;
    line-height:1;
}
.wrapper .btnMore.btnBorder.round.min.disable,
.wrapper .btnMore.btnBorder.round.min.disable{
    border:1px solid #ccc;
    cursor: pointer;
    pointer-events: initial;
}
@media screen and (min-width: 768px){
.wrapper .btnColor.btnMore.round, 
.wrapper .btnBorder.btnMore.round, 
.wrapper.top_aspx .btnColor.btnMore.round, 
.wrapper.top_aspx .btnBorder.btnMore.round{
    margin:20px auto;
    display: block;
}}
@media screen and (max-width: 768px){
.wrapper .btnColor.btnMore.round,
.wrapper .btnBorder.btnMore.round,
.wrapper.top_aspx .btnColor.btnMore.round,
.wrapper.top_aspx .btnBorder.btnMore.round,
.wrapper.productdetail_aspx .btnColor.btnMore.round,
.wrapper.productdetail_aspx .btnBorder.btnMore.round,
.wrapper.categorylist_aspx .btnColor.btnMore.round,
.wrapper.categorylist_aspx .btnBorder.btnMore.round{
    margin: 20px auto 20px auto;
}

.wrapper .btnMore.btnBorder.round.min,
.wrapper .btnMore.btnBorder.round.min{
font-size:10px;
}
}
.wrapper .btnMore.btnBorder.round.cross.min:before,
.wrapper .btnMore.btnBorder.round.cross.min:before{
    content: "×";
    display:inline-block;
    margin-right:5px;
    font-size:18px;
    vertical-align:middle;
}
#GiftOptionPanel,
#ctl00_body_pnlCart #GiftOptionPanel{
border:none;
    left: 50%!important;
    padding: 0px;
    position: fixed!important;
    top: 0!important;
    transform: translate(-50%, -50%);
    width: 100%!important;
background-color: transparent;
}
.ConfirmQtyMsgDivWrap{
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    top: 150px;
    left: 50%;
transform: translate(-50%, 0%);
}
@media screen and (max-width: 500px){
.ConfirmQtyMsgDivWrap{
    padding: 40px 20px;
}
}
.wrapper#store.cart_aspx #GiftOptionPanel .modal__bg{
    background: transparent;
}

/*SNSlogin*/
.wrapper#store .LineLogin,
.wrapper#store .FacebookLogin,
.wrapper#store .TwitterLogin,
.wrapper#store .GoogleLogin,
.wrapper#store .yahooLogin{
    font-size:16px;
    line-height:27px;
    color:#252525;
    width:100%;
    max-width:400px;
    margin:0 auto 10px auto;
    padding:10px;
    border:1px solid #f0f0f0;
    border-radius:4px;
    position:relative;
    background-color:#fff;
    box-sizing: border-box;
    display:block;
    vertical-align: middle;
    height:auto;
    text-align: center;
}
.wrapper#store .LineLogin:link,
.wrapper#store .LineLogin:visited,
.wrapper#store .LineLogin:active,
.wrapper#store .FacebookLogin:link,
.wrapper#store .FacebookLogin:visited,
.wrapper#store .FacebookLogin:active,
.wrapper#store .TwitterLogin:link,
.wrapper#store .TwitterLogin:visited,
.wrapper#store .TwitterLogin:active,
.wrapper#store .GoogleLogin:link,
.wrapper#store .GoogleLogin:visited,
.wrapper#store .GoogleLogin:active,
.wrapper#store .yahooLogin:link,
.wrapper#store .yahooLogin:visited,
.wrapper#store .yahooLogin:active{
    color:#252525;
}

.wrapper#store .LineLogin img,
.wrapper#store .FacebookLogin img,
.wrapper#store .TwitterLogin img,
.wrapper#store .GoogleLogin img{
display:none;
}
.wrapper#store .LineLogin:before,
.wrapper#store .FacebookLogin:before,
.wrapper#store .TwitterLogin:before,
.wrapper#store .GoogleLogin:before,
.wrapper#store .yahooLogin:before{
content:"";
background-repeat:no-repeat;
background-size:contain;
width:32px;
height:32px;
display:block;
position:absolute;
top:0;
bottom:0;
left:16px;
margin:auto;
}
.wrapper#store .LineLogin:before{background-image:url(../u_page/img/ico_line.svg);}
.wrapper#store .FacebookLogin:before{background-image:url(../u_page/img/ico_Facebook.svg);}
.wrapper#store .TwitterLogin:before{background-image:url(../u_page/img/ico_twitter.svg);}
.wrapper#store .GoogleLogin:before{background-image:url(../u_page/img/ico_Google.svg);}
.wrapper#store .yahooLogin:before{background-image:url(../u_page/img/ico_yahoo.svg);}
.wrapper#store .FacebookLogin+br,
.wrapper#store .TwitterLogin+br{
display:none;
}


/*newspDrowerCategory*/
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt{border-bottom:1px solid #484848;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt:last-of-type{border:none;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt.open:last-of-type{border-bottom:1px solid #484848;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span{
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #484848;
    text-decoration: none;
    padding: 15px 15px 15px 10px;
    position: relative;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span:before,
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span:after{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span:before{
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    display: block;
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 0.1em;
    right: 10px;
    margin: auto;
    transform: rotate(0deg);
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span:after{
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt.open span:after{
    content: none;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd span.category_image{
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li{position:relative; flex-wrap: wrap; border-bottom:1px dotted #484848;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li:last-child{border-bottom:1px solid #484848;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd:last-of-type ul>li:last-child{border-bottom:0;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li span.category_image a{
padding:0;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li span.category_image a:before{
    content: none;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li p{
    width: 100%;
    box-sizing: border-box;

}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd #ShowCategoryMap_Genre ul>li p
{
    padding-left: 35px;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li p a{
padding: 12px 15px 12px 10px;
}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li p a:before{
    top: 0;
    bottom: 0;
    margin: auto;
}
@media (max-width: 767px){
.menu-content ul.code_Level2 li a {
    padding: 9px 15px 10px 10px;
    display: flex;
    align-items: center;
}
.code_Level2 a.close:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    display: block;
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 0.1em;
    right: 10px;
    margin: auto;
    transform: rotate(0deg);
}
.code_Level2 a.close:after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 10px;
    transform: rotate(90deg);
    color: #333;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
}
}
/*error*/
@media screen and (max-width: 767px){
.wrapper#store.multiColumnLayout header .headerWrap{
    display: block;
    padding: 10px;
    box-sizing: border-box;
}
.wrapper#store.multiColumnLayout header .headerWrap #logo{
    position: relative;
    top:auto;
    bottom:auto;
}
}
/*productviewedhistory_aspx*/
.wrapper#store .ProductListHeader .ProductViewedHistoryClear{
    height:auto;
}

@media (max-width: 767px){
.wrapper#store.productviewedhistory_aspx #main .ProductListHeader.sortBlock .ItemRight{
width:auto;
margin:0 0 20px 0;
}}

.wrapper .checkBase.check01 input{
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
}
.wrapper .checkBase.check01 input[type="checkbox"] + label:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #cccccc;
    position: relative;
    background-color:#fff;
    z-index: 2;
}
.wrapper .checkBase.check01 input[type="checkbox"]:checked + label:before {
    border: 2px solid var(--keyColor);
    background-color: var(--keyColor);
}
.wrapper .checkBase.check01 input[type="checkbox"]:checked + label:after {
    content: '';
    width: 9px;
    height: 12px;
    margin-top: -10px;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% + 0px);
    left: 5px;
    z-index: 11;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}
.wrapper .termBase + .checkBase.check01 input[type="checkbox"]:checked + label:after{
  left: 13px;
}
.wrapper#store .btnAddToCatAjax:before{
    background-image: url(../Images/Common/icon/ico_cartWhite.svg);
    margin-top: -6px;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
    vertical-align: middle;
}
.product .center{
  text-align: center;
}
@media (min-width: 1000px){
#store.bookmarklist_aspx .itemList li .btnAddToCatAjax,
#store.productviewedhistory_aspx .itemList li .btnAddToCatAjax,
#store.productviewedhistory_aspx .itemList li .btnAddToBookmark{
width:80%;
}
}
@media (max-width: 500px){
#store.bookmarklist_aspx .itemList li {
    padding: 0 0px 10px 0px;
    margin: 10px 10px;
    box-sizing: border-box;
}}

/* サイドナビ検索 */

aside .searchBox {margin:0px auto 60px auto;padding:25px 0;border:1px solid #eee;background-color: #eee;border-radius: 3px;}
aside .searchBox .input_budget{
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
aside .searchBox .input_budget input{
		display: inline-block;
    width: 80px;
    height: 30px;
    margin-left: 1px;
    padding: 3px;
    box-sizing: border-box;
    border:1px solid #ccc;}
aside .searchBox .input_budget span{font-size:8px;padding: 0 3px;}
aside .searchBox button#search_btn {
    padding: 8px 20px;
    max-width: 150px;
    border-radius: 30px;
    margin:20px auto 0 auto;
    font-size: 13px;
    transition: all 0.2s 0s;
}

/*cartWrapping*/
.box_giftOption .ListPriceTable{
text-align: left;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 500px){
.box_giftOption .ListPriceTable{
    display: block;
}
}
.box_giftOption .ListPriceTable .CartProductImageDiv{
    float: none;
    margin-right: 10px;
    width: 180px;
}

.box_giftOption .ListPriceTable .CartProductImageDiv #ProductImage{
    width: 100%;
    border-width: 0px;
    margin-top: 0;
}
.box_giftOption .ListPriceTable .itemInfoWrap{
    width: calc(100% - 190px);
}
.box_giftOption .itemInfoWrap .InfoWrapTit{
    background-color: #FCFAF1;
    color: #484848;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.box_giftOption .itemInfoWrap .ListPriceTable .priceB{
    color: #ED013C;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle,
#GiftOptionPanel .box_giftOption .GiftOptionRow .GiftOptionTitle{
border:none;
box-sizing:border-box;
font-size:1.1em;
margin-bottom:10px;
padding:8px 0px;
border-bottom: 1px solid #ccc;
background-color: #fff;
color: #484848;
padding: 8px 0;
text-align:left;
}

#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle .btnBorder.min{
    padding: 2px 8px;
    font-size: 12px;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd{
display: flex;
    flex-wrap: wrap;
} 
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd>*{
    width:calc(50% - 10px);
    text-align: left;
    padding: 0;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd .SetOptionWindowImageFrameWrap{
    margin-left: auto;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd div ul{
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 500px){
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd div ul{
justify-content: center;
}}
#GiftOptionPanel .SetOptionWindowImageFrame,
#GiftOptionPanel .NoGiftOptionStyle{
margin-left: auto;
padding:0!important;
}
@media screen and (max-width: 768px){
#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div.SetOptionWindowImageFrame{
text-align:left;
}
#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div.NoGiftOptionStyle{
    margin: 10px 5px 0 5px;
    width: 130px;
}
}
@media screen and (max-width: 500px){
#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div.SetOptionWindowImageFrame{
text-align:center;
}
#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div.NoGiftOptionStyle{
    margin: 10px auto 0 auto;
    width: 130px;
}
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd div ul li.OptionListImg{
    width: calc((100% / 3) - 10px);
    max-width: 133px;
    height:auto;
    padding: 0;
    margin: 0 5px;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd div ul li.OptionListImg.Selected{
border:none;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd div ul li.OptionListImg.Selected img{
    border:2px solid #ED013C;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd div ul li.OptionListImg.Selected .optionItemName{
    color: #ed013d;
}
#GiftOptionPanel .SetOptionWindowImageFrame .SetOptionWindowImage{
   max-width: 133px;
   padding:0;
}
@media screen and (max-width: 768px){
#GiftOptionPanel .SetOptionWindowImageFrame .SetOptionWindowImage{
   margin:0 5px;
}
}
#GiftOptionPanel ul li.OptionListImg span.optionItemName{
    margin-top: 10px;
    display: block;
    font-size:11px;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd>* .OptionNone,
#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div.OptionNone{
    width: 130px;
    height: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px){
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd>* .NoGiftOptionStyle{
    width:130px;
    height: 99px;
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd>* .OptionNone{
    width:130px;
    height: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd dl dd.noshiOption input+label{
margin-right:20px;

}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd .SelectedGiftOptionBlock{width:100%; margin-top:20px;}
#GiftOptionPanel .box_giftOption .SetOptionsFrame .SetOptionsSubTitle+dd .SelectedGiftOptionBlock .SetOptionWindowTitle{
box-sizing:border-box;
padding:11px;
}
@media (max-width: 767px){
.box_giftOption #GiftOptionList{
margin:20px auto;
}
}
@media (max-width: 767px){
#GiftOptionPanel .modal__content{
padding: 40px 20px;
}}
@media (max-width: 500px){
.box_giftOption .ListPriceTable .CartProductImageDiv {
    width: 100%;
    max-width: 150px;
    margin: 0 auto 10px auto;
}
.box_giftOption .ListPriceTable .itemInfoWrap {
    width: 100%;
}
}

/*cartWrapping end*/

.mainArea .upage{
  padding: 40px 0;
}
.mainArea .upage dl.tableType {
  border: 1px solid #ccc;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0px solid #ccc;
  margin: 40px auto 20px auto;
}
.mainArea .upage dl.tableType dt {
  width: 300px;
  background-color: #eee;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
.mainArea .upage dl.tableType dd {
  display:block;
  width: calc(100% - 300px);
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
.wrap_difinition_set .title{
  margin: 40px auto 20px auto;
  font-size: 24px;
  font-weight: normal;
}

.upage{
  text-align: left;
  letter-spacing: 1.1px;
}
#registAgreement .updateDate{
  text-align: right;
  margin-bottom: 1em;
}
#registAgreement > dl dd{
  width: 100%;
  position: relative;
  padding: 15px;
  line-height: 1.8;
}
.ol.listDecimal{
  margin-left: 20px;
}
ol.listDecimal li {
  list-style-type: decimal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

/*cart HandlingDetailPanel*/
#HandlingDetailPanel ul li{
background-color: #eee;
    box-sizing: border-box;
    padding: 10px 10px;
    margin-top: 10px;
}
.wrapper#store.confirmation_aspx #HandlingDetailPanel ul li{
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}
#HandlingDetailPanel ul li .HandlingDetailHeader{
    border-bottom: 1px solid #484848;
    margin-bottom: 10px;
    font-weight: 600;
    padding-bottom: 10px;
}
#HandlingDetailPanel ul li table tr{
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
#HandlingDetailPanel ul li table tr+tr{
border-top:1px dotted #484848;
padding-top:10px;
}
#HandlingDetailPanel ul li table tr>*{min-height:1%;}
#HandlingDetailPanel ul li table tr>td{
    width: 100%;
    text-align: right;
    overflow-wrap: break-word;
    word-break: break-all;
}
#HandlingDetailPanel2 ul li{
    margin-bottom: 10px;
    padding: 10px 0;
    box-sizing: border-box;
    margin-top: 10px;
}
#HandlingDetailPanel2 ul li .HandlingDetailHeader{
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #484848;
    margin-bottom: 10px;
}
#HandlingDetailPanel2 ul li table tr{
margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
#HandlingDetailPanel2 ul li table tr td{
    overflow-wrap: break-word;
    word-break: break-all;
    font-size: 13px;
    width: 100%;
}
#HandlingDetailPanel2 ul li table tr td:nth-child(odd){
    text-align: left;
    margin-bottom: 4px;
}
#HandlingDetailPanel2 ul li table tr td:nth-child(even){
    text-align: right;
    font-size: 14px;
}
#HandlingDetailPanel2 ul li table tr+tr{
border-top:1px dotted #484848;
padding-top:10px;
}
.confirmation_aspx .checkoutBox.note{display:none;}
/*pager*/
.itemcategory_area .ProductListFooter {
  padding-bottom: 15px;
  display: block;
  width: 100%;
}
.PageLink {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.wrapper .PageLink b{
    color: var(--keyColor);
    text-align: center;
    background: #FFFFFF;
    border: 1px solid var(--keyColor);
    border-radius:30px;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.wrapper .PageLink a{
    color: #FFFFFF;
    text-align: center;
    background: var(--keyColor);
    border-radius:30px;
    font-weight: bold;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
a.NextPageLink,
a.PrevPageLink
{
	color:#FFFFFF;
}
/*checkout CheckoutCouponCodeInput*/
#InputCouponCodeBlock .CheckoutCouponCodeInput{
    display: flex;
    align-items: center;
    justify-content: center;
}
#InputCouponCodeBlock .CheckoutCouponCodeInput>p{
}
#InputCouponCodeBlock .CheckoutCouponCodeInput>input.inputBase{
    border: 1px solid #ccc;
    margin: 0 0 0 20px;
    width: calc(100% - 150px);
    max-width: 360px;
}

.wrapper.checkout_aspx .CouponList{
    width: 100%;
    max-width: 680px;
    margin: 20px auto;
}
.wrapper.checkout_aspx .CouponList li dl dd .btnColor {
    margin-top: 10px
}
#CouponDialog, 
#PointDialog{
    margin-top: auto!important;
    margin-left: auto!important;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999;
}

/*ShopOrderHistory*/
.orderhistory_aspx .history-count{
  font-weight: bold;
}

.orderhistory_aspx .history-list>li{
  margin-bottom: 20px;
  background-color: #efefef;
}

.orderhistory_aspx .history-header{
  border: 1px solid #dcdcdc;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.orderhistory_aspx .history-header .history-header_left{
  float: left;
  overflow: hidden;
  margin-bottom: 0;
    width: calc(100% - 125px);
}

.orderhistory_aspx .history-header .history-header_left .history-header_info{
  display: inline-block;
  margin: 5px 60px 5px 0;
}

 .orderhistory_aspx .history-header .history-header_left .history-header_info dt,
 .orderhistory_aspx .history-header .history-header_left .history-header_info dd {
  display: inline-block;
  vertical-align: middle;
}
.orderhistory_aspx .history-header .history-header_left .history-header_info dt{
	width:5em;
}
.orderhistory_aspx .history-header .history-header_left .history-header_info dd {
  font-size: 1.2em;
}

.orderhistory_aspx .history-header .history-header_right{
  float: right
}

.orderhistory_aspx .history-header .history-header_right>p>a{
    /*border-style: none;
    background-color: #fff;
    background: #fefefe;
    display: inline-block;
    color: #452b14 !important;
    border: 1px solid #444444;
    padding: 0.5em 1.5em;*/
    font-size: 13px;
        -webkit-transition: color 0.2s,border-color 0.2s,background-color 0.2s;
    -moz-transition: color 0.2s,border-color 0.2s,background-color 0.2s;
    transition: color 0.2s,border-color 0.2s,background-color 0.2s;
}

.orderhistory_aspx .history-header .history-header_right input[type="submit"]:hover{
    background-color: #444444;
    background: #444444;
    color: #fff!important;
    border: 1px solid #444444;
}


.orderhistory_aspx .history-header:before, .orderhistorydetail_aspx .ohistory-innner .history-header:before {
  content: "";
  display: table
}

.orderhistory_aspx .history-header:after {
  content: "";
  clear: both;
  display: table
}
.wrapper .settingBox input[type="submit"].btnBorder{
    border: 1px solid var(--keyColor);
}
.wrapper .settingBox input[type="submit"].btnBorder.round{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.wrapper .settingBox .orderBlock{
    padding:10px 10px;
    /*border-top:1px solid #ccc;*/
    background-color: #fff;
    margin-bottom: 10px;
}

@media (max-width: 767px){
.orderhistory_aspx .history-header {
    padding: 10px 20px;
}

.orderhistory_aspx .history-header .history-header_left {
    float: none;
    margin-bottom: 10px;
    width: 100%;
}
.orderhistory_aspx .history-header .history-header_left .history-header_info {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0px 5px 0;
    width: 100%;
}
.orderhistory_aspx .history-header .history-header_left .history-header_info dd {
    width: calc(100% - 5em);
}
.orderhistory_aspx .history-header .history-header_right {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.orderhistory_aspx .history-header .history-header_right>p>a{
width:80%;
}
}
.orderhistory_aspx .detailItem{
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.orderhistory_aspx .orderInfo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
@media (min-width: 768px) {
.orderhistory_aspx .detailItem .WriteReview{
    margin-left: auto;
}}
@media (max-width: 767px) {
.orderhistory_aspx .detailItem .WriteReview{
    margin-left: 0;
    margin-top:20px;
}}
@media (max-width: 500px) {
.orderhistory_aspx .detailItem .WriteReview{
    margin:20px auto 0 auto;
    width: 100%;
}}
.orderhistory_aspx .orderInfo>.orderInfoTxt>.title,
.orderhistory_aspx .orderInfo>.orderInfoTxt>.title+div{
margin-bottom:5px;
    margin-top: 0;
}
.orderhistory_aspx .orderInfo>.orderInfoTxt>.text.title:first-child{
margin-bottom:0;
}
@media (min-width: 768px) {
.orderhistory_aspx .orderInfo>.orderInfoTxt>.text.title:first-child,
.orderhistorydetail_aspx .orderInfo>.title:first-child{
margin-right:20px;
}}
@media (min-width: 768px) {
.orderhistory_aspx .orderInfo .orderInfoTxt{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}}
@media (min-width: 768px) {
.orderhistory_aspx .orderInfo>.orderInfoTxt>.text.title+.text.title{
margin-bottom:0;
}
}
@media (min-width: 768px) {
.orderhistory_aspx .orderInfo>.orderInfoTxt>.text.title+.text.title+div{
width:100%;
}
}
.orderhistory_aspx .orderBlock .detailItem:nth-child(n+2){
    margin-top: 10px;
    border-top: 1px dotted #ccc;
}
.orderhistory_aspx .settingBox .orderBlock .status{margin-top:0;}
.orderhistory_aspx .orderBlock .detailItem figure{
    margin-right: 20px;
}
.orderhistory_aspx .item-position{
    display: block;
    text-align: left;
    box-sizing:border-box;padding:0 10px;
}
.orderhistory_aspx .item-position .itemCount{
    font-size: 1.2em;
    margin: 0 4px;
    font-weight: 600;
}
.Num{
    color: #ED013C;
}
.wrapper .settingBox .cartList li.ReceiptRequestWrap{
    text-align: right;
    display: block;
    padding: 0;
    margin-top: 10px;
    background-color: transparent;
}
.ErrorMessage:empty{display:none;}

.orderhistorydetail_aspx .orderItemList.cartList li .giftOption{}
.orderhistorydetail_aspx .orderItemList.cartList li .giftOption dl{display: flex;flex-wrap: wrap;}
.orderhistorydetail_aspx .orderItemList.cartList li .giftOption dl dt{box-sizing: border-box;margin:0;font-size:0.9em;}
.orderhistorydetail_aspx .orderItemList.cartList li .giftOption dl dd{box-sizing: border-box;margin:0;font-size:0.9em;}

.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect{
	margin: 20px 0 10px 0;
}
.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect table:before{
	content:'配送日指定';
	display: block;
	font-weight: 600;
}
.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect table tbody:before{
	content:'配送日に希望があればご指定ください。「指定なし」の場合は、最短でのお届けとなります。';
	display: block;
	margin-bottom:5px;
}
.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect .newCartSetShippingDate{
    width: 100%;
    max-width: 260px;
    position: relative;
}
@media screen and (max-width: 500px){
.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect .newCartSetShippingDate{
    max-width: none;
}
}

.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect .newCartSetShippingDate select option:disabled {
    color:#ddd;
}

/*footerGuide*/
.footerGuide {width: 100%;margin:60px auto 0 auto;background-color:#fbfafa;}
.footerGuide a{
    display: flex;
    align-items: center;
    justify-content: center;
}
#store.wrapper.top_aspx .footerGuide{margin:0px auto 0 auto;}
.footerGuide .container{width: 100%;max-width: 1200px; overflow: hidden;}
@media screen and (max-width: 767px){
.footerGuide .container{padding:0;}
}
.footerGuide .container ul.listGuide{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    box-sizing: border-box;
    padding: 0 10px;
}
.footerGuide .container ul.listGuide li{
    text-align:left;position:
    relative;
    width: calc((100% / 3) - 40px);
    margin: 20px 20px 40px 20px;
}

.footerGuide .container ul.listGuide>li{
position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (min-width: 768px){
.footerGuide .container ul.listGuide{
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
}
}
@media screen and (min-width: 1281px){
.footerGuide .container ul.listGuide{
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    padding: 0;
}
}

.footerGuide .container ul.listGuide>li>*{
min-height:1%;
}
@media screen and (min-width: 768px){
.footerGuide .container ul.listGuide>li:after{
    content:'';
    width:1px;
    height:100%;
    border-right: 1px dashed #ccc;
    /* background-color: #ccc;*/
    position:absolute;
    right:-20px;
    top:0;
    display:block;
}
.footerGuide .container ul.listGuide>li:last-child:after{
    content:none;
}
}
.footerGuide .container ul.listGuide>li i.fa-solid{
margin-right:5px;
}
.footerGuide .container ul.listGuide>li>div{
    position: relative;
    display: flex;
    height: auto;
    flex-direction: column;
    flex-grow: 1;
}
.footerGuide .container ul.listGuide>li>div>*{
min-height:1%;
}
.footerGuide .container ul.listGuide>li>div>p{
    margin-top: auto!important;
}
.footerGuide .container ul.listGuide li p.title{text-align:left;margin-top:20px;}
.footerGuide .container ul.listGuide li p.footerico a:before{
    content:'';
    display:inline-block;
    width:24px;
    height:24px;
    background-position:center;
    background-size:contain;
    margin-right:0.5em;
}
.footerGuide .container ul.listGuide li p.footerico.guide-w a:before{
    background-image:url(/store/Images/Common/icon/ico_bookWhite.svg);
}
.footerGuide .container ul.listGuide li p.footerico.question-w a:before{
    background-image:url(/store/Images/Common/icon/ico_questionWhite.svg);
}
.footerGuide .container ul.listGuide li p.footerico.inquiry-w a:before{
    background-image:url(/store/Images/Common/icon/ico_mailWhite.svg);
}
.footerGuide .container ul.listGuide li p.bold{text-decoration:underline;}
.footerGuide .container ul.listGuide li ul{display:block;width:100%;}
.footerGuide .container ul.listGuide li ul li{display:block;width:100%;margin:0 0 10px 0;}
.footerGuide .container ul.listGuide li ul.list{
 text-indent: -8px; padding-left: 8px;
}
.footerGuide .container ul.listGuide li ul.list li:before{
content:'・';
display:inline-block;

}
@media screen and (max-width: 768px) {
.footerGuide>.display_sp.text{
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    padding-top:20px;
}
.footerGuide .container ul.listGuide{display:block;width:100% ;margin: 0; padding: 10px;}
.footerGuide .container ul.listGuide{padding: 0;}


.footerGuide .container ul.listGuide li{display:block;width:100% ;margin: 20px 0px 30px 0px;}
.footerGuide .container ul.listGuide>li{
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #ccc;
}
.footerGuide .container ul.listGuide>li:last-child{
border:none;
}
}
@media screen and (max-width: 500px) {
.footerGuide>.display_sp.text.mb20{
    margin-bottom:10px!important;
}}

@media (min-width: 768px){
.footerGuide .container ul.listGuide li p.title{
    pointer-events: none;
}}
@media (max-width: 767px){
.footerGuide .container ul.listGuide li p.title{
    width:100%;
    /*padding-right: 50px;*/
    position: relative;
    margin-top: 17px;
    margin-bottom: 15px;
    font-size: 14px;
}}

@media (max-width: 767px){
.footerGuide .container ul.listGuide li p.title i{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
display:none;
}
.footerGuide .container ul.listGuide li p.title i:before{
    content: "";
    border-radius: 50%;
    /*border: 2px solid #484848;*/
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    background-color: #fff;
}
.footerGuide .container ul.listGuide li p.title i:after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate(135deg);
    top: calc(50% - 6px);
    transition: all 0.2s 0s;
    position: absolute;
    right: 11px;
    margin: auto;
}
.footerGuide .container ul.listGuide li p.title.open i:after{
    transform: rotate(-45deg);
    top: calc(50% - 2px);
}
.footerGuide .container ul.listGuide li p.title+div{
    display:none;
}
.footerGuide .container ul.listGuide li p.title.open+div{
    padding-bottom:20px;
}
}
.wrapper#store .AgeRequirementCheckPanel{
    top: 0!important;
    left: 0!important;
    width: 100vw!important;
    height: 100vh!important;
    border: none;
    background-color: transparent;
    padding: 0px;
    width: auto;}

.wrapper#store .AgeRequirementOverlay{
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 0;
}
.wrapper#store .AgeRequirementCheckPanel .AgeRequirementGoodsListPanel,
.wrapper#store .AgeRequirementCheckPanel .AgeRequirementDelMsgPanel{
    position: absolute;
    border: solid 1px #cccccc;
    background-color: #fff;
    padding: 20px 30px;
    width: 87%;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.wrapper#store .AgeRequirementCheckPanel .AgeRequirementMessageWrap{
    display: inline-block;
}
.wrapper#store .AgeRequirementCheckPanel .AgeRequirementButton>a{
width:80px;
}

/*overCart*/
.wrapper#store:not(.top_aspx) .footerGuide{
margin-top:60px;
}
.wrapper#store:not(.top_aspx) .footerGuide.overWidth{

}
#reviewLoading img{
    width: 60px;
    height: 60px;
}


ul.highLightList li{
    position: relative;
    padding-left: 2em;
    text-indent: 0em;
}

ul.highLightList li:before{
    content: '';
    width: 7px;
    height: 13px;
    margin-top: -10px;
    transform: rotate(45deg);
    position: absolute;
    top: 1.2em;
    left: 4px;
    z-index: 11;
    border-bottom: 1px solid #ED013C;
    border-right: 1px solid #ED013C;
}
@media (min-width: 1260px){
.RelatedProduct2Wrap,
.RecentlyViewedItemsWrap{

}}

#store .RelatedProduct2Wrap .RelatedProduct2 ul.RelatedProduct2List.itemList{
padding:0;
}
.cardimage img{width:100%; height:auto; max-width:400px;}

#UserCustomPageDigest ul li.noDate{display:none;}


/*swiper*/
#store .itemList.item_colSlider,
.wrapper#store.top_aspx div.content .item_colSlider.itemList,
#store .itemList .item_categorySlider,
.wrapper#store.top_aspx  div.content .item_categorySlider.itemList{
    overflow: hidden;
    position: relative;
    padding-top: 40px;
    margin-top: -40px;
}
.wrapper#store div.content .item_categorySlider.itemList{
    position: relative;
    width: calc(100% + 10px);
    padding:0;
}
@media (max-width: 500px){
.wrapper#store div.content .item_categorySlider.itemList{
    width: calc(100% + 20px);
}}
#store .itemList.item_colSlider .swiper-slide{
width:231px;
}

.wrapper#store.top_aspx .itemList.item_colSlider .swiper-wrapper,
.wrapper#store .itemList.item_colSlider .swiper-wrapper,
.wrapper#store.top_aspx .itemList.item_categorySlider .swiper-wrapper,
.wrapper#store .itemList.item_categorySlider .swiper-wrapper{
margin-bottom:0;
}
#store .itemList.item_colSlider .swiper-controller,
#store .itemList.item_categorySlider .swiper-controller{
    display: flex;
    position: absolute;
    right: 4px;
    top: 4px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#store .itemList.item_colSlider .swiper-controller .swiper-button-prev,
#store .itemList.item_colSlider .swiper-controller .swiper-button-next,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-prev,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next{
    display: block;
    z-index: 1;
    width: 32px;
    height: 32px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    border-radius: 40px;
    padding-bottom: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #fff;
}
#store .itemList.item_colSlider .swiper-controller .swiper-button-next,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next{
margin-left:20px;
}
#store .itemList.item_colSlider .swiper-controller .swiper-button-prev:before,
#store .itemList.item_colSlider .swiper-controller .swiper-button-next:before,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-prev:before,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next:before{
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #484848;
    border-right: 2px solid #484848;
    transform: rotate( -135deg);
    display: inline-block;
    margin: 0px 0.3em auto 0.65em;
    position: relative;
    left: 0;
    bottom: 0;
    top: 12px;
}

#store .itemList.item_colSlider .swiper-controller .swiper-button-next:before,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next:before{
    transform: rotate( 45deg);
    margin: 0px 0.5em auto 0.5em;
}

@media (max-width: 600px){
#store .itemList.item_colSlider .swiper-controller,
#store .itemList.item_categorySlider .swiper-controller{
    width: calc(100% - 10px);
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    justify-content: space-between;
    align-items: center;
}
}

#store .itemList.item_colSlider .swiper-controller .swiper-button-prev.swiper-button-disabled:before,
#store .itemList.item_colSlider .swiper-controller .swiper-button-next.swiper-button-disabled:before,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-prev.swiper-button-disabled:before,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next.swiper-button-disabled:before{
    opacity: .20;
}

/*topContentsBannerArea*/
.wrapper#store .topContentsBannerArea{
    padding-top: 40px;
margin-bottom:40px;
}
.wrapper#store .topContentsBannerArea ul li+li{
margin-top:20px;
}
@media (max-width: 767px){
.wrapper#store .topContentsBannerArea ul li .text{
    font-size: 11px;
    line-height: 18px;
}}

/*marge*/
.wrapper#store .InquiryUrl_btn .btnColor:after{
content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/store/Images/Common/icon/ico_targetBlank_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 7px;
}

.wrapper.orderhistorydetail_aspx .orderPayBox .CouponBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
}

/*common navigation*/
#store header nav.navi {
  background-color: var(--keyColor);
  position: relative;
}
@media (max-width: 1280px) {
#store header nav.navi{
    width: calc(100% + 20px);
    margin-left: -10px;
}}
@media (max-width: 1050px) {
#store header nav.navi{
    width: 100%;
    margin-left: 0px;
display:none;
}}
#store header nav.navi > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  border-bottom: solid #434343 1px;
}
#store header nav.navi > ul > li {
  margin: 0 5px;
  position:relative;
  letter-spacing: -0.5px;
}
@media (max-width: 1180px) {
#store header nav.navi > ul > li {
  font-size:12px;
}
}
@media (max-width: 900px) {
  #store header nav.navi > ul > li {
    margin: 0 5px;
  }
}
#store header nav.navi > ul > li:last-child {
  border-right: 0;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li {
    margin: 0;
    border-right: 1px solid #FFEFD6;
    width: calc(100% / 3);
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  #store header .navi > ul > li {
    font-size: 14px;
  }
#store header .navi > ul > li:after{
    content:none;
}}
#store header nav.navi > ul > li > a {
  padding: 14px 10px 14px 25px;
  display: block;
  color:#fff;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li > a {
    padding: 10px 8px;
  }
}
@media (max-width: 500px) {
  #store header .navi > ul > li > a {
    padding: 10px 6px;
  }
}

#store header nav.navi > ul > li > a:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-left:1px dashed #fff;
}

#store header nav.navi > ul > li > a:before {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg);
    top: calc(50% - 4px);
    left:10px;
    transition: all 0.2s 0s;
    margin: auto 0.5em auto 0;
    position: absolute;
}

#store header nav.navi > ul > li .child_cate {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.6);
  z-index: 20;
  background-color: #f4f5e9;
  border-top: solid #434343 1px;
}
#store header nav.navi > ul > li .child_cate .child_cate_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left {
  display: flex;
  width: 100%;
  text-align: left;
  background-color: #f4f5e9;
  padding: 1em 1em 0 1em;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left {
    max-width: none;
  }
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl {
  width: 100%;
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dt {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dt {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dt p.hd_menuclose2 {
    font-size: 12px;
    margin-left: auto;
    font-weight: normal;
    background-color: #ffd5a0;
    border-radius: 20px;
    padding: 0 8px;
  }
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  #store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd {
    margin-bottom: 0;
  }
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul {
  display: flex;
  flex-wrap: wrap;
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li {
  margin-right: 10px;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li:nth-child(2n) {
    margin-right: 0;
  }
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li > a {
  padding: 14px 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li > a {
    padding: 4px 0px 4px 10px;
  }
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul li > a span {
    width: calc(100% - 8px);
  }
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd:last-child ul:not(.listArrow){
max-width:none;
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul:not(.listArrow) li{
width: calc(25% - 10px);
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul.listArrow li > a:after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  transform: rotate(45deg);
  top: calc(50% - 4px);
  display: inline-block;
  margin-left: 0.5em;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul.listArrow li > a:after {
    top: calc(50% - 2px);
  }
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd ul.col3 li {
    width: calc(100% / 2);
    margin-right: 0;
  }
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd:last-child {
  margin-bottom: 0;
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd:last-child ul {
  max-width: 900px;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_left dl dd:last-child ul > li > a {
    padding: 5px;
  }
}
#store header .navi > ul > li .child_cate .child_cate_inner .child_cate_right {
  width: 100%;
  max-width: 240px;
  padding: 1em;
  box-sizing: border-box;
  background-color: #ffffff;
  flex-wrap: wrap;
  align-items: center;
}
#store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_right dl dt {
  font-weight: 600;
  text-align: left;
}
@media (min-width: 769px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_right dl dt {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .child_cate_inner .child_cate_right dl dt {
    font-size: 20px;
    line-height: 30px;
  }
}
#store header nav.navi > ul > li .child_cate .hd_menuclose {
  padding: 8px;
  box-sizing: border-box;
    border-top: 1px solid #f4f5e9;
    background-color: var(--keyColor);
  margin-top: 16px;
  width: 100%;
    text-align: center;
    color: #fff;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li .child_cate .hd_menuclose {
    font-size: 12px;
  }
}
#store header nav.navi > ul > li .child_cate .hd_menuclose span.cross {
  margin-right: 0.5em;
}
#store header nav.navi > ul > li.open > div.child_cate {
  display: block;
}
#store header nav.navi > ul > li.open > a:before {
  margin-bottom: 0;
}
#store header .navi > ul > li.link_search a:before {
  content: none;
}
#store header .navi > ul > li.link_search img {
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  #store header .navi > ul > li.inner_ico .child_cate .child_cate_inner .child_cate_left > dl > dd > ul.listArrow {
    margin-top: 20px;
  }
}
#store header nav.navi > ul > li.inner_ico .child_cate .child_cate_inner .child_cate_left > dl > dd > ul.listArrow > li {
  /*width: calc(33% - 60px);
  padding-left: 50px;*/
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li.inner_ico .child_cate .child_cate_inner .child_cate_left > dl > dd > ul.listArrow > li {
    /*width: calc(50% - 55px);*/
    margin-bottom: 30px;
  }
}
#store header nav.navi > ul > li.inner_ico .child_cate .child_cate_inner .child_cate_left > dl > dd > ul.listArrow > li > a:before {
 /* content: "";
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 40px;
  background-color: #fff;
  vertical-align: middle;
  position: absolute;
  top: auto;
  margin-left: -55px;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;*/
}
@media (max-width: 768px) {
  #store header nav.navi > ul > li.inner_ico .child_cate .child_cate_inner .child_cate_left > dl > dd > ul.listArrow > li > a:before {
    top: auto;
  }
}
  #store header nav.navi > ul > li.header_pc_search a:before{
content:none;
}
  #store header nav.navi > ul > li.header_pc_search a i:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
  #store header nav.navi > ul > li.header_pc_search a i:before {
    background-image: url(/store/Images/Common/icon/ico_searchWhite.svg);
}
a.linkText{
  color:var(--keyColor);
  font-weight: bold;
}
.wrapper#store.u_page_brandlist_aspx h2.contTitle.mainTit{display:none;}

.wrapper.productdetail_aspx .modalMain{
    padding:0;
    margin:0;
    width:auto;
    border:none;
}


/*top bottomContents*/
.wrapper#store.top_aspx .mainArea>*:not(#mainVisual, .SalesRankingParts ).contentsC{
    padding:60px 0;
    background-color:#eee;
}
@media (max-width: 1200px) {
.wrapper#store.top_aspx .mainArea>*:not(#mainVisual, .SalesRankingParts ).contentsC{
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding:60px 20px;
}}
.wrapper#store ul.ulContentsC.pc_display{
    gap: 0 40px;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    }
/* ul.ulContentsC .ulContentsMailMagazine div:not(.ulContentsCTit){
    box-sizing: border-box;
    padding: 10px 30px 10px 10px;
    position: relative;
    background-color: #fff;
} */
ul.ulContentsC .ulContentsMailMagazine>div:not(.ulContentsCTit):nth-of-type(n+2){
margin-top:30px;
}
ul.ulContentsC .ulContentsMailMagazine div:not(.ulContentsCTit) a{
    display: flex;
    align-items: center;
}
ul.ulContentsC .ulContentsMailMagazine div:not(.ulContentsCTit) a:after{
    /* content: '';
    width: 1em;
    height: 1em;
    border-top: 4px solid #eee;
    border-right: 4px solid #eee;
    transform: rotate(45deg);
    display: block;
    margin: auto;
    position: absolute;
    right: 16px;
    bottom: 0;
    top: 0; */
}
ul.ulContentsC .ulContentsMailMagazine div:not(.ulContentsCTit) a span strong{
    display: block;
    color: #298c93;
}
.contentsC .ulContentsC li {
    width: calc((100% / 3) - 30px);
}
.contentsC .ulContentsC li.mail{
background-color:#fff;
}
@media (max-width: 767px) {
ul.ulContentsC .ulContentsMailMagazine li img{
    width: 95px;
    height:auto;
}
ul.ulContentsC{
    display:block;
}
.contentsC .ulContentsC li {
    width: 100%;
    margin: 8px auto;
}
}

/* 関連商品 */
#ProductDetail .ProductDetailWrap__right .RelatedProductOneSideList{
  gap: 10px;
}
#ProductDetail .ProductDetailWrap__right .RelatedProductOneSideList li{
  width: calc((100% / 3) - 30px);
  font-size: 14px;
  margin: 10px;
}
.wrapper#store #ProductDetail .ProductDetailWrap .RelatedProductOneSideList li .ItemImageWrap{
  margin-bottom: 0;
}
.wrapper#store #ProductDetail .ProductDetailWrap .RelatedProductOneSideList li .ProductName{
  display:block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.9em;
  text-align: left;
  margin-bottom: 5px;
  overflow: hivdden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper#store #ProductDetail .ProductDetailWrap .Recommend{
  background: #f7f7f7;
  padding: 20px;
  margin-top: 20px;
}
.wrapper.productdetail_aspx #ProductDetail .RelatedProductOneSideParts .ListPriceTable .priceD .priceArea1{

  font-size: 1em;
}
@media (max-width: 767px){
  #ProductDetail .RelatedProductOneSideList li{
    width: calc((100% / 2) - 30px);
  }
}
@media (max-width: 500px){
  #ProductDetail .RelatedProductOneSideList li{
    width: calc((100% / 2) - 30px);
  }
}

.cart_aspx .cartList .selectBase{

}
@media (min-width: 769px) {
.cart_aspx .cartList .selectBase select{
  text-align: center;

}
}
@media(max-width:436px){
  .cart_aspx .cartList .selectBase select{
    text-align: center;
  
  }
}

#ProductDetail .StockMatrixPanel table{

}
.ItemInfoWrap .GrouopIconList .NewIcon{
  display: none;
}

.wrapper .selectBase.select01:empty {
  display: none;
}
/* 印刷時 */
@media print {
  .wrapper header,
  .wrapper header.fixed{
    display: none;
  }
  /*縮小時にトップページ画像が縮まる*/
.slick-track,
.slick-slide {
width: 100% !important;
height: auto !important;
}
.slick-initialized .slick-slide {
display: none !important;
}
.slick-initialized .slick-slide:first-child {
display: block !important;
left: 0 !important;
opacity: 1 !important;
}
}

/*cart present campaign*/

.wrapper .content .SelectCampaignPresentParts h2.PresentListCaption{
  font-size: 24px;
  color: #696969;
  letter-spacing: 1.1px;
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList, 
.wrapper .content .SelectCampaignPresentParts .cartList{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li, 
.wrapper .content .SelectCampaignPresentParts .cartList > li{
  width: calc((100% / 6) - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:10px;
  box-sizing:border-box;
  margin:20px 5px;
  border-bottom:none;
  background-color: #ffffff;
}
@media (max-width: 1060px){
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li, 
.wrapper .content .SelectCampaignPresentParts .cartList > li{
  width: calc((100% / 4) - 10px);
}}
@media (max-width: 700px){
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li, 
.wrapper .content .SelectCampaignPresentParts .cartList > li{
  width: calc((100% / 3) - 10px);
}}
@media (max-width: 500px){
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li, 
.wrapper .content .SelectCampaignPresentParts .cartList > li{
  width: calc((100% / 2) - 10px);
}}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li>*{
min-height:1%;
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li>img, 
.wrapper .content .SelectCampaignPresentParts .cartList > li>img{
width:100px;
height:100px;
margin-bottom:10px;
}
@media (max-width: 700px){
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li>img, 
.wrapper .content .SelectCampaignPresentParts .cartList > li>img{
width:80px;
height:80px;
margin-bottom:5px;
}
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox, 
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox{
  width:100%;
  display: flex;
  flex-direction: column;
  margin-right: 0;
  height: calc(100% - 110px);
  align-items: center;
}
@media (max-width: 700px){
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox, 
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox{
  height: calc(100% - 85px);
}
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox>*, 
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox>*{
min-height:1%;
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox>div, 
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox>div{
margin-top:auto;
}
@media (max-width: 700px){
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox .btnColor.btnCart, 
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox .btnColor.btnCart{
  font-size: 12px;
  padding: 7px 5px;
}
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox .btnColor.btnCart:before, 
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox .btnColor.btnCart:before{
content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 0.5em;
  vertical-align: middle;
background-image: url(/store/Images/Common/icon/ico_cartWhite.svg);
  margin-top: -6px;
}
.wrapper .primaryStyle.contentsBox .SelectCampaignPresentParts .cartList > li .dataBox.textBox btnColor.disable:before,
.wrapper .content .SelectCampaignPresentParts .cartList > li .dataBox.textBox .btnColor.disable:before{
background-image: url(/store/Images/Common/icon/ico_cartGray.svg);
}
.SelectCampaignPresentParts+.ErrorMessageBox{
  color: red;
  text-align: center;
  font-weight: 600;
}

.wrapper#store .itemList li.product.stock0 .ItemImageWrap:after,
.wrapper#store .itemList li.stock0 .ItemImageWrap:after{
  content: "SOLD OUT";
  background-color: rgba(0,0,0,0.4);
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-indent: 0.2em;
}
.wrapper#store .itemList li.stock0.unavailable .ItemImageWrap:after,
.wrapper#store .itemList li.unavailable .ItemImageWrap:after,
.wrapper#store .itemList li.product.stock0.unavailable .ItemImageWrap:after,
.wrapper#store .itemList li.stock0.unavailable .ItemImageWrap:after{
  content: "販売終了";
  background-color: rgba(0,0,0,0.4);
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-indent: 0.2em;
}

/* カートおすすめ */
.wrapper#store.cart_aspx .shopMessage .mainTit{
margin-bottom: 20px;
}

.wrapper#store.cart_aspx .UseGoodsPresentCoupon {border: #cccccc solid 1px;margin-top:8px;}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl{}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dt{padding:15px 15px 0px 15px;}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dd{padding:15px 15px;}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dd input[type="text"] {margin:0;padding:8px;border: 1px solid #cccccc;}
.wrapper#store.cart_aspx .UseGoodsPresentCoupon dl dd input[type="submit"] {margin:0 0 0 10px ;}
.wrapper .btnLine{
border-bottom: 1px solid #000;
}
.wrapper .btnLine:hover {
color: #f2a6b4;
border-bottom: 1px solid #f2a6b4;
}
.QuestionnaireInputBody .radioArea{
  
}