@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');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&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: #D93724;
    --subKeyColor: #FF5253;
    --bgColor: #f8f7f4;
    --btnColor: #D93724;
    --btnColorHover: #c33120;
    --red: #D93724;
    --yellow: #FFCC6A;
    --orange: #FF8A46;
    --darkgray: #4C4C4C;
    --lightColor:#f7d7d3;
    --relativeColor: #4ABAFF;
}
/*
#D93724:ボタンや重要性の高いのは#D93724
#FF5253:2番めに重要な色は#FF5253
#4ABAFF:補色はそこまで決まってないけどあまり使ってない、投稿ボタン押下の　投稿　のときの色が#4ABAFF
#FF8A46:コンポーネント上もあまりでてこないけど、ユーザーのカタチだったり（昔あった）パーツレビューの色だったりに使ってた
#FFCC6A:コンポーネント上もあまりでてこないけど、ユーザーのカタチだったり（昔あった）パーツレビューの色だったりに使ってた
#9E9E9E:ラインやStrokeは#9E9E9E
var(--yellow);:文字色は通常var(--yellow);
#4C4C4C:を必要に応じて
*/
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;
}

/* --------------------------------
        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: #c81e00;
}
.text .black {
  color: #111111;
}
.text .blue {
  color: var(--keyColor);
}

.categoryimg_head{
margin-bottom:10px;
}

.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: var(--yellow);;
  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;
}
.is-fixed{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 80;
}
@media (min-width: 768px) {
.wrapper#store .pc_display{
display:block;
}
.wrapper#store .sp_display{
display:none;
}
.wrapper#store .spMin_display{
  display:none; 
}
}
@media (max-width: 767px) {
.wrapper#store .pc_display{
display:none;
}
.wrapper#store .sp_display{
display:block;
}
.wrapper#store .spMin_display{
  display:none; 
}
}
@media (max-width: 500px) {
.wrapper#store .spMin_display{
  display:inline-block; 
}}
.wrapper {
letter-spacing: 0.06em;
  /* settingBox */
}
body .wrapper:not(.productdetail_aspx),
body .wrapper {
    overflow: initial;
    overflow-x: initial;
}
.wrapper .contentInner{
overflow-x:hidden;
}
.promotion_aspx div.content,
.productdetail_aspx div.content,
.categorylist_aspx div.content,
.productlist_aspx div.content{
    max-width: none;
    padding-right:0;
    padding-left:0;
    padding-top:20px;
}
.wrapper .settingBox, .wrapper .decisionBox, .wrapper .orderBox {
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  /* iOSでのデフォルトスタイルをリセット */
}
@media (max-width: 767px) {
  .wrapper .settingBox, .wrapper .decisionBox, .wrapper .orderBox {
    margin-top: 20px;
  }
}
.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;
  }
}
.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;
    color: #fff;
    border: 2px solid var(--keyColor);
    background-color: var(--keyColor);
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom:8px;
}
.wrapper .settingBox .status.disable, .wrapper .decisionBox .status.disable, .wrapper .orderBox .status.disable {
  border: 2px solid #222222;
  color: #222222;
}
.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: #222222;
  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: #222222;
  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;
  }
}
.noshiInput span {
    display: block;
    margin: 10px;
}
.noshiInput input {
padding:10px;
}

.wrapper .cartList li {
  display: flex;
  align-items: flex-start;
  flex-wrap:wrap;
  background-color: #ffffff;
}
.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:#222;
}
.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,
.cart_aspx .cartBox .cartList{
  padding: 20px;
  border: none;
}
@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 .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 #222;
    border-right: 2px solid #222;
    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;
}

@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;
  }
}
/* --------------------------------
        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: #222;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*-webkit-font-smoothing: antialiased;*/
  -moz-osx-font-smoothing: grayscale;
}
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 {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  /*breadcrumbs*/
  /*breadcrumbsEX*/
  /* ↓↓↓↓↓↓ 不要 ↓↓↓↓↓↓ */
  /* ↑↑↑↑↑↑ 不要 ↑↑↑↑↑↑ */
}
.wrapper .headerBase,
.wrapper .header__inner {
  width: 100%;
  /*padding: 10px 20px;*/
  box-sizing: border-box;
  background-color: #ffffff;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  /*position: fixed;
  top: 0;
  left: 0;*/
  z-index: 1000;
}
@media (min-width: 767px) {
  .wrapper .headerBase,
  .wrapper .header__inner {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.wrapper .headerBase .headerLogo a,
.wrapper .header__inner .headerLogo a {
  width: 130px;
  height: 50px;
  display: inline-block;
  background-image: url("../Images/Common/logo.svg");
  background-position: center;
  background-size: auto 50px;
  background-repeat: no-repeat;
  text-indent: -1000%;
}
.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: 40px;
}
.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: 30px;
}
.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: var(--btnColorHover);
border: 1px solid  var(--btnColorHover);
}
.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 .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;
  border-radius: 30px;
}
.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: 30px;
}
.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:var(--lightColor);
}
.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 #222;
  color: #222;
}
.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: 8px;
    height: 8px;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
}
.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 .btnTxt.Cancelbtn:after{
  content: "\e5cd";
  font-family: 'Material Symbols Outlined';
  font-size: 1.5em;
  line-height: 1;
  width: 1em;
  height: 1em;
  transform: none;
  position: absolute;
  display: block;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: none;
}
.wrapper .btnBorder.arrow:after,
.wrapper .btnColor.arrow:after,
.wrapper .btnColor.btnNext:after,
.wrapper .btnBorder.targetBlank:after,
.wrapper .btnColor.targetBlank:after{
  right: 5px;
}
.wrapper .btnBorder.arrow:after,
.wrapper .btnColor.arrow:after,
.wrapper .btnColor.btnNext:after{
  content: "\e5c8";
}
.wrapper .btnBorder.targetBlank:after,
.wrapper .btnColor.targetBlank:after{
  content: "\e89e"; 
}
.wrapper .btnBorder.arrow:hover:after,
.wrapper .btnColor.arrow:hover:after,
.wrapper .btnColor.btnNext:hover:after,
.wrapper .btnColor.targetBlank:hover:after,
.wrapper .btnBorder.targetBlank:hover:after{
  right: 8px;
}
.wrapper .btnBorder.arrow:after,
.wrapper .btnColor.arrow:after,
.wrapper .btnColor.arrow.prev:after,
.wrapper .btnColor.btnNext:after,
.wrapper .btnBorder.arrow.prev:after,
.wrapper .btnColor.targetBlank:after,
.wrapper .btnBorder.targetBlank:after{
  font-family: 'Material Symbols Outlined';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  transform: none;
  border: none;
}
.wrapper .btnColor.btnNext:after,
.wrapper .btnColor.arrow:after,
.wrapper .btnColor.arrow.prev:after,
.wrapper .btnColor.targetBlank:after{
  color: #fff;
}
.wrapper .btnBorder.arrow:after,
.wrapper .btnBorder.arrow.prev:after,
.wrapper .btnBorder.targetBlank:after{
  color: var(--btnColor);
}
.wrapper .btnBorder.arrow.prev:after,
.wrapper .btnColor.arrow.prev:after{
  content: "\e5c4";
  left: 5px;
  right: auto;
}
.wrapper .btnBorder.arrow.prev:after:hover,
.wrapper .btnColor.arrow.prev:hover:after{
  left: 8px;
}
.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 .lineArrow{

}
.wrapper .lineArrow:before{
}
.wrapper .btnColor .lineArrow,
.wrapper .btnBorder .lineArrow{
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1em;
    width: 1em;
    height: 1em;
}
.wrapper .btnColor .lineArrowBack,
.wrapper .btnBorder .lineArrowBack{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.wrapper .btnColor .lineArrow{
    color: #fff;
}
.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:disabled {
  cursor:not-allowed;
}
.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 #222;
    border-bottom: 2px solid #222;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px + 2px);
    right: 16px;
    z-index: 11;
    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 #222222;
}
.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;
}
.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 p 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: -5px;
}
.wrapper .listText li p a:hover {
  opacity: 0.8;
}
.wrapper .listText li p a:hover:after {
  right: -10px;
}
.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;
}
.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;
  overflow: hidden;
}
#store.wrapper .tabMenu .step{
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#store.wrapper .tabMenu .step li{
  background-color: #fff;
}
@media (max-width: 899px) {
  #store.wrapper .tabMenu .step li{
    text-align: center;
}}
@media (max-width: 899px) {
  #store.wrapper .step {
    flex-direction: column;
  }
    #store.wrapper .tabMenu .step{
        flex-direction: row;
        font-size: clamp(10px, 2.5vw, 14px);
        line-height: 1.2;
    }
}
#store.wrapper :not(.tabMenu) .step{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
#store.wrapper .step li {
  padding: 15px 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%;
    text-align: left;
  }
}
#store.wrapper :not(.tabMenu) .step li {
  width: calc(100% / 3);
  text-align:center;
}

#store.wrapper .step li span {
  margin-right: 10px;
  display: inline-block;
  font-weight: bold;
}

#store.wrapper .tabMenu .step li span,
.wrapper#store.top_aspx .mainArea #tab2 .step li span.stepTitle{
  display: block;
  line-height: 1;
  font-size: 0.8em;
}
@media (max-width: 768px) {
#store.wrapper :not(.tabMenu) .step{
    font-size: clamp(10px, 2.5vw, 14px);
    line-height: 1.2; 
    margin-top: 20px;
  }
#store.wrapper :not(.tabMenu) .step li{
  padding: 0px 10px;
  height: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
#store.wrapper :not(.tabMenu) .step li span{
  display: block;
  line-height: 1;
  margin-right: 0;
  margin-bottom: 0.2em;
}}
.wrapper#store.top_aspx .mainArea #tab2 .step li{
    padding: 6px 20px;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 899px) {
  .wrapper#store.top_aspx .mainArea #tab2 .step li{
    padding: 6px 10px;  
}}
@media (max-width: 500px) {
  .wrapper#store.top_aspx .mainArea #tab2 .step li{
    height: 50px;
}}
  .wrapper#store.top_aspx .mainArea #tab2 .step>li:not(:first-child) p{
position:relative;
left:7px;
}
  .wrapper#store.top_aspx .mainArea #tab2 .step>li:last-child p{
left:4px;
}
#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;
}

  #store.wrapper .step li:not(:last-child):before {
    border-left: 13px solid #ffffff;
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    right: -13px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #store.wrapper .tabMenu .step li:not(:last-child):before{
    border-left: 13px solid #222;
}
/*
@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 .tabMenu .step li:not(:last-child):before{
    border-top: 12px solid #222;
}
}*/
#store.wrapper .step li:not(:last-child):after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  z-index: 1;
}
  #store.wrapper .step li:not(:last-child):after {
    border-left: 12px solid #eee;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    right: -11px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #store.wrapper .tabMenu .step li:not(:last-child):after {
    border-left: 12px solid #fff;
}
/*@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;
  }
  #store.wrapper .tabMenu .step li:not(:last-child):after {
    border-top: 10px solid #fff;
}
}*/

  #store.wrapper .step li:not(:first-child) {
    padding-left: 30px;
  }

#store.wrapper .step.step1 li:nth-child(1),
#store.wrapper .step.wrap1 li:nth-child(1) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .tabMenu .step.wrap1 li:nth-child(1){
  background-color:var(--yellow);
}
#store.wrapper .step.1 li:nth-child(1):before {
  content: none;
}

  #store.wrapper .step.step1 li:nth-child(1):after,
  #store.wrapper .step.wrap1 li:nth-child(1):after {
    border-left: 12px solid var(--keyColor);
  }
  #store.wrapper .tabMenu .step.wrap1 li:nth-child(1):after {
    border-left: 12px solid var(--yellow);
}
/*@media (max-width: 899px) {
  #store.wrapper .step.step1 li:nth-child(1):after,
  #store.wrapper .step.wrap1 li:nth-child(1):after {
    border-top: 10px solid var(--keyColor);
  }
#store.wrapper .tabMenu .step.wrap1 li:nth-child(1):after {
    border-top: 10px solid var(--yellow);
}
}*/
#store.wrapper .step.step2 li:nth-child(2),
#store.wrapper .step.wrap2 li:nth-child(2) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .tabMenu .step.wrap2 li:nth-child(2) {
  background-color: var(--yellow);
}
#store.wrapper .step.step2 li:nth-child(2):before,
#store.wrapper .step.wrap2 li:nth-child(2):before {
  content: none;
}

  #store.wrapper .step.step2 li:nth-child(2):after,
  #store.wrapper .step.wrap2 li:nth-child(2):after {
    border-left: 12px solid var(--keyColor);
  }
  #store.wrapper .tabMenu .step.wrap2 li:nth-child(2):after {
    border-left: 12px solid var(--yellow);
}
  #store.wrapper .tabMenu .step.wrap2 li:nth-child(2):before{
    border-left: 13px solid #222;
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 1;
}
/*@media (max-width: 899px) {
  #store.wrapper .step.step2 li:nth-child(2):after,
  #store.wrapper .step.wrap2 li:nth-child(2):after {
    border-top: 10px solid var(--keyColor);
  }
  #store.wrapper .tabMenu .step.wrap2 li:nth-child(2):after {
    border-top: 10px solid var(--yellow);
}
}*/
#store.wrapper .step.step3 li:nth-child(3),
#store.wrapper .step.wrap3 li:nth-child(3) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .tabMenu .step.wrap3 li:nth-child(3) {
  background-color: var(--yellow);
}
  #store.wrapper .tabMenu .step.wrap2 li:nth-child(2):before{
    border-left: 13px solid #222;
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 1;
}

  #store.wrapper .step.step3 li:nth-child(3):after,
  #store.wrapper .step.wrap3 li:nth-child(3):after {
    border-left: 12px solid var(--keyColor);
  }
  #store.wrapper .step.wrap3 li:nth-child(3):after {
    border-left: 12px solid var(--yellow);
}
/*@media (max-width: 899px) {
  #store.wrapper .step.step3 li:nth-child(3):after,
  #store.wrapper .step.wrap3 li:nth-child(3):after {
    border-top: 10px solid var(--keyColor);
  }
  #store.wrapper .tabMenu .step.wrap3 li:nth-child(3):after {
    border-top: 10px solid var(--yellow);
}
}*/
#store.wrapper .step.step4 li:nth-child(4),
#store.wrapper .step.wrap4 li:nth-child(4) {
  background-color: var(--keyColor);
  color: #ffffff;
}
#store.wrapper .tabMenu .step.wrap4 li:nth-child(4) {
  background-color: var(--yellow);
}
#store.wrapper .step.step4 li:nth-child(4):before,
#store.wrapper .step.wrap4 li:nth-child(4):before {
  content: none;
}

  #store.wrapper .step.step4 li:nth-child(4):after,
  #store.wrapper .step.wrap4 li:nth-child(4):after {
    border-left: 12px solid var(--keyColor);
  }
  #store.wrapper .step.wrap4 li:nth-child(4):after {
    border-left: 12px solid var(--yellow);
}

/*@media (max-width: 899px) {
  #store.wrapper .step.step4 li:nth-child(4):after,
  #store.wrapper .step.wrap4 li:nth-child(4):after {
    border-top: 10px solid var(--keyColor);
  }
  #store.wrapper .step.wrap4 li:nth-child(4):after {
    border-top: 10px solid var(--yellow);
}
}*/
#store.wrapper .step.step5 li:nth-child(5) {
  background-color: #FD6533;
  color: #ffffff;
}
#store.wrapper .step.step5 li:nth-child(5):before {
  content: none;
}

  #store.wrapper .step.step5 li:nth-child(5):after {
    border-left: 12px 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: 120px;
  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;
  font-size: 0.9em;
  display: flex;
  flex-wrap: wrap;
}
.wrapper .BreadCrumbsEx li:after {
  content: " > ";
  margin:0 10px;
}
.wrapper .BreadCrumbsEx li:last-child:after {
  content: "";
}
.wrapper section.templateBase,
.wrapper .contBlock {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 40px;
  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: #222222;
  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: #222222;
  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: 10px;
    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;
  }
  .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,
  .divideshipping_aspx .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,
  .divideshipping_aspx .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: auto;*/
  /*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 #ProductDetail .ReverseCategory {
    margin-bottom: 60px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
padding: 10px 0;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ReverseCategory h3 {
    color: #222;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    background-color: transparent;
    font-weight: 500;
}
.wrapper.productdetail_aspx .baseWrap #ProductDetail .ReverseCategory ul{
font-size:100%;
margin-bottom:10px;
}
.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.productdetail_aspx .ListPriceTable .PriceTitleB {
}
.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,
.wrapper.productdetail_aspx .PriceDiv2,
.wrapper.productdetail_aspx .TaxRatio{
margin-bottom:10px;}
.wrapper.productdetail_aspx .Price .ListPriceTable .priceB .priceArea1,
.wrapper.productdetail_aspx .PriceDiv2 .ListPriceTable .priceB .priceArea1
{
}

.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1 .priceUnit {
  font-size: 1em;
}
.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1 .priceNumeric{
    display: flex;
    align-items: center;
}
/*
.wrapper.productdetail_aspx .ListPriceTable .priceB .priceArea1 .priceNumeric:after {
    content: "(税込)";
    display: inline-block;
    font-weight: normal;
    font-size: 0.6em;
    margin-left: 0.5em;
    color:#222;
}
*/
.wrapper.productdetail_aspx .ListPriceTable .priceArea2 {
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv4 {
    display: flex;
    align-items: center;
  width: 100%;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv4 .UnitDiscountPriceTitle{
	font-weight:normal;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv4 .ListPriceTextC{
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv4 .priceC{
    display: flex;
    align-items: center;
    color: var(--red);
    font-size: 1.2em;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .ListPriceDiv4 .priceC .priceArea1{
    display: flex;
    align-items: center;
    color: var(--red);
}

.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .discountRate{
    background-color: var(--red);
    display: inline-block;
    font-size: 0.8em;
    font-weight: normal;
    color: #fff;
    padding: 3px;
		margin-left:5px;
}
*/

.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: #222;
  border-bottom: 1px solid #222;
  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;
  font-weight: 500;
  width:100%
}
.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: 0px;
    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;
    margin-bottom: 5px;*/
}
.GrouopIconList p {
    border-radius: 10px; 
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 8px;
    line-height: 1;
    display: inline-block;
}
.productdetail_aspx .GrouopIconList p {
    margin:0px 4px 4px 0;
}

.wrapper.productlist_aspx .GrouopIconList p:not(.NewIcon),
.wrapper.categorylist_aspx .GrouopIconList p:not(.NewIcon){
padding:3px;
}
.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{


}
/*.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 {
    border: 1px solid var(--keyColor);
    background-color: #fff;
    color: var(--keyColor);
    vertical-align: middle;
    padding: 3px 8px;
    border-radius: 0;
    box-sizing: border-box;
	display:inline-block;
}
.GrouopIconList p.NewIcon {
    border: 1px solid var(--keyColor);
    background-color: var(--keyColor);
    color: #fff;
}

.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: 10px;}
.itemList .ItemInfoWrap .GrouopIconList p:nth-child(n+4) {display:none !important;}


@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;
}

.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(/online/images/common/number/01.svg);
}
.wrapper.top_aspx .listBox li:nth-child(2) .number {
  background-image: url(/online/images/common/number/02.svg);
}
.wrapper.top_aspx .listBox li:nth-child(3) .number {
  background-image: url(/online/images/common/number/03.svg);
}
.wrapper.top_aspx .listBox li:nth-child(4) .number {
  background-image: url(/online/images/common/number/04.svg);
}
.wrapper.top_aspx .listBox li:nth-child(5) .number {
  background-image: url(/online/images/common/number/05.svg);
}
.wrapper.top_aspx .listBox li:nth-child(6) .number {
  background-image: url(/online/images/common/number/06.svg);
}
.wrapper.top_aspx .listBox li:nth-child(7) .number {
  background-image: url(/online/images/common/number/07.svg);
}
.wrapper.top_aspx .listBox li:nth-child(8) .number {
  background-image: url(/online/images/common/number/08.svg);
}
.wrapper.top_aspx .listBox li:nth-child(9) .number {
  background-image: url(/online/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(/online/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(/online/images/common/icon/ico_ranking_gold.svg);
}
.wrapper .SalesRankingParts .listContent li:nth-child(2):before {
  background-image: url(/online/images/common/icon/ico_ranking_silver.svg);
}
.wrapper .SalesRankingParts .listContent li:nth-child(3):before {
  background-image: url(/online/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(/online/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(/online/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("/online/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(/online/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(/online/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(/online/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(/online/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(/online/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.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;
}
@media (min-width: 767px) {
  .account_aspx .mypage--headArea .mypage--headArea--btnArea {
    position: static;
  }
}
@media (max-width: 767px) {
  .account_aspx .mypage--headArea .mypage--headArea--btnArea > .btnBorder {
    padding: 8px 10px;
  }
}
.account_aspx .mypage--headArea .text {
  text-align: left;
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li {
  margin-bottom: 40px;
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li span {
  padding: 20px 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li span:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li dl dt {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  text-indent: -1000%;
  padding: 30px 0;
  margin-bottom: 10px;
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li dl dt.textMenu {
  text-indent: 0;
  font-size: 18px;
  line-height: 28px;
  line-height: 1;
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--menberInfoUpdate dl dt {
  background-image: url(../images/common/mypage_Member.png);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--oderHistory dl dt {
  background-image: url(../images/common/mypage_PurchaseSetting.png);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--favorite dl dt {
  background-image: url(../images/common/mypage_Bookmark.png);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--pointHistory dl dt {
  background-image: url(../images/common/mypage_Point.png);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--AdressBook dl dt {
  background-image: url(../images/common/mypage_EditAddressBook.png);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--memberRemove dl dt {
  background-image: url(../images/common/mypage_ResignMember.png);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--menberInfoUpdate span:before {
  background-image: url(../images/common/icon/ico-app_usersetting_w.svg);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--oderHistory span:before {
  background-image: url(../images/common/icon/ico-app_orderhistory_w.svg);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--favorite span:before {
  background-image: url(../images/common/icon/ico-app_bookmark_w.svg);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--pointHistory span:before {
  background-image: url(../images/common/icon/ico-app_pointhistory_w.svg);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--AdressBook span:before {
  background-image: url(../images/common/icon/ico-app_adressbook_w.svg);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--memberRemove span:before {
  background-image: url(../images/common/icon/ico-app_unsubsribe_w.svg);
}
.account_aspx .mypage--contentArea .mypage--contentArea--menuList li.btn--receiptSubmit span:before {
  background-image: url(../images/common/icon/ico_app_receipt_w.svg);
}
@media (min-width: 767px) {
  .account_aspx .mypage--contentArea .mypage--contentArea--menuList {
    display: flex;
    flex-wrap: wrap;
  }
  .account_aspx .mypage--contentArea .mypage--contentArea--menuList li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 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,
.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;
}
.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;
}
}
.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{
display:none;
}
.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,
.wrapper.checkout_aspx .checkoutBox.PaymentMethodBox .inputContents>div#payment99999999{display:none;}
.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 .boxRadio .box dl dd {
  margin-bottom: 20px;
}
.confirmation_aspx .boxRadio .box dl dd.day {
  display: flex;
    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 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;
  }
.passcode_aspx  .inputBox .inputContents{
    margin: 0 auto;
}
}
.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{
  max-width: 220px;
}
@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;
}

.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;
  }
}

.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 {
}
.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;
  }
}


.wrapper.orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox .printbtnBox {
    width: 100%;
    display: flex;
    justify-content: flex-end;;
}
.wrapper.orderhistorydetail_aspx .settingBox.checkoutBox .cartBox.shippingBox .printbtnBox button{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    padding: 0.5em 2em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.wrapper .nott:hover {
  opacity: 1;
  background-color: #fff; 
  cursor:default;
}
.ui-widget-header{
    background-color: #000!important;
    border: 1px solid #000!important;
}
.ui-widget-content {
  position: relative;
  z-index: 1002;
}

.userregist_aspx .box_input,
.setshipping_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,
  .setshipping_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,
.setshipping_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,
.setshipping_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,
  .setshipping_aspx .inputBox,
  .addressbookregist_aspx .inputBox,
  .inquiry_aspx .inputBox,
  .QuestionnaireFrame .inputBox {
    border-bottom: none;
  }
}
.userregist_aspx .inputBox dt,
.setshipping_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,
  .setshipping_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: #222;
  }
}
.userregist_aspx .inputBox dd,
.setshipping_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,
  .setshipping_aspx .inputBox dd,
  .addressbookregist_aspx .inputBox dd,
  .inquiry_aspx .inputBox dd,
  .QuestionnaireFrame .inputBox dd {
    width: 100%;
  }
}
.userregist_aspx .inputBox dd.box_tell .box,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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 .radioArea,
.setshipping_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"],
.setshipping_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,
.setshipping_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,
  .setshipping_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,
.setshipping_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,
  .setshipping_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,
.setshipping_aspx .inputBox dd .a.fg-button,
.addressbookregist_aspx .inputBox dd .a.fg-button,
.inquiry_aspx .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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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 {
  margin-bottom: 10px;
}
.userregist_aspx .inputBox.fileUpLoad dd p,
.setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_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,
  .setshipping_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,
.setshipping_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,
.setshipping_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,
.setshipping_aspx .UserRegistDescription,
.addressbookregist_aspx .UserRegistDescription,
.inquiry_aspx .UserRegistDescription,
.questionnaire_aspx .UserRegistDescription {
  width: 100%;
}
.userregist_aspx .errormsg,
.setshipping_aspx .errormsg,
.addressbookregist_aspx .errormsg,
.inquiry_aspx .errormsg,
.questionnaire_aspx .errormsg{
  width: 100%;
}
.userregist_aspx .btnBox.center,
.setshipping_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,
.setshipping_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"],
.setshipping_aspx input[type="radio"],
.setshipping_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;
}


.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 {
  background-color: #efefef;
  width: 100%;
  max-width: 800px;
  margin: 40px auto 40px auto;
  padding: 40px 20px;
}
.wrapper.mailmagazinemember_aspx .inputBox{
    display:block;}
@media (min-width: 1080px){
.wrapper.mailmagazinemember_aspx .inputBox{
    display:block;
}}
.wrapper.mailmagazinemember_aspx .inputBox .inputContents.inputBase{
    margin:10px auto 20px auto;
    background: #fbfafa;
    text-align: center;
}
.wrapper.information_aspx .text .Message {
  font-weight: normal;
}

.wrapper .CouponList li {
  display: flex;
  align-items: center;
  padding: 10px 5px 5px 5px;
}
@media (max-width: 767px) {
  .wrapper .CouponList li {
    display: block;
  }
}
.wrapper .CouponList li .couponArea {
  width: calc(100% - 60px);
  border-right: 1px dotted #222;
  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: #222;
  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: #222;
  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: #222;
  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: #222;
}

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

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

.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: #222;
}

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

.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: #222;
  /*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 #222;
  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: #222;
  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;
  }
}
/* --------------------------------
        newsListParts
-------------------------------- */
.wrapper .newsList {
  text-align: center;
}
.wrapper .newsList li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
    width: 100%;
  border-bottom:solid 1px #ccc;
  padding:10px 0;
}
.wrapper .newsList li .NewsListDetailSubTitle {
  font-size: 0.8em;
  width: 80px;
  display: block;
  border: 1px solid #222;
  margin-right: 1em;
  text-align: center;
  display: none;
}
.wrapper .newsList li .date {
  width: 100px;
    text-align: left;
}
.wrapper .newsList li > a{
  width: calc(100% - 120px);
  display: flex;
  align-items: center;
justify-content: space-between;
}
.wrapper .newsList li > a:hover{
  color:var(--keyColor);
}
.wrapper .newsList li .WhatsNewLink {
  text-align: left;
}
.wrapper .newsList li > a .WhatsNewLink:hover {
text-decoration:underline;
text-underline-offset:3px;
}

.wrapper .newsList li span.lineArrow {
  width: 30px;
}
.wrapper .newsList li span.material-symbols-outlined{
    font-size: 18px;
    color:var(--keyColor);
}
@media (max-width: 767px) {
  .wrapper .newsList li > a {
    width: 100%;
  }
}

.wrapper#store.newslist_aspx  h2.title {
    color: #222;
    position: relative;
    margin: 0 0 40px 0;
    font-size: 22px;
    line-height: 35.2px;
    font-weight: 700;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper#store.newslist_aspx  h2.title span:before {
    position: absolute;
    top: 48px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: var(--keyColor);
}



/* --------------------------------
        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 .ProductListHeader {
  display:flex;
    justify-content: space-between;
    align-items: center;
  margin-bottom:20px;
}
.wrapper.bookmarklist_aspx .ProductListHeader .checkBase{
  text-align:right;
  margin:0;
}

.wrapper.bookmarklist_aspx .btnColor input[type='submit']{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; 
  background :transparent;
}
.wrapper.bookmarklist_aspx .listContent li a.disable {
  pointer-events: visible;
}
.wrapper#store.bookmarklist_aspx .ProductList li .btnBox {
  width:100%;
  text-align:center;
  margin:20px auto;
}
.wrapper#store.bookmarklist_aspx .ProductList li .btnColor.btnAddToCatAjax  {
  margin:auto;
  display:block;
  background: linear-gradient(to bottom, #ffd653 0, #f5b300 100%);
  border: 1px solid #f5b300;
}
.wrapper#store.bookmarklist_aspx .ProductList li .btnColor.btnAddToCatAjax:hover {
    background:linear-gradient(to bottom, #f38a00 0, #ef6c00 100%);
    border: 1px solid #ef6c00;
}

.wrapper#store.bookmarklist_aspx .ProductList li .btnColor.btnAddToCatAjax:before {
    background-image: url(../Images/Common/icon/ico_cartWhite.svg);
    margin-top: -6px;
}
.wrapper#store.bookmarklist_aspx .ProductList li  a.btnBorder.disable {
  width: 80%;
  margin:auto;
  display:flex;
}

/* --------------------------------
        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%;
  z-index: 1001;
}
@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;
}
.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(/online/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 .item_colSlider .itemList.swiper-wrapper{
  flex-wrap: nowrap;
  width: width:100%;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}
@media (max-width: 500px) {
  #store .itemList {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
    box-sizing: border-box;
  }
#store .item_colSlider .itemList.swiper-wrapper{
  width: width:100%;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}
}
#store .itemList li, #store .itemList > * {
  margin: 20px 10px 40px 10px;
}
#store .item_colSlider .itemList.swiper-wrapper li, 
#store .item_colSlider .itemList.swiper-wrapper > * {
  margin: 20px 0px 40px 0px;
}
@media (max-width: 500px) {
  #store .itemList li, #store .itemList > * {
    padding: 0 10px 10px 10px;
    margin: 10px 10px;
    box-sizing: border-box;
  }
#store .item_colSlider .itemList.swiper-wrapper li, 
#store .item_colSlider .itemList.swiper-wrapper > * {
    margin: 10px 0px;
}
}
@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% / 4) - 20px);
}
@media (max-width: 1000px) {
  #store .itemList.list-col4 li, #store .itemList.list-col4 > * {
    width: calc((100% / 2) - 20px);
  }
}
@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);
  }
}



/*SalesBest*/
.wrapper .SalesRankingParts .listContent li:first-child:before {
    background-image: url(/online/images/common/icon/ico_ranking_gold.svg);
}
.wrapper .SalesRankingParts {
    margin-top: 20px;
}
.wrapper .SalesRankingParts .listContent {
    counter-reset: number 0 !important;
}
.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: 768px){
.wrapper#store.productdetail_aspx .baseWrap.contentsBox,
.wrapper#store.productdetail_aspx{
    overflow:initial;
}

.wrapper#store #ProductDetail .ProductDetailWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:60px;
	grid-gap:20px;
}
.wrapper#store #ProductDetail .ProductDetailWrap__left{
    width: 30%;
    max-width: 400px;
    position: relative;
}
.wrapper#store #ProductDetail .ProductDetailWrap__right{
    width: 65%;
    max-width: 850px;
    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{
    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 #222;
    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 #222;
    border-right: 2px solid #222;
    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;}
.wrapper#store #ProductDetail .ProductDetailWrap .container:not(:has(li)){
  padding-bottom: 100%;
  border:1px solid #ccc;
}
.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 .nav{
    margin: 0px;
    width: 100%;
}
.wrapper#store #ProductDetail #divProductImages .nav ul{
    width: calc(100% + 8px);
    margin-left: -4px;
}
.wrapper#store #ProductDetail #divProductImages .nav img{
    width: 100%;
}
.wrapper#store #ProductDetail #divProductImages .nav.thumbnail ul .slick-track {
transform:unset!important;
}

.wrapper#store #ProductDetail #divProductImages .nav.thumbnail ul li.slick-current{
outline:1px solid var(--keyColor);
}
.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:before, 
.wrapper#store #ProductDetail #divProductImages .slick-next:before{
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    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{
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    text-align: left;
    padding: 0 0 8px 0;
    box-sizing:border-box;
}
@media (max-width: 768px){
.wrapper#store #ProductDetail .GoodsCopyright{
    font-size: 16px;
    line-height: 1.75;
}}
.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 20px 0px;
    display: flex;
    align-items: center;
}
@media (max-width: 768px){
.wrapper#store #ProductDetail .ProductName{
    font-size: 22px;
}
}
.wrapper#store #ProductDetail .GoodsCaption{
}

.wrapper#store #ProductDetail .ProductName img.newitemIcon{
    vertical-align: middle;
    display: inline-block;
    width: 51px;
    height: 19px;
    display:none;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>*{
    width: calc(50% - 20px);
    box-sizing: border-box;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart{
    border-radius: 10px;
    padding: 20px;
    background-color: #f5f5f5;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center{
    flex-direction: column;
    margin-bottom:60px;
    gap:10px;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart,
.wrapper#store #ProductDetail .btnBox.center #btnBookMarkFolder{
    border-radius:0px;
    border:1px solid var(--keyColor);
    margin: 0 auto;
    max-width: 80%;
    padding: 10px 20px;
}
@media (max-width: 768px){
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center #btnBookMarkFolder{
max-width:none;}}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart{
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart:hover{
}

.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center a:first-child{margin-left:0;}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center a:nth-child(2){
    margin: 0 auto;
    max-width: 80%;
    padding: 10px 20px;
}
@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 .StockMatrixPanel,
.wrapper#store #ProductDetail .VariationSlideFooter,
.wrapper#store #ProductDetail .BookmarkCountWrap{display:none;}

.productdetail_aspx .stockoutIconFrame{
text-align:left;
display:block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom:0px;
}


.wrapper#store #ProductDetail .Information{
    font-size:100%;
    padding:0;
    margin-bottom:20px;
}

.wrapper#store #ProductDetail .Information dl{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}
.wrapper#store #ProductDetail .Information dl dt,
.wrapper#store #ProductDetail .Information dl dd{
    padding: 8px 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #ccc;
    text-align:left;
}
.wrapper#store #ProductDetail .Information dl dd.InquiryUrl{
word-break: break-all;
}
.wrapper#store #ProductDetail .Information dl dt{
    width: 150px;
    font-size:14px;
    line-height:24px;
    font-weight:500;
    text-align: left;
}
.wrapper#store #ProductDetail .Information dl dd{
    width: calc(100% - 150px);
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}
.wrapper#store #ProductDetail .Information dl dt:last-of-type,
.wrapper#store #ProductDetail .Information dl dd:last-of-type{
    border-bottom: none;
}
.wrapper#store #ProductDetail .Information 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 .Information .btnTxt.noarrow.border:hover{
border:none;
}

.wrapper#store #ProductDetail .itemCountWrap,
.wrapper.divideshipping_aspx  #ProductDetail .itemCountWrap{
display:flex;
}

.wrapper#store #ProductDetail .GoodsCaption {}
.wrapper#store #ProductDetail .btnTxt.InquiryGoods + .GoodsCaption {display:none;}


.wrapper#store #ProductDetail #VariationFlgStockDiv{
    margin: 0 auto;
}
.wrapper#store #ProductDetail #VariationFlgStockDiv:has(.soldout){
    padding: 0;
    border: none;
    margin: 0 auto;
}
/*
.wrapper#store #ProductDetail #VariationFlgStockDiv:not(.soldout) span:before{
	content:"在庫残り：";
}
*/

.wrapper#store #ProductDetail #VariationFlgStockDiv:has(.soldout) span:before{
	content:"";
}
.wrapper#store #ProductDetail .itemCount,.wrapper#store #ProductDetail #VariationFlgStockDiv dl{
    display: flex;
    align-items: center;
}
.wrapper#store #ProductDetail .itemCount dt,.wrapper#store #ProductDetail #VariationFlgStockDiv dt,
.divideshipping_aspx .itemCount dt{
    font-size: 18px;
    line-height: 36px;
    width: auto;
    font-weight: 500;
    text-align: left;
    margin-right: 20px;
}

.wrapper#store #ProductDetail .itemCount dd,
.divideshipping_aspx .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,
.divideshipping_aspx .itemCount input{
    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.btnBorder.Bookmarked,
.wrapper#store #ProductDetail .btnBorder.NotBookmarked{
    display: flex;
    align-items: center;
    justify-content: center;
}
.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;
margin-right:0.5em;
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;
}
/*#VariationSlideNew*/
.wrapper#store #ProductDetail .Recommend{

}
.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;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart{
    max-width: 100%;
    margin-bottom:20px;
}}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center{
    margin-bottom: 16px;
}
.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.top_aspx div.content .item_colSlider.itemList .swiper-slide{
height:auto;
}
.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 .itemList .btnColor{
background-color:var(--darkgray);
border:1px solid var(--darkgray);
width:90%;
margin:8px auto 16px auto;
text-align:center;
display:block;
}
.wrapper#store div.content .itemList .ItemImageWrap:hover+.ItemInfoWrap .btnColor,
.wrapper#store div.content .itemList a:hover .btnColor{
border:1px solid var(--keyColor);
color:var(--keyColor);
background-color:#fff;
}
.wrapper#store div.content .itemList .ItemImageWrap:hover+.ItemInfoWrap .btnColor .lineArrow,
.wrapper#store div.content .itemList a:hover .btnColor .lineArrow{
color:var(--keyColor);
}
.wrapper#store div.content .item_listSlider.itemList,
.wrapper#store div.content .centergradslider.itemList,
.wrapper#store .mainVis{
    opacity:0;
}
.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;
    background-color: #000;
    -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 #fff;
    border-right: 2px solid #fff;
    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;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail .DetailExplainWrap{
    margin-top:40px;
}}

.wrapper#store #ProductDetail .DetailExplainWrap p{
line-height:2;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail .DetailExplainWrap h2.tit{
font-size: 22px;
}}
@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 .DetailAddExplain h3{
}
.wrapper .SubTitle{
    font-size: 24px;
    line-height: 36px;
    display: inline-block;
		font-weight: 600;
}
.wrapper#store .SubComment{
    width:100%;
    margin: 10px auto 20px 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: #222;
}
.wrapper#store .RecommendTitle.mainTit{text-align:left;}
.wrapper#store .RecommendTitle a{display:none;}
.wrapper#store .mainTit{
    text-align: center;
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    margin-top: 40px;
}
.wrapper#store.top_aspx .mainTit,
.wrapper#store.productdetail_aspx .mainTit,
.wrapper#store .RecommendCategoryParts .mainTit{
    margin-top: 40px;
    text-align:left;
}
.wrapper#store .contTitle.mainTit.left{
    text-align:left;
}
.wrapper#store .contTitle.mainTit:first-child {
    margin-top: 0px;
}

@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.top_aspx .mainTit:first-of-type:first-letter{
color:#9eac95;
}
.wrapper#store.top_aspx .GroupNewsListParts .mainTit:first-letter,
.wrapper#store.groupnewslist_aspx .mainTit:first-letter{
color:#bd8b8e;
}
.wrapper#store.top_aspx .RecommendParts .mainTit:first-letter{
color:#a8364f;
}
.wrapper#store.top_aspx .NewsListParts .mainTit:first-letter{
color:#545c8d;
}
.wrapper#store.top_aspx .Ranking .mainTit:first-letter{
color:#915c32;
}
.wrapper#store.top_aspx .NewsListParts .mainTit:first-letter{
color:#515d8a;
}
.wrapper#store.top_aspx .RecommendCategory .mainTit:first-letter{
color:#688ca3;
}
.wrapper#store.top_aspx .RecommendCategory2 .mainTit:first-letter{
color:#85718f;
}
*/
.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: hidden;
}
@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:center;
}
.wrapper#store .itemList .NewIcon{
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wrapper#store .itemList li .ItemInfoWrap,
.wrapper#store .itemList div .ItemInfoWrap{
/*    margin-top: -100px;*/
    /*background-color: var(--bgColor);*/
    display: block;
    width: 100%;
    padding: 0.5em;
    /*opacity: 85%;*/
    box-sizing: border-box;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#111;
    position:relative;
}
.wrapper#store .itemList li .ItemInfoWrap:before,
.wrapper#store .itemList div .ItemInfoWrap:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    opacity: 85%;
    background-color: var(--bgColor);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.wrapper#store .mainArea>div.RecommendParts .itemList li .ItemInfoWrap:before,
.wrapper#store .mainArea>div.RecommendParts .itemList div .ItemInfoWrap:before,
.wrapper#store.productdetail_aspx .mainArea div.RecentlyViewedItemsWrap .itemList li .ItemInfoWrap:before, 
.wrapper#store.top_aspx .mainArea div.RecentlyViewedItemsWrap .itemList li .ItemInfoWrap:before, 
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area> div.RecentlyViewedItems .itemList li .ItemInfoWrap:before{
    background-color: #fff;
}
.wrapper#store .itemList li .ItemInfoWrap:before, 
.wrapper#store .itemList div .ItemInfoWrap:before,
.wrapper#store .itemList.RecentlyViewedItems div .ItemInfoWrap:before,
.wrapper#store .RecentOrderListParts .itemList div .ItemInfoWrap:before{
  background-color: #fff;
}
.wrapper#store .itemList li .ItemInfoWrap>*,
.wrapper#store .itemList div .ItemInfoWrap>*{
position:relative;
}
.wrapper#store .itemList li .ItemInfoWrap>a,
.wrapper#store .itemList div .ItemInfoWrap>a{
display:block;
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 .ItemInfoWrap:not(.categoryTag) div[id^="ProductIcon"]  img{
    width: auto;
    height: auto;
}
.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-top:5px;
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;
    text-align: left;
    font-size:12px;
}
.wrapper#store .itemList .ProductSize{
    text-align: left;
    margin-bottom:8px;
    font-weight:600;
}
.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: 80%;
/*image size fit*/
    aspect-ratio: 1 / 1;
    object-fit: contain;
/*image size fit end*/
    position: relative;
    display: block;
    margin:auto;
}
.wrapper#store .itemList.item_categorySlider div.swiper-slide .ItemImageWrap img{
    aspect-ratio: 2 / 1;
}
.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,
.wrapper#store .itemList li .ItemInfoWrap .price_area .priceC,
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .priceC{
    font-weight:600;
    font-size: 16px;
}
.wrapper#store .itemList li .ItemInfoWrap .price_area .ListPriceDiv4,
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv4,
.wrapper#store .itemList li .ItemInfoWrap .price_area .ListPriceDiv3,
.wrapper#store .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv3{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    font-weight:normal;
    font-size:1em;justify-content: flex-end;
}
.wrapper#store.guestmode .itemList li .ItemInfoWrap .price_area .ListPriceDiv3,
.wrapper#store.guestmode .itemList div.swiper-slide .ItemInfoWrap .price_area .ListPriceDiv3{
    justify-content: flex-start;
}
.wrapper#store .itemList .ItemInfoWrap .price_area .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceArea2,
.wrapper#store .itemList .ItemInfoWrap .price_area .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 .priceArea2{
}
.wrapper#store .itemList .ItemInfoWrap .price_area .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceArea2 .priceB2,
.wrapper#store .itemList .ItemInfoWrap .price_area .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 .priceArea2 .PriceC2{
	font-weight:normal;
}
.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(/online/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(/online/images/common/icon/ico_bookmarked.svg);
animation: heartBlast .3s ease;
}
.wrapper#store .itemList li .categoryTag,
.wrapper#store .itemList div.swiper-slide .categoryTag{
    color: #666;
    font-size: 0.75em;
    display:inline;
    text-align: left;
}
.wrapper#store .itemList li .categoryTag:nth-child(2) ,
.wrapper#store .itemList div.swiper-slide .categoryTag:nth-child(2) {
  margin-left:3px;
}
.wrapper#store .itemList li .categoryTag:nth-child(2):before ,
.wrapper#store .itemList div.swiper-slide .categoryTag:nth-child(2):before {
content:"／";
  margin-right:3px;
}

.wrapper#store .itemList li .BookmarkCountWrap,
.wrapper#store .itemList div.swiper-slide .BookmarkCountWrap{
display:none;
}

/*header*/

.menu-btn {
    top: 30px;
    left: 10px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    /*background-color: #fff;*/
    margin-bottom:0;
    margin-top: -7px;
}
@media screen and (max-width: 599px) {
.menu-btn {
    margin-bottom:0;
    top: 31px;
    left: 0;
}}
.HeaderMember + .headerWrap .menu-btn{
    top: 30px;
}
.menu-btn+span em{
    font-size: 10px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    color: #fff;
    margin-top: -5px;
}
@media screen and (max-width: 599px) {
.HeaderMember + .headerWrap .menu-btn{
    top: 31px;
}}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #fff;
    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: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: var(--bgColor);
    transition: all 0.5s;/*アニメーション設定*/
}
.menu-content ul {
    padding: 20px 10px 0;
}
.menu-content ul li {
/*    border-bottom: solid 1px #222;*/
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#222;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
@media (max-width: 767px){
.menu-content ul li:first-child  img{
        width: auto;
        max-width: 140px;
}

/*
.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 #222;
    border-right: solid 2px #222;
    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: #222;
    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: #222;
    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 ~ .menu-contentBg {
display: none;
}
#menu-btn-check:checked ~ .menu-contentBg {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  left: 0;
  top: 0;
  z-index: 79;
}
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}
@media (min-width: 767px){
#menu-btn-check:checked ~ .menu-content {
  right: 50%;
  max-width: 50%;
}}
#menu-btn-check:checked ~ .menu-content>ul{
    overflow-x: 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 #222;
}
}
header#Header{
font-size:14px;
line-height:24px;
}
.Header_Nav { /* メニュー全体のスタイル */
  width: 100%;
  position: relative;
  color: #222; /* 文字色 */
  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:#222;
  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: #222; /* 文字色 */
  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;
}
header.header{
    background-color: var(--keyColor);
}
#Header .HeaderWrap{
    align-items: flex-end;
}
#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 #222;
}
#Header .HeaderWrap #mainLogo img{
    max-width: 140px;
}
}
@media (min-width: 768px){
#Header .HeaderWrap {
    box-sizing: border-box;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    width: 100%;
    max-width: 1280px;
    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:before{
content:"";
width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
.wrapper .headSearchBlock {
  width: 35%;
  max-width: 400px;
  margin-left: 4%;
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 600px) {
  .wrapper .headSearchBlock {
      display: block;
      order: 4;
      width: calc(100% + 20px);
      margin-left: -10px;
      margin-right: -10px;
      background-color: #eee;
      max-width: none;
  }
}
header ul.sc_field>li a:before{
content:"";
width:24px;
height:24px;
display:block;
background-repeat:no-repeat;
background-size: contain;
background-position: center;
margin: auto;
}
header ul.sc_field li em {
  font-size: 10px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  color:#fff;
  text-decoration: none;
}

header ul.sc_field>li.h_guide a:before {
  background-image: url(../Images/Common/icon/ico_beginnerWhite.svg);
}
header ul.sc_field>li.h_login a:before {
  background-image: url(../Images/Common/icon/ico_loginWhite.svg);
}
header ul.sc_field>li.h_mypage a:before {
  background-image: url(../Images/Common/icon/ico_mypageWhite.svg);
}
header ul.sc_field>li.header_pc_search a:before{
  background-image:url(../Images/Common/icon/ico_searchWhite.svg);
}
@media (min-width: 768px){
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(2) ul.child_cate>li>a: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;}
}

@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(/online/Images/Common/icon/human-o.svg);
}
.hamburger-menu .menu-content ul li.header_login i:before{
background-image:url(/online/Images/Common/icon/human-o.svg);
}
.hamburger-menu .menu-content ul li.header_logout i:before{
background-image:url(/online/Images/Common/icon/ico_logout.svg);
}
.hamburger-menu .menu-content ul li.header_bookmark i:before{
background-image:url(/online/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(/online/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%; }
.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(/online/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(/online/Images/Common/icon/ico_category.svg);
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(3)>a>i:before{
background-image:url(/online/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(/online/Images/Common/icon/ico_topics.svg);
}
#Header .HeaderWrap .Header_Nav >ul>li:nth-child(5)>a>i:before{
background-image:url(/online/Images/Common/icon/ico_guide.svg);
}
.hamburger-menu .menu-content ul li.ranking a i:before{
background-image:url(/online/Images/Common/icon/ico_ranking.svg);
}
.hamburger-menu .menu-content ul li.recommend a i:before{
background-image:url(/online/Images/Common/icon/ico_recommend.svg);
}
.hamburger-menu .menu-content ul li.othermenu a i:before{
background-image:url(/online/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 #222;

}
#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: #222;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.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(/online/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: 767px){
.hamburger-menu .menu-content ul li.header_mypage,
.hamburger-menu .menu-content ul li.header_login,
.hamburger-menu .menu-content ul li.header_logout,
.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;
}
.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_logout 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_logout 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 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_logout 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_logout 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(/online/Images/Common/bg_grayline.png);
color:#222;
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:1280px;
margin:0 auto;
}
#Footer.footerWrap a{color:#222;}
#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:#222;}
#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: #222;
    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 #222;
    border-right: solid 2px #222;
}
#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: #222;
    line-height: 1;
    width: 14px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    margin: auto;
    border-top: solid 2px #222;
    border-right: solid 2px #222;
}
#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 #222;
    border-right: solid 2px #222;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 18px;
}
#Footer.footerWrap .footerInnertop dl dd ul li.hasChild>a:before{
    display: block;
    color: #222;
    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: #222;
    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;
}
}
/*from style.css*/
.footer{
    position:relative;
    background-color: var(--darkgray);
/*
    background-repeat: no-repeat;
    background-image: url(/online/Images/Common/bg_footer.jpg);
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
*/
    color:#fff;
}
_:lang(x)+_:-webkit-full-screen-document, .footer {
  background-attachment: initial;
}
.footer:before{
    content: '';
    width: 100%;
    height: calc(100% - 38px);
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
}
.footer .container {
    width: 100%;
    position:relative;
}

/*footer end*/

/* footertGuide */

.footertGuide {
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.footertGuide ul.footertGuideInner{
    display: flex;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
}
.footertGuide ul.footertGuideInner > li{
    text-align: left;
    position: relative;
    width: calc((100% / 3) - 40px);
    margin: 20px 20px 40px 20px;
}
.footertGuide ul.footertGuideInner >li:after {
        content: '';
        width: 1px;
        height: 100%;
        border-right: 1px solid #ccc;
        position: absolute;
        right: -20px;
        top: 0;
        display: block;
}
.footertGuide ul.footertGuideInner >li:last-child:after {
        border: 0px 
}
.footertGuide ul.footertGuideInner > li dl{}
.footertGuide ul.footertGuideInner > li dl dt{
	display:flex;
	text-align:left;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	grid-gap:10px;
	margin-bottom:15px;
}
.footertGuide ul.footertGuideInner > li dl dt span.material-symbols-outlined{
	text-align:center;
	background-color:var(--keyColor);
	color:#fff;
	padding:0.4em;
	border-radius:50px;
}

.footertGuide ul.footertGuideInner > li dl dd{
	text-align:left;
	line-height:1.6em;
}

.footertGuide ul.footertGuideInner > li dl dd a{
	color:var(--keyColor);
  text-decoration:underline;
	text-underline-offset: 3px;
}

.footertGuide ul.footertGuideInner > li dl dd p.mt15 {
	color:var(--keyColor);
	display:flex;
    align-items: center;
}

.footertGuide ul.footertGuideInner > li dl dd p.mt15 a{
	margin-right:3px;
	font-size:1.1em;
  text-decoration:none;
}
.footertGuide ul.footertGuideInner > li dl dd p.mt15 a:hover{
  text-decoration:underline;
	text-underline-offset: 3px;
}

@media (max-width: 899px) {
.footertGuide ul.footertGuideInner{
    display: flex;
flex-wrap: wrap;
}
.footertGuide ul.footertGuideInner > li{
    width: 100%;
    margin: 20px 20px 10px 20px;
	padding-bottom:30px;
	border-bottom: 1px solid #ccc;
}
.footertGuide ul.footertGuideInner >li:after {
	border-right: 0px solid #ccc;
}

.footertGuide ul.footertGuideInner > li dl{}
.footertGuide ul.footertGuideInner > li dl dt{
	text-align:left;
  justify-content: flex-start;
  flex-direction: row;
}

}
/*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;
	text-align:center;
	background-color: #f5f5f5;
	width:100%;
}
@media (max-width: 1280px){
.wrapper#store.top_aspx .contentInner .mainArea > div.ShopMessagePanel {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}
.wrapper#store .ShopMessagePanel .ShopMessage{
	width: 100%;
	background-color: #f5f5f5;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	font-size:1em;

}
@media (max-width: 768px){
  .wrapper#store .ShopMessagePanel .ShopMessage{
    text-align: left;
}
  .wrapper#store .ShopMessagePanel .ShopMessage+.ShopMessage{
padding-top:0;
}
}
.wrapper#store .ShopMessagePanel .ShopMessage p{
    width:100%;
    max-width:1280px;
    margin: 0 auto;
    position: relative;
}
.wrapper#store .ShopMessagePanel .ShopMessage a:hover{text-decoration:underline;    text-underline-offset:3px;}
.wrapper#store .ShopMessagePanel .ShopMessage a{
    color:var(--subKeyColor);
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 1.5em;
}
.wrapper#store .ShopMessagePanel .ShopMessage a:before{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/online/Images/Common/icon/ico_error.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.2em;
}

/*ShopMessagePanel end*/

/*topitemList*/
.wrapper#store.top_aspx .#store .itemList{
width: calc(100% + 20px);
}
.wrapper#store.top_aspx .itemList li, 
.wrapper#store.top_aspx .itemList > *,
.wrapper#store .GroupNewsListParts .itemList li{
margin: 20px 10px 40px 10px;
}
.wrapper#store.top_aspx .itemList > *.swiper-wrapper,
.wrapper#store.top_aspx .itemList > *.slick-list{
margin: 20px 0px 40px 0px;
}
.wrapper#store.top_aspx .item_colSlider .itemList.swiper-wrapper li, 
.wrapper#store.top_aspx .item_colSlider .itemList.swiper-wrapper > * {
  margin: 20px 0px 40px 0px;
}
.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 > *.slick-list{
margin:10px 0;
}
}
.wrapper#store .itemList.tireSearchSlider{
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.wrapper#store.top_aspx .itemList.tireSearchSlider li{
    margin: 10px;
    min-height: 70px;
    display: flex;
    align-items: center;
    position:relative;
    text-align: left;
}
@media (max-width: 500px){
.wrapper#store.top_aspx .itemList.tireSearchSlider li{
    padding: 5px 5px 5px 40px;
    min-height: 60px;
}}
.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 var(--darkgray);
    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  var(--darkgray);
    border-right: 1px solid  var(--darkgray);
    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 .NewsListParts,
.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{
    width:100%;
    max-width:1280px;
    margin:auto;
}

@media (max-width: 1280px){
.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: 10px;
    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: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 4px 0;
    z-index: 2;
    padding: 5px 0;
    width: 32px;
    font-size: 14px;
    text-align: center;
    color: #222;
    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  var(--darkgray);
}
.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;
}

/*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*/
.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);
}
.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;}
.wrapper.confirmation_aspx .cartList > li>div{margin-bottom:20px;}
.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,
.orderhistorydetail_aspx .settingBox.checkoutBox>.cartList > li{
    padding: 20px 10px;
    box-sizing: border-box;
}
.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;
}
.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 #222;
}

.wrapper .linkTxt.InquiryGoods{
    text-decoration: underline;
    word-break: break-all;
    position: relative;
    margin-top: -30px;
    display: block;
    text-align: right;
    color: var(--keyColor);
    padding-right: 15px;
    font-size:13px;
}
.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) {
.wrapper .linkTxt.InquiryGoods{
    margin-top: -30px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 15px;
}
}
.itemList .StockMessage {text-align:center;margin:auto;border:0;}
.itemList .StockMessage span.soldout {
	margin-top:5px;
	padding:3px 0;
	font-size:0.9em;
	padding:0;
  border: 1px solid var(--red);
  color: var(--red);
}

.itemList .VariationInventoryWrapper .InventoryInfoBlock{text-align:center;margin:auto;}
.itemList .VariationInventoryWrapper .InventoryInfoBlock div span:not(.soldout) {
    margin-top: 5px;
    padding: 5px 0;
    font-size: 12px;
    border: solid 0px var(--darkgray);
    display: block;
    width: 100%;
    background-color: #efefef;
}
.itemList .VariationInventoryWrapper .InventoryInfoBlock div span:has(.soldout) {
	padding:0;
	border:0 ;
	font-size:12px;
}
.itemList .VariationInventoryWrapper .InventoryInfoBlock div span:not(.soldout):before {
 /*   content: "在庫残り："; */
}


.itemList .VariationInventoryWrapper .InventoryInfoBlock span.soldout{
    margin-top: 5px;
    padding: 3px 0;
    font-size: 12px;
    border: solid 0px var(--darkgray);
    display: block;
    width: 100%;
    background-color: #efefef;
    color:#222;
}

/* 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 .priceA{display:none;}*/

.itemList .price_area .ListPriceTable .ListPriceDiv1 .ListPriceTextA2{display: none;}
.itemList .price_area .ListPriceTable .ListPriceDiv3.DiscountPrice {}
.itemList .price_area .ListPriceTable .ListPriceDiv3 .PriceTitleB{margin-right:5px; font-size:12px;}
.itemList .price_area .ListPriceTable .ListPriceDiv3 .ListPriceTextB{font-size:12px;}
.itemList .price_area .ListPriceTable .ListPriceDiv3 .priceB {font-size:15px;}
.itemList .price_area .ListPriceTable .ListPriceDiv3 .ListPriceTextB2{display:none;font-size:12px; width: 100%; text-align: right;}
.itemList .price_area .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceB2{font-size:15px;}
.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 .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 .ListPriceDiv3.MemberPriceExists {display:none !important;}
.itemList .price_area .ListPriceTable .ListPriceDiv3.MemberPriceExists.DiscountPrice {display:none !important;}

.itemList .price_area .ListPriceTable .ListPriceDiv4 .MemberPriceTitle{margin-right:5px;}
.itemList .price_area .ListPriceTable .ListPriceDiv4 .ListPriceTextC{font-size:12px;}
.itemList .price_area .ListPriceTable .ListPriceDiv4 .priceC{font-size:15px;}
.itemList .price_area .ListPriceTable .ListPriceDiv4 .ListPriceTextC2{font-size:12px; width: 100%; text-align: right;}
.itemList .price_area .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 .PriceC2{font-size:15px;}

.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{}
.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 .priceA,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .ListPriceDiv1 .priceA{text-decoration: line-through;font-weight:normal; margin-left:7px;}*/
.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{}
.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 .priceB .priceArea1 .priceNumeric,
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceC .priceArea1 .priceNumeric,
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceD .priceArea1 .priceNumeric,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1 .priceNumeric{
    display: flex;
    align-items: center;
/*    color: var(--red);*/
}
/*
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceA .priceArea1 .priceNumeric:after,
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceC .priceArea1 .priceNumeric:after,
.wrapper .itemList .ListPriceTable .priceA .priceArea1 .priceNumeric:last-child:after,
.wrapper .itemList .ListPriceTable .priceB .priceArea1 .priceNumeric:last-child:after,
.wrapper .itemList .ListPriceTable .priceC .priceArea1 .priceNumeric:last-child:after,
.wrapper .itemList .ListPriceTable .priceD .priceArea1 .priceNumeric:last-child:after,
.wrapper.cart_aspx #GiftOptionPanel .ListPriceTable .priceD .priceArea1 .priceNumeric:after {
    content: "(税抜)";
    font-weight: normal;
    display: inline-block;
    font-size: 0.7em;
    margin-left: 0.3em;
    color:#222;
}
*/
.wrapper .itemList .ListPriceTable .discountRate{
    background-color:var(--red);;
    display: inline-block;
  font-size: 0.8em;
	font-weight:normal;
	color:#fff;
	padding:3px;
}
.wrapper .itemList .ListPriceTable .discountRate,
.wrapper .itemList .ListPriceTable .DiscountRateB{
display:none;
}

.wrapper#store.guestmode div.content .itemList .price_areaWrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wrapper#store.guestmode div.content .itemList .price_areaWrap>*{
    flex:1;
}
/*
.wrapper#store.guestmode div.content .itemList .price_areaWrap .price_area{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}
*/
.wrapper#store.guestmode div.content .itemList .price_areaWrap .loginBtn{
    font-size: 12px;
    color: var(--red);
    display: inline-block;
    text-align: center;
    border: 1px solid var(--red);
    box-sizing: border-box;
    padding: 5px 5px;
    position: relative;
}
.wrapper#store.guestmode div.content .itemList .price_areaWrap .loginBtn:before{
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -9px;
  border: 8px solid transparent;
  border-right: 8px solid #FFF;
  z-index: 2;
}
.wrapper#store.guestmode div.content .itemList .price_areaWrap .loginBtn:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -9px;
    border: 8px solid transparent;
    border-right: 8px solid var(--red);
    z-index: 1;
}
.wrapper#store.guestmode div.content .itemList .price_areaWrap .loginBtn span{
    display: inline-block;
    text-align: left;
}
.wrapper#store.membermode div.content .itemList .price_areaWrap .loginBtn{
display:none;
}
.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 {
    margin:40px auto;
}
.wrapper#store .ReverseCategoryPartsEx h3.mainTit{ width:100%; margin-bottom:20px;}
.ReverseCategoryPartsEx ul{display: flex;align-items: center;margin-bottom:10px;}
.ReverseCategoryPartsEx ul li{
    width:auto; 
    position: relative;
}
.ReverseCategoryPartsEx ul li:not(:last-child),
.ReverseCategoryPartsEx ul li{margin-right:1.2em;}
.ReverseCategoryPartsEx ul li a{
    padding: 5px 10px 5px 10px;
    line-height: 1;
    display: inline-block;
}
.ReverseCategoryPartsEx ul>li:first-child a{
    padding: 5px 10px 5px 0px;
}
.ReverseCategoryPartsEx ul li a:hover{
	color:var(--keyColor);
}

.ReverseCategoryPartsEx ul li span:after,
.ReverseCategoryPartsEx ul li a:after{
    content: '';
    width: 7px;
    height: 7px;
    border-top: solid 1px #222;
    border-right: solid 1px #222;
    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;
}
@media screen and (max-width: 767px){
  .btn_pagetop {
  bottom: 80px;
  }
}
.btn_pagetop:before {
  content: "";
  border-radius: 50%;
  background-color: var(--keyColor);
  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.top_aspx .mainArea>section.mainVis,
.wrapper#store section.top_search_keyword{
    width: 100vw;
}
.wrapper#store.top_aspx .mainArea>section.mainVis{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}
.wrapper#store section.top_search_keyword{
    margin:0 0px;
    z-index: 0;
    position: relative;
}
@media (max-width: 1279px) {
.wrapper#store section.top_search_keyword{

    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;
    margin-top: -32px;
}

.wrapper#store section.top_search_keyword>.top_search_keywordInner{
    width:100%;
    max-width:1280px;
    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: transparent;
}
.wrapper#store .mainVis .slick-prev:before, 
.wrapper#store .mainVis .slick-next:before{
    content: '';
    width: 20px;
    height: 20px;
    border-top: 3px solid var(--keyColor);
    border-right: 3px solid var(--keyColor);
    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 .slick-prev,
.wrapper#store .slick-next{
filter: drop-shadow(2px 2px 0px #fff);
}
/*
@media (min-width: 768px) {
.wrapper#store .mainVis img{height:400px; width:100%; object-fit: cover;}
}
@media (min-width: 1920px) {
.wrapper#store .mainVis img{height:auto; width:100%; object-fit: cover;}
}*/
@media (max-width: 767px) {
.wrapper#store .mainVis img{height:auto; width:100%; 
/*
object-fit: cover; aspect-ratio: 1 / 0.7;
*/
}
}
.wrapper#store.top_aspx .mainArea>section.mainVis{
padding:0px 0 60px 0;
}
.wrapper#store .mainVis .slick-dots li{
    margin:0 9px;
    width: 24px;
    height: 6px;
}

.wrapper#store .mainVis .slick-dots li button{
    padding:0;
}
.wrapper#store .mainVis ul.slick-slider li.slick-slide{
    margin:0 12px;
}
.wrapper#store .mainVis ul.slick-slider li.slick-slide a{
    position:relative;
    display: inline-block;
}
.wrapper#store .mainVis ul.slick-slider li.slick-slide a:before{
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 41.5%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.wrapper#store .mainVis ul.slick-slider li.slick-slide img{
    position:relative;
}
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider .slick-dots li button{
    width: 24px;
    height: 6px;
}
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider .slick-dots li button:before{
    width: 24px;
    height: 6px;
    content: '';
    background-color:#000;
}
.wrapper#store.top_aspx .mainArea>section.mainVis .slick-slider .slick-dots li.slick-active button:before{
    background-color:var(--keyColor);
opacity:1;
}
/*title*/
.itemcategory_area .itemcategory_head,
.title_head {
    background-color: #fff;
    margin-bottom: 0px;
    box-sizing: border-box;
    position: relative;
    text-align:left;
}
.itemcategory_area .itemcategory_head .categorytit_txt,
.title_txt {
    margin: auto;
    padding: 40px 0px;
    font-size: 34px;
    text-align: left;
}
@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_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 0 10px 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: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 12;
}
/*maypage*/
.mypage--contentArea--accountInfo{margin-bottom:40px;}
.mypage--contentArea{
    display: flex;
    flex-wrap: wrap;
    margin-bottom:30px;
}
.mypage--contentArea>*{width:100%;}
.mypage--contentArea>.MyPageDashboardBlock.ScheduledSales{display:none;}
.mypage--contentArea .MyPageDashboardBlock{
    width: calc((100% / 3) - 20px);
    margin: 0 10px 20px 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
    padding: 10px;
    box-sizing: border-box;
    border-radius:5px;
}
@media screen and (max-width: 768px){
.mypage--contentArea .MyPageDashboardBlock{
    width: 100%;
    margin: 0 0px 20px 0px;
}}
.MyPageDashboardBlock>.MyPageDashboardContents{
    margin-top: 20px;
}
.MyPageDashboardBlock>.MyPageDashboardContents .Num{
    color: #ED013C;
}
.MyPageDashboardBlock>.MyPageDashboardContents{
    max-width: 300px;
    margin: 20px auto 0px auto;
    display: inline-block;
    text-align: left;
}
.MyPageDashboardBlock.ContractInfoPanel{display:none;}
.mypage--contentArea--menuBlock .mypage--contentArea--menuList{
display:flex;
flex-wrap:wrap;
}
.mypage--contentArea--menuBlock .mypage--contentArea--menuList>*{
width:calc((100% / 3) - 20px);
margin:10px 10px 20px 10px;
}
@media screen and (max-width: 768px){
.mypage--contentArea--menuBlock .mypage--contentArea--menuList>*{
width:calc((100% / 2) - 20px);
margin:10px 10px 20px 10px;
}
}
@media screen and (max-width: 500px){
.mypage--contentArea--menuBlock .mypage--contentArea--menuList>*{
width:100%;
margin:10px 0;
}
}
.mypage--contentArea .DashboardLayoutPanel,
.mypage--contentArea .MyPageDashboardSubTitle,
.mypage--contentArea--menuBlock .MyPageDashboardSubTitle{
    /* background: #FCFAF1; */
    color: #000;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: 600;
}
.mypage--contentArea .MyPageDashboardSubTitle i{
font-size:1.5em;
color:var(--keyColor);
margin-right:0.5em;
}
.mypage--contentArea .DashboardLayoutPanel .MyPageMemberID{
margin:0;
}
.mypage--contentArea--accountInfo b{font-size:1.2em;}
.mypage--contentArea--menuBlock .MyPageDashboardSubTitle{
margin:0 auto 20px auto;
width:calc(100% - 20px);

}

/*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{
display:block;
}
@media screen and (min-width: 768px) {
.wrapper#store .hamburger-menu{
display:block;
margin-left:10px;
}
}@media screen and (max-width: 768px) {
  .wrapper#store .hamburger-menu{
    margin-left: 4px;
  }
  }
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt{border-bottom:1px solid #222;}
.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 #222;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span{
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #222;
    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;
}


.hamburger-menu #divCategory dt:before{
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #222;
    border-right: solid 2px #222;
    transform: rotate( 135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
    right: 10px;
}

.hamburger-menu #divCategory dt.open:before{
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #222;
    border-right: solid 2px #222;
    transform: rotate( -45deg);
    position: absolute;
    top: 5px;
    bottom: 0;
    margin: auto;
    background: transparent;
    right: 10px;
}
.hamburger-menu .searchBox{
display:none;
}
.hamburger-menu #divCategory>dl>dt{
border-bottom:1px solid;
}
.hamburger-menu #divCategory .child_cate>div>ul{
    background: #e3e3e3;
    padding: 10px 10px;
}
.hamburger-menu #divCategory dt{
position: relative;
text-align:left;
padding:9px 15px 10px 10px;
}
.hamburger-menu #divCategory ul{
padding:0px;
}

.hamburger-menu #divCategory ul .hasChild:before{
display:none;
}

.hamburger-menu #divCategory .child_cate2 li{
background:white;
}

.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dt span:before{
    border-top: solid 2px #222;
    border-right: solid 2px #222;
    display: block;
    color: #222;
    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: #222;
    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 #222;}
.wrapper#store .hamburger-menu .menu-content dl.header_drowerCategoryInner dd ul>li:last-child{border-bottom:1px solid #222;}
.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;
}

/*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;
}}
@media (max-width: 500px){
  .wrapper#store.productviewedhistory_aspx  .itemList li{
  width:100%;
  }}
.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;
    margin-top: -2px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #cccccc;
    position: relative;
    background-color:#fff;
    z-index: 10;
}
.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#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;
}
@media (min-width: 1000px){
#store.bookmarklist_aspx .itemList li .btnAddToCatAjax{
width:80%;
}
}
@media (max-width: 500px){
#store.bookmarklist_aspx .itemList li {
    padding: 0 0px 10px 0px;
    margin: 10px 10px;
    box-sizing: border-box;
    width: 100%;
}}

/* サイドナビ検索 */

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: #222;
    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: #222;
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 #222;
    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 #222;
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 #222;
    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 #222;
padding-top:10px;
}
.confirmation_aspx .checkoutBox.note{}

.confirmation_aspx .IncentiveMsgBox{
    margin:0 auto 20px auto;
    color: var(--keyColor);
    text-align: center;
    background:var(--lightColor);
    border: 2px solid var(--keyColor);
    padding:1em;
}
.confirmation_aspx .IncentiveMsgBox p.title{
    margin:0 ;
    display: flex;
    grid-gap:5px;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    font-weight:normal;
    text-align: left;
}

/*pager*/
.wrapper .PageLink b{
  color: #FFFFFF;
  text-align: center;
  background: var(--keyColor);
  border-color: var(--keyColor);
/*    border-radius:30px;*/
}
.wrapper .PageLink a{
  color: var(--keyColor);
  text-align: center;
  background: #FFFFFF;
  border: 1px solid var(--keyColor);
/*    border-radius:30px;*/
}
.wrapper .PageLink a:hover{
  background-color: var(--lightColor);
}
/*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%);
}

/*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;
}}
.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 #main .dropRequestDateSelectList{
background:#ffcdb2 ;
}

.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;
	font-weight: bold;
	color: red;
}
.confirmation_aspx .shippingBoxList .ShippingDateSetting .newCartShippingOption.divDateSelect .newCartSetShippingDate{
    width: 100%;
    max-width: 260px;
}
@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:20px auto 0 auto;background-color:#fbfafa;}
.footerGuide .container{width: 100%;max-width: 1280px; 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.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;
}
@media screen and (max-width: 500px) {
.footerGuide>.display_sp.text.mb20{
    margin-bottom:10px!important;
}}
.footerGuide .container ul.listGuide{display:block;width:100% ;margin: 0; padding: 10px;}
@media screen and (max-width: 768px) {
.footerGuide .container ul.listGuide{padding: 0 10px 10px 10px;}
}

.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 (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;
}
.footerGuide .container ul.listGuide li p.title i:before{
    content: "";
    border-radius: 50%;
    /*border: 2px solid #222;*/
    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 #222;
    border-right: 2px solid #222;
    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{
width:100%;
}
#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{
overflow:hidden;
}}

#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;
margin-right: 0;
margin-left: 0;
}
#store .itemList.item_colSlider .swiper-controller,
#store .itemList.item_categorySlider .swiper-controller,
#store .slideWrap .swiper-controller{
    display: flex;
    position: absolute;
    /*right: 0;
    top: -15px;*/
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    top: 50%;
    width: 100%;
    margin: 0;
    height:40px;
}
#store .slideWrap .swiper-controller{
  left: 0;
}
@media (min-width: 1259px){
  #store .slideWrap .swiper-controller{
    width: calc(100% + 60px);
    left: -30px;
}}
#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,
#store .slideWrap .swiper-controller .swiper-button-prev,
#store .slideWrap .swiper-controller .swiper-button-next{
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 40px;
    padding-bottom: 0;
    background-color: transparent;
z-index:1;
}
#store .itemList.item_colSlider .swiper-controller .swiper-button-next,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next,
#store .slideWrap .swiper-controller .swiper-button-next{
/*margin-left:20px;*/
margin-left: auto;
}
#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,
#store .slideWrap .swiper-controller .swiper-button-prev:before,
#store .slideWrap .swiper-controller .swiper-button-next:before{
    content: '';
    width: 20px;
    height: 20px;
    border-top: 3px solid var(--keyColor);
    border-right: 3px solid var(--keyColor);
    transform: rotate(-135deg);
    display: inline-block;
    margin: 0px 0.3em auto 0.5em;
    position: relative;
    left: 0;
    bottom: 0;
}

#store .itemList.item_colSlider .swiper-controller .swiper-button-next:before,
#store .itemList.item_categorySlider .swiper-controller .swiper-button-next:before,
#store .slideWrap .swiper-controller .swiper-button-next:before{
    transform: rotate(45deg);
    margin: 0px 0.5em auto 0.3em;
}

@media (max-width: 600px){
#store .itemList.item_colSlider .swiper-controller,
#store .itemList.item_categorySlider .swiper-controller,
#store .slideWrap .swiper-controller{
    width: calc(100% - 10px);
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    justify-content: space-between;
    align-items: center;
}
}
#store .slideWrap .swiper-controller .swiper-button-prev:after,
#store .slideWrap .swiper-controller .swiper-button-next:after{
content:none;
}
#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,
#store .slideWrap .swiper-controller .swiper-button-prev.swiper-button-disabled:before,
#store .slideWrap .swiper-controller .swiper-button-next.swiper-button-disabled:before{
    opacity: .20;
}
#store .slideWrap:not(:has(.swiper-slide)) .swiper-controller{
  display: none;
}
/*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(/online/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;
}


.wrapper.checkout_aspx .shippingAddress + .shippingAddress{
  margin: 12px 0;
  border-top: 1px solid #ccc;
  padding-top: 12px;
}
/* 配送先振り分け */
.divideshipping_aspx .checkoutBox .ShippingAddress{
  margin-bottom: 20px;
  padding-bottom: 20px;

}
.divideshipping_aspx .checkoutBox{
  border-top: none;
  margin-bottom: 20px;
}
.divideshipping_aspx .checkoutBox .checkoutBoxInner {
  
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  background-color: #FFEFD6;
  border-bottom: 2px solid #FD6533;
  border-left: 2px solid #FD6533;
  border-right: 2px solid #FD6533;
}
.divideshipping_aspx .checkoutBox .checkoutBoxInner .white{
  background-color: #fff;
  padding: 20px;
 
}
.divideshipping_aspx .checkoutBox .hr{
  border-bottom: 1px solid #ccc;
}
.divideshipping_aspx .AddGiftOptionButtonDiv a.AddGiftOptionButton{
  background-color: var(--keyColor);
    padding: 5px;
    color: #fff;
}
.divideshipping_aspx .AddGiftOptionButtonDiv a.AddGiftOptionButton:before {
  content: "\f06b";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}
.divideshipping_aspx .itemCount{
  display: flex;
}
.divideshipping_aspx .itemCount dd .btn_minus,
.divideshipping_aspx .itemCount dd .btn_plus{
    padding: 4px 8px;
    display: block;
    box-sizing: border-box;
    font-size: 18px;
    background-color: #222;
cursor: pointer;
cursor: hand;
}
.divideshipping_aspx .checkoutBox{
  margin-top: 20px;
  padding-top: 0;
}
.dgrdShippingAddressList{
}
.dgrdShippingAddressList tr{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dgrdShippingAddressList tr td{
  position: relative;
  width: calc(100% / 3);
  border-radius: 0;
}
.dgrdShippingAddressList tr td:last-child{

}
TD.DivideShippingTableB{
  border: 1px solid #ccc;
  color: #009c88;
  background-color: #ffffff;
}
TD.DivideShippingTableD{
  border-top: 2px solid #FD6533;
  border-left: 2px solid #FD6533;
  border-right: 2px solid #FD6533;
  color: #FD6533;
  background-color: #FFEFD6;
  font-weight: bold;
}
TD.DivideShippingTableF{
  border-top: 2px solid #FD6533;
  border-left: 2px solid #FD6533;
  border-right: 2px solid #FD6533;
  background-color: #FFEFD6;
  font-weight: bold;
}
TD.DivideShippingTableE{
  border: 1px solid #ccc;
  background-color: #fff;
}
TD.DivideShippingTableF::before,
TD.DivideShippingTableE::before{
  content: '未設定';
  position: absolute;
  font-weight: 600;
  left: 10px;
  top: -15px;
    border: 1px solid #ff0000;
    color: #fff;
    background-color: #ff0000;
    z-index: 1;
    display: inline-block;
    padding: 2px 6px;
}
TD.DivideShippingTableD::before,
TD.DivideShippingTableB:before{
  content: '設定済';
  position: absolute;
  font-weight: 600;
  left: 10px;
  top: -15px;
    border: 1px solid #009c88;
    color: #fff;
    background-color: #009c88;
    z-index: 1;
    display: inline-block;
    padding: 2px 6px;
}

td.tab .ShippingAddressList a,
td.tab .ShippingAddressList span{
  text-align: left;
  padding: 20px;
  color: #222;
  margin: 0 auto;
  max-width: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
#DivideShippingProductList .itemCountWrap .buttonList{
  text-align: center;
}
.divideshipping_aspx .misettei_icon{
  border: 1px solid #ff0000;
    color: #fff;
    background-color: #ff0000;
  font-weight: bold;
    display: inline-block;
    padding: 2px 6px;
}
.wrapper.divideshipping_aspx .cartList li{
  padding: 10px;
}
.wrapper.divideshipping_aspx .AddGiftOptionButtonDiv{
  display: none;
}
.wrapper.divideshipping_aspx .DivideAll {
  margin: 10px 0 30px 0;
}
.divideshipping_aspx .DivideShippingTitle {
  background-color: #FCFAF1;
  padding: 12px 15px;
  color: #000;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
}
.divideshipping_aspx .DivideAllTxt {
  padding: 15px;
  font-size: 100%;
  text-align: left;
  line-height: 150%;
}
.divideshipping_aspx .DivideShippingEachTxt {
  padding: 15px;
  font-size: 100%;
  text-align: left;
  line-height: 150%;
}
#DivideShippingProductList .GoodsName{
  font-weight: bold;
}
@media screen and (min-width: 767px){
header .headerWrap{
    align-items: center;
}
header #logoWrap #logo{
    width: 200px;
}
}
header #logoWrap #logo > a{
  display: inline-block;
}
header #logoWrap{
    display: flex;
    align-items: center;
    text-align: left;
    gap: 3px;
    font-size: 14px;
    color: #fff;
}
@media screen and (min-width: 767px){
header #logoWrap{
    align-items: flex-start;
}}
header .headerWrap div.navi{
    bottom: -2px;
}
@media screen and (max-width: 767px){
header .headerWrap{
    padding: 5px;

}
}
@media screen and (max-width: 350px){
header .headerWrap #logoWrap{
  display: block;
}
}
@media screen and (max-width: 767px) {
    header .headerWrap #logo {
        width: 110px;
        height: 24px;
        order: initial;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 500px) {
    header .headerWrap #logo {
        height: auto;
}}

.wrapper header .sc_field>li,
.wrapper header .sc_field>li a{
  text-decoration: none;
}
.wrapper header .sc_field>li.header_pc_search a i:before {
  background-image: url(../Images/Common/icon/ico_searchWhite.svg);
}
@media (max-width: 767px){
.wrapper header .sc_field>li:has(.ol-searchform){
display:none;
}}

.wrapper header ul .cart span#BasketSummary.number{
    background-color:var(--yellow);
      position: absolute;
      top: -5px;
      right: 0px;
      color: #222;
      font-size: 10px;
      text-align: center;
      border-radius: 20px;
      width: 20px;
      height: 20px;
      display: block;
  }

.wrapper header ul .cart:after{content:none;}
.wrapper header ul .cart span.display_pc{
    /* font-size: 10px;
    color: #222; */
}
@media screen and (max-width: 767px){
header ul .cart{
margin:0;
}
.wrapper header ul .cart span#BasketSummary.number{
  top: 0;
}
}
@media screen and (max-width: 599px){
header ul .cart{
background-color: transparent;
}}
@media screen and (max-width: 767px){
}
.wrapper header ul .mypage:before{
    content:'';
    display:block;
    width:26px;
    height:26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin:auto;
    background-image: url(/online/Images/Common/icon/human-o.svg);
}
.wrapper header ul .mypage span{
font-size:10px;
}


@media (max-width: 767px){
.wrapper header .display_sp{
display:block!important;
}
.wrapper header .display_pc{
display:none!important;
}}
@media (min-width: 768px){
.wrapper header .display_sp{
display:none!important;
}
.wrapper header .display_pc{
display:block!important;
}}
@media (max-width: 767px){
.wrapper header .sc_field>*{
margin: 0 4px 0 4px;
}
}
@media (max-width:599px){
.wrapper header .sc_field>*.cart{
        width: 48px;
}
}
@media (max-width: 767px){
.cartBtn .modal__bg{
    top: -15px;
}}
.cartBtn .modal__content{
    overflow:visible;
    position: fixed;
    height: 80%;
    z-index: 1001;
}
.cartBtn .modal__content_inner{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.wrapper header ul .cart a:before{
    background-image: url(/online/Images/Common/icon/ico_cartWhite.svg);
    left: -3px;
    position: relative;
}
.wrapper header ul .h_logout a:before{
  background-image: url(/online/Images/Common/icon/ico_logoutWhite.svg);
}
.wrapper .ol-searchform .search-submit .searchicon i:before{
    /* background-image: url(/online/Images/Common/icon/magnifier-o.svg); */
}

/*productDetailCartBtn*/
.productdetail_aspx .btnCart a#OpenGiftOptionUI .display_pc{
    display:inline-block;
}
#store.productdetail_aspx .box_text .box_cart .cartBtn {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 768px) {
#store.productdetail_aspx .box_text .box_cart .cartBtn {
  display: block;
    max-width: 400px;
    margin: 0 auto;
}}
@media (max-width: 768px) {
#store.productdetail_aspx .naireItem .box_text .box_cart .cartBtn {
  display: block;
}}
#store.productdetail_aspx .btnCart a#OpenGiftOptionUI:before {
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -2em;
}
#store.productdetail_aspx .btnCart a#OpenGiftOptionUI:before {
    background-image: url(../images/Common/icon/ico_gift.svg);
}

#store header .ol-searchform{
    z-index: 1;
}
.wrapper#store.top_aspx .mainArea .Recommend h2{
	position: relative;
    display: block;
    margin: 0 auto;
text-align: center
}
.wrapper#store.top_aspx .mainArea .Recommend h2 span{
	content: "";
    background-color: #fff;
    display: inline-block;
    position: relative;
	margin: 0;
	font-weight:bold;
}

.wrapper#store.top_aspx .mainArea .Recommend h2+span
{
    display: inline-block;
    margin: 10px auto 30px auto;
font-family: 'Montserrat';
}
.spMenuClose{
    position:relative;
    width:40px;
    height:40px;
    display: block;
    margin-top: 10px;
    margin-right: 0;
    margin-left: auto;
}	
.spMenuClose:before,
.spMenuClose:after{
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: var(--keyColor);
    position: absolute;
}
.spMenuClose:before{
    bottom: 0;
    top:0;
    left:0;
    right:0;
    margin:auto;
    transform: rotate(45deg);
}
.spMenuClose:after{
    bottom: 0;
    top:0;
    left:0;
    right:0;
    margin:auto;
    transform: rotate(-45deg);
}

@media screen and (max-width: 599px){
.wrapper#store span.HeaderIncentiveMessage {
    position: relative;
    top: 0px;
}}
@media screen and (max-width: 480px){
#store.wrapper.membermode .HeaderMemberBlock{
    justify-content: center;
}}
@media (max-width: 600px) {
  #store header .ol-searchform .ol-search-wrap {
      display: block;
      opacity: 1;
      position: relative;
      height: auto;
  }
}


/*title scrolltext*/
.wrapper#store h2.title-block{
    color:#222;
    position: relative;
    height: 114px;
    margin: 0;
    overflow: hidden;
    font-size: 24px;
    line-height: 35.2px;
    text-align: center;
    font-weight:700;
   /* margin: 64px 0 48px 0;*/
}
@media screen and (max-width: 500px){
.wrapper#store.top_aspx h2.title-block{
    font-size: clamp(16px, 6vw, 24px);
}}
.wrapper#store h2.title-block.white{
    color:#fff;
}
.wrapper#store h2.title-block.keyColor{
    color: var(--keyColor);
}
.wrapper#store h2.title-block:not(:has(.scroll-text)){
/*    height: auto;*/
}
.wrapper#store h2.title-block span{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.wrapper#store h2.title-block ul{
position: absolute;
    left: 0;
    display: flex;
    overflow: hidden;
    list-style: none;
}
.wrapper#store h2.title-block:not(:has(.scroll-text)) ul{
    left: 0;
    right: 0;
    justify-content: center;
}
.wrapper#store .mainArea>section.top_search h2.title-block,
.wrapper#store .mainArea div.RecommendParts h2.title-block,
.wrapper#store .mainArea div.RecentlyViewedItems h2.title-block,
.wrapper#store .mainArea div.RecentOrderListParts h2.title-block{
  width: calc(100% + 30px);
  margin-left: -15px;
}
.wrapper#store .mainArea>section.top_search h2.title-block.white{
    width: auto;
    margin: 24px 0 16px 0;
    height: auto;
}
@media screen and (min-width: 767px){
.wrapper#store .mainArea>section.top_search h2.title-block.white{
    width: auto;
    margin: 24px 0;
    height: 114px;
}
.wrapper#store .mainArea>section.top_search h2.title-block.white.min{
    height: auto;
}
}
.wrapper#store .mainArea>section.top_search h2.title-block.white span{
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px){
.wrapper#store .mainArea>section.top_search h2.title-block.white ul{display:none;}}



.scroll-text{
  display: flex;
  white-space: nowrap;
  animation: infinity-scroll-left var(--scroll-time) linear infinite;
}
.wrapper#store h2.title-block ul li{
    padding-left: 24px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: 114px;
    color:#f5f5f5;
}

.wrapper#store h2.title-block.white ul li{
    color:rgba(249,249,249,0.3);
}
@keyframes infinity-scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.wrapper#store .itemList li p.NewIcon{
	position:absolute;
	left:-1px;
	top:-5px;
	display:block;
}

.wrapper#store .itemList li p.NewIcon span{
	display:block;
	font-size:0.8em;
  background: #ED013C;
	color:#fff;
	padding:2px 3px;
}

.wrapper#store .itemList li p.MakerIcon, 
.wrapper#store div.content .item_listSlider.itemList.slick-slider li p.MakerIcon, 
.wrapper#store div.content .centergradslider.itemList.slick-slider li p.MakerIcon, 
.wrapper#store div.content .item_colSlider.itemList .swiper-slide p.MakerIcon {
	height:25px;
	display:block;
	margin:auto;
	text-align:center;
	position:relative;
	top:-5px;
}
.wrapper#store .itemList li p.MakerIcon img, 
.wrapper#store div.content .item_listSlider.itemList.slick-slider li p.MakerIcon img, 
.wrapper#store div.content .centergradslider.itemList.slick-slider li p.MakerIcon img, 
.wrapper#store div.content .item_colSlider.itemList .swiper-slide p.MakerIcon img {
	margin:auto;
	height:25px;
	width: auto;
	text-align:center;
}

/*RecentlyViewedItems*/
.wrapper#store.productdetail_aspx .mainArea div.RecentlyViewedItemsWrap,
.wrapper#store.top_aspx .mainArea div.RecentlyViewedItemsWrap,
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area> div.RecentlyViewedItems,
.wrapper#store.productdetail_aspx .mainArea #RelatedProductParts{
  background-color: var(--bgColor);
  padding: 40px 15px 20px;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw); 
	width: 100vw;
	text-align:center;
  box-sizing: border-box;
}
.wrapper#store .mainArea>div.RecommendParts .title-block ul.scroll-text li,
.wrapper#store.productdetail_aspx .mainArea div.RecentlyViewedItemsWrap .title-block ul.scroll-text li,
.wrapper#store.top_aspx .mainArea div.RecentlyViewedItemsWrap .title-block ul.scroll-text li,
.wrapper#store.categorylist_aspx .mainArea .itemcategory_area> div.RecentlyViewedItems .title-block ul.scroll-text li {
    color: #f9eae7;
}
.wrapper#store .mainArea div.RecentlyViewedItems .products_area,
.wrapper#store .mainArea div#RelatedProductParts .products_area{
    text-align:center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position:relative;
}
.wrapper#store .mainArea div.RecentlyViewedItems .products_area .itemList .product,
.wrapper#store .mainArea div#RelatedProductParts .products_area .itemList .product{
  padding:1.5em 0 0 0;
	background-color: #fff;
  box-sizing: border-box;
	border:solid 1px #eee;
	position:relative;
}
.wrapper#store.top_aspx .item_colSlider.itemList .swiper-slide{
  padding:1.5em 0 0 0!important;
}
.wrapper#store .mainArea div.RecentlyViewedItems .products_area p.NewIcon{
	position:absolute;
	left:-1px;
	top:-5px;
	display:block;
}

.wrapper#store .mainArea div.RecentlyViewedItems .products_area p.NewIcon span{
	display:block;
	font-size:0.8em;
  background: #ED013C;
	color:#fff;
	padding:2px 3px;
}

.wrapper#store .mainArea div.RecentlyViewedItems .products_area .itemList .product .ItemInfoWrap,
.wrapper#store .mainArea div#RelatedProductParts .products_area .itemList .product .ItemInfoWrap{
/*	position:absolute;
	top:150px;*/
  /*background-color: var(--bgColor);*/
	display: block;
  width: 100%;
  padding:0.5em 1em;
	height:50%;
  /*opacity: 85%;*/
}

 
/*RecentlyViewedItems end*/
/* タイヤメーカーから探す TireMakerCategoryParts */
/* RecommendCategoryParts */
/* CategoryPartsEx2 */

.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li{
	border:solid 1px #ccc;
	background-color: transparent;
	text-align:left;
	padding:0;
	overflow: hidden;
	width: calc((100% / 3) - 20px);
	border-radius: 8px;
}
@media screen and (max-width: 999px){
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList.list-col3 li{
    width: calc((100% / 2) - 20px);
}}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li:hover{
	border:solid 1px  var(--keyColor);
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	height: 100%;
}

.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div{
	width:70%;
	padding:1em 1em 0px 1em;
	background-color:#fff;
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div img{
    width: auto;
    height: 34px;
}


@media screen and (max-width: 768px){
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div p{
  display: none;
}}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >figure{
	width:30%;
	background-color:#fff;
	height: calc(100% - 40px);
  position: absolute;
  right: 0;
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >figure img{
    object-fit: cover;
    height: calc(100% + 40px);
    width: 100%;
    object-position: left center;
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >p.linkTxt{
  text-decoration: none;
  color: #222;
  height: 47px;
  padding: 4px 32px 4px 12px;
  display: flex;
  width: calc(95% - 20px);
  background-color: rgba(229, 229, 229, 0.9);
  position: relative;
    margin: auto auto 10px auto;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
  position: relative;
    border-radius: 30px;
    font-size: clamp(10px, 2vw, 14px);
}

.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >p.linkTxt .material-symbols-outlined {
  font-size: 18px;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
}
/*
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >p.linkTxt:before{
    content: "";
    display: block;
    border-left: 20px solid #222;
    border-bottom: 43px solid transparent;
    right: -20px;
    top: 0;
    position: absolute;
    box-sizing: border-box;
    
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >p.linkTxt:after{
  content: "";
  display: block;
  border-left: 23px solid #222;
  border-bottom: 47px solid transparent;
  right: -23px;
  top: -2px;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
}
*/
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li:hover a >p.linkTxt{
  background-color: #fff;
  color: var(--keyColor);
  border-top: 1px solid var(--keyColor);
  border-left: 1px solid var(--keyColor);
  border-bottom: 1px solid var(--keyColor);
}
@media screen and (min-width: 768px){
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li:hover a >p.linkTxt{
    opacity:1;
    bottom:0%;
}}
/*
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li:hover a >p.linkTxt:before{
  border-left: 20px solid #fff;
  z-index: 2;
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li:hover a >p.linkTxt:after{
  content: "";
  display: block;
  border-left: 23px solid var(--keyColor);
  border-bottom: 48px solid transparent;
  right: -23px;
  top: -2px;
  position: absolute;
  z-index: 1;
}*/
@media (max-width: 768px) {
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList.list-col3 li{
    width: 100%;
}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >figure{
	display:block;
	width:25%;
	}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div{
	width:75%;
  padding: 1.6em 1em 1.6em 1em;
	}
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div img{
    width: auto;
    height: 50px;
}
}
@media (max-width: 500px) {
.wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div{
        width: 70%;
        padding: 0.6em 1em 0.6em 1em;
}
  .wrapper#store .mainArea .TireMakerCategoryParts ul.itemList li a >div img{
    width: 100%;
    height: auto;
}
}

/*tireSearchSlide*/
.wrapper#store .tireSearchSlider .categoryList ul{
    margin:0 auto;
    justify-content: flex-start;
}

.wrapper#store .tireSearchSlider .slick-next{display:none!important;}
.wrapper#store .tireSearchSlider .slick-prev{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top:auto;
}
.wrapper#store .tireSearchSlider .slick-prev.slick-disabled,
.wrapper#store .tireSearchSlider .slick-prev.slick-disabled:before,
.wrapper#store .tireSearchSlider .slick-prev.slick-disabled:after{
    opacity: 0;
    width: 0;
    height:0;
}
.wrapper#store .tireSearchSlider .slick-prev{
  width: 180px;
    border: 1px solid #666;
    padding: 1rem 0;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box;
    bottom: -70px;
}
.wrapper#store .tireSearchSlider .slick-prev:not(.slick-disabled):hover{

}
.wrapper#store .tireSearchSlider .slick-prev:before{
    content: "\e5c4";
    font-family: "Material Symbols Outlined";
    display: inline-block;
    vertical-align: middle;
}
.wrapper#store .tireSearchSlider .slick-prev:after{
  content: "前の条件から選び直す";
  font-size: 14px;
  color: #222;
  display: inline-block;
  vertical-align: middle;
}
pre {
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
}
pre h2{
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.orderhistorydetail_aspx #slip{
  display: none;
}

.ShopMailLogParts  {}
.ShopMailLogParts dl.ShopMailLog {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
}
.ShopMailLogParts dl.ShopMailLog:last-child {
	border-bottom: 1px solid #ccc;
}
.ShopMailLogParts dl.ShopMailLog dt{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ShopMailLogParts dl.ShopMailLog dt time{
	display: block;
}
.ShopMailLogParts dl.ShopMailLog dt .MailTitle{
	display: block;
	font-size:1.1em;
}
.ShopMailLogParts dl.ShopMailLog dt .ToggleButton{}
.ShopMailLogParts dl.ShopMailLog dt .ToggleButton a{
	font-size:1.8em;
	cursor: pointer;
}
.ShopMailLogParts dl.ShopMailLog dd{}
.ShopMailLogParts dl.ShopMailLog dd span{
	display: block;
	margin-top:15px;
}
.orderhistorydetail_aspx section.ShopMailBox{display: none;}
.orderhistorydetail_aspx section.ShopMailBox:has(.ShopMailLog){display: block;}

.no-scroll {
overflow:hidden;
}

.confirmation_aspx .boxRadio.cardBox {
  padding: 10px;
  box-sizing: border-box;
}
.confirmation_aspx .selectBase select{
  background-color: #fff;
}

/* SNSリンク */
.snsLinkBox, .snsLinkBoxInner {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0;
  justify-content: right;
  position: relative;
}
.reviewGenreBlock .snsLinkBox {
  width: calc(50% - 0px);
  text-align: right;
}
.wrapper#store .snsLinkBox a {
  position: relative;
  box-sizing: border-box;
  display: block;
  vertical-align: middle;
  height: auto;
}
.wrapper#store .snsLinkBox a:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  line-height: 1;
  color: #939598;
}
.wrapper#store .snsLinkBox .snsLinkFacebook:before {
  background-image: url(../images/common/ico_facebook.png);
  font-weight: 400;
  font-size: 22px;
}
.wrapper#store .snsLinkBox a+a {
  margin-left: 16px;
}
.wrapper#store .snsLinkBox .snsLinkTwitter:before {
  background-image: url(../images/common/ico_twitter.svg);
  font-weight: 400;
  font-size: 22px;
  width: 18px;
  height: 18px;
}

#RelatedProductParts .RelatedProductGroupTitle{
  display: none;
}