@charset "UTF-8";
@import url("https://image.raku-uru.jp/cms/fontcss/font.css");
/* -------------------------------
  common
max-width: 1109px
max-width: 860px
max-width: 600px
-------------------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-all;
}

html,
body {
  height: 100%;
}

body,
body * {
  font-family: YakuHanJP,"Crimson Text", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  color:#1a130c;
  background:#fff ;
}

h2 {
  font-size: 30px;
  letter-spacing: 3px;
}

h3 {
  font-size: 24px;
  letter-spacing: 3px;
}

ul,
ul li {
  list-style: none;
}

pre {
  white-space: pre-wrap;
}

/* a */

a,
a:visited {
  color:#000;
  text-decoration: underline;
}

a:hover,
button:hover {
  color:#6e5546;
  text-decoration: none;
  opacity: 0.7;
}

a:hover * {
  opacity: 0.7;
}

a img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


/* btn */
.btn,
a.btn {
  text-decoration: none;
  border-radius: 5px;
  /* border-bottom: solid 4px #b35647; */
  color:#fff;
  background-color:#82aa0a;
}
.btn:hover,
.btn:hover * {
  text-decoration: none;
}

/* input */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number] {
  line-height: 36px;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d2d2d2;
  font-size: 14px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox] {
  margin-right: 4px;
}

textarea {
  width: 100%;
  border: 1px solid #d2d2d2;
  font-size: 16px;
}

select::-ms-expand {
  display: none;
}

/* table */
table {
  width: 100%;
  border-collapse: collapse;
}
table th, table td {
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: middle;
  border: none;
  font-weight: normal;
}

/* img */
img {
  word-break: normal;
  border: none;
}

/* -------------------------------
  layout
-------------------------------
1：header
  カート画面：ヘッダー
2：footer
3：main
  見出し
4：cart
  商品リスト
  合計金額表示部
  返品規約枠
  注文完了画面
  コンビニ受取指定画面
  汎用１カラム枠
  汎用２カラムの右枠
  マイページ　カード情報登録枠
  マイページ注文履歴枠
  お問合せ履歴（マイページ・一見共用）
5：form input
6：#webcollect-token
-------------------------------*/
#wrapper {
  width: 100%;
  min-width: 1120px;
  margin: 0 auto;
}

.contents {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 1px 10px 0;
}

/* clearfix
-------------------------------*/
.clearfix::before {
  display: table;
  content: ' ';
}
.clearfix::after {
  display: table;
  content: ' ';
  clear: both;
}

/* -------------------------------
  header
-------------------------------*/
.header {
  width: 100%;
  min-height: 55px;
  border-bottom: 3px solid #6e5546;
}

.header-top {
  min-height: 5px;
  padding: 10px;
  color: #fff;
  background-color: #333;
}
.header-top::after {
  display: block;
  clear: both;
  content: '';
}
.header-top ul {
  width: 1100px;
  height: 30px;
  margin: auto;
  text-align: right;
}
.header-top ul li {
  font-size: 14px;
  line-height: 30px;
  display: inline;
  margin-left: 12px;
}
.header-top ul li a {
  position: relative;
  text-decoration: none;
  color: #fff;
}
.header-top ul li a.entry {
  padding-left: 18px;
}
.header-top ul li a.entry:before {
  margin-right: 5px;
  content: "\e90a";
  font-family: "icomoon";
  font-size: 16px;
  color: #fff;
}
.header-top ul li a.mypage {
  padding-left: 20px;
}
.header-top ul li a.mypage:before {
  margin-right: 5px;
  content: "\e927";
  font-family: "icomoon";
  font-size: 16px;
  color: #fff;
}
.header-top ul li a.cart {
  padding-left: 22px;
}
.header-top ul li a.cart:before {
  margin-right: 5px;
  content: "\e918";
  font-family: "icomoon";
  font-size: 16px;
  color: #fff;
}
.header-top ul li a.logout {
  padding-left: 20px;
}
.header-top ul li a.logout:before {
  margin-right: 5px;
  content: "\e931";
  font-family: "icomoon";
  font-size: 16px;
  color: #fff;
}

.header-menu-sp, .header-search-sp {
  display: none;
}

/* カート画面：ヘッダー */
.header-top-cart {
  padding: 0;
  color: #fff;
  background: none;
}
.header-top-cart .row {
  max-width: 1100px;
  margin: 0 auto;
}
.header-top-cart .logo {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  line-height: normal;
  color: #6e5546;
  z-index: 3;
  text-align: center;
}
.header-top-cart .logo a {
  text-align: center;
  text-decoration: none;
}
.header-top-cart .logo img {
  max-width: calc(100% - 100px);
  max-height: 200px;
  width: auto;
  height: auto;
  margin: 10px 0;
  vertical-align: middle;
  text-align: center;
}

.header-top-cart .logo .logo-text {
  font-size: 16px;
  line-height: 1.4;
  font-family: YakuHanMP,"Crimson Text",'Shippori Mincho', "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  max-width: calc(100% - 100px);
  width: auto;
  height: auto;
  display: inline-block;
  margin:10px auto;
  vertical-align: middle;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.logo-text-footer {
  position: static;
  margin: 0 auto;
  padding: 0 15px;
  font-family: YakuHanMP,"Crimson Text",'Shippori Mincho', "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  transform: translate(0, 0);
}

.header-menu-sp {
  display: none;
  position: absolute;
  z-index: 50;
  top: 50%;
  right: 10px;
  width: 28px;
  margin-top: -14px;
  color: #fff;
  margin-right: 10px;
}
.header-menu-sp a {
  display: block;
  width: 28px;
  height: 28px;
  text-decoration: none;
}
.header-menu-sp a::before {
  content: "\e926";
  font-family: 'icomoon';
  font-size: 24px;
  color: #6e5546;
}

/* -------------------------------
  footer
-------------------------------*/
#footer {
  position: relative;
  clear: both;
  width: 100%;
}

.footer-top {
  display: table;
  width: 100%;
  padding: 20px 0;
  border-top: 3px solid #6e5546;
}

.footer-bottom {
  width: 100%;
  padding: 15px;
  text-align: center;
  background-color: #6e5546;
}
.footer-bottom .Copyright,
.footer-bottom .copyright {
  font-size: 12px;
  color: #fff;
}

.footer-top-cart {
  width: 100%;
  text-align: center;
}

.footer-logo {
  display: inline-block;
  width: 100%;
}
.footer-logo img {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 100px;
}

/* pagetop */
.btn-pagetop {
  position: fixed;
  bottom: 10px;
  height: 44px;
  margin-right: 10px;
  right: 0;
  font-size: 20px;
  z-index: 999;
  transition: all linear .2s;
  opacity: 0;
}
.btn-pagetop.is-show {
  opacity: 1;
}
.btn-pagetop a {
  text-decoration: none;
  background: #6e5546;
  opacity: 0.7;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  line-height: 36px;
  vertical-align: middle;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.btn-pagetop a::after {
  content: "\e912";
  font-family: 'icomoon';
  color: #fff;
  font-size: 14px;
}
.btn-pagetop a:hover {
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  /* -------------------------------
    960pxヘッダー・フッター
  -------------------------------*/
  /* カート画面：ヘッダー */
  .header-top-cart {
    padding: 0;
    color: #fff;
    background: none;
  }
  .header-top-cart .row {
    max-width: 1100px;
    margin: 0 auto;
  }
  .header-top-cart .logo {
    width: 100%;
  }
  .header-top-cart .logo img {
    max-height: 200px;
  }
  .logo-text {
    font-size: 20px;
  }
}
/* -------------------------------
  side
-------------------------------*/
.side {
  float: left;
  width: 250px;
  padding-bottom: 50px;
}

/* lnav */
.lnav {
  margin-bottom: 38px;
}
.lnav > ul > li {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
  border-bottom: #d0d0d0 solid 1px;
}
.lnav > ul > li > div, .lnav > ul > li > a {
  margin-bottom: 15px;
}
.lnav > ul li a {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
}
.lnav > ul li a::after {
  content: "\e90b";
  font-family: "icomoon";
  font-size: 14px;
  position: absolute;
  right: 5px;
}
.lnav > ul > li span {
  font-size: 18px;
}
.lnav > ul > li a {
  font-size: 10px;
  line-height: normal;
}
.lnav-l2 > li {
  font-size: 16px;
  border-top: #d0d0d0 dotted 1px;
}
.lnav-l2 > li > a {
  line-height: 48px;
  height: 48px;
}

.lnav-l3 > li {
  font-size: 16px;
  border-top: #d0d0d0 dotted 1px;
}
.lnav-l3 > li > a {
  line-height: 48px;
  height: 48px;
  text-indent: 15px;
}

.lnav-close {
  display: none;
}

/* -------------------------------
  main
-------------------------------*/
.main {
  position: relative;
  margin-top: 60px;
}

.main:not(.main-1col) {
  float: right;
  width: 785px;
  padding-bottom: 0px;
}

.bread ~ .main {
  position: relative;
  margin-top: 0;
}

/* パンくず */
.bread {
  margin-bottom: 30px;
  margin-top: 60px;
}
.bread ul::after {
  display: block;
  clear: both;
  content: ' ';
}
.bread ul li {
  font-size: 12px;
  float: left;
  margin-right: 10px;
}
.bread ul li a::after {
  display: inline-block;
  margin-left: 10px;
  content: ' > ';
}
.bread ul li a:hover {
  text-decoration: underline;
  opacity: 1;
}

/* ttl */
.ttl {
  padding: 10px 0px;
  position: relative;
  /* border-bottom: 1px solid #6e5546; */
  color: #6e5546;
  margin-bottom: 30px;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.ttl h2 {
  font-size: 22px;
  line-height: 1;
  font-family: YakuHanMP,"Crimson Text",'Shippori Mincho', "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  font-weight: normal;
  letter-spacing: 0;
  order: 2;
}
.ttl h3 {
  font-size: 22px;
  line-height: 1;
  font-family: YakuHanMP,"Crimson Text",'Shippori Mincho', "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  font-weight: normal;
  letter-spacing: 0;
  order: 1;
  border-right: 1px solid #6e5546;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
}

/* -------------------------------
  cart
-------------------------------*/
.cart-err,
.cart-suc,
.cart-freeship {
  font-size: 14px;
  margin-bottom: 38px;
  padding: 8px 15px;
  text-align: left;
}

.cart-err {
  /*border: #E6503F solid 1px;*/
  color: #f30000;
  background-color: #ffe7e7;
}

.cart-suc {
  color: #096;
  border: #096 solid 1px;
}

.cart-freeship {
  color: #e6503f;
  background-color: #efefef;
}

.cart-freeship-rest {
  font-size: 22px;
  font-weight: bold;
}

.cart-step {
  font-size: 0;
  margin-bottom: 38px;
  text-align: center;
}
.cart-step > div {
  font-size: 14px;
  line-height: 36px;
  position: relative;
  display: inline-block;
  width: 240px;
  height: 36px;
  text-align: center;
  color: #666;
  background-color: #f5f5f5;
}
.cart-step > div:not(:last-child)::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -11px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 18px 0 18px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.cart-step > div:not(:last-child)::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -10px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 18px 0 18px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #f5f5f5;
}
.cart-step > div.active {
  color: #fff;
  background-color: #6e5546;
}
.cart-step > div.active::after {
  content: '';
  border-color: transparent transparent transparent #6e5546;
}

.cart-step-num {
  display: none;
}

/* レイアウト */
.cart-input, .cart-check, .cart-check-law {
  float: left;
  width: 710px;
}

.cart-action {
  position: relative;
  float: right;
  width: 340px;
}

.cart-1col {
  float: none;
  padding: 0 170px;
  text-align: center;
}

.cart-2col-right, .cart-mypage-history, .cart-mypage-point {
  float: none;
  padding: 0;
  text-align: left;
}

/* 見出し */
.cart-input-user h4,
.cart-input-ship h4,
.cart-input-pay h4,
.cart-input-other h4,
.cart-check-user h4,
.cart-check-ship h4,
.cart-check-pay h4,
.cart-check-other h4,
.cart-check-law h4,
.cart-1col-inner h4,
.cart-2col-right-inner h4,
.cart-mypage-history-list h4,
.cart-mypage-point-list h4,
.cart-mypage-ask-list h4,
.cart-input-ask h4,
.cart-cvs-inner h4,
.cart-card-info h4,
.cart-card-registed h4,
.cart-card-change h4,
.cart-card-remove h4,
.cart-item-list h4 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 28px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  letter-spacing: 0.05rem;
  text-align: left;
}

.cart-item-list h4 {
  font-size: 18px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#CBY0003D03 .cart-1col-inner h4,
#MEM0001D03 .cart-1col-inner h4,
#MEM0001D04 .cart-1col-inner h4,
#MLM0001D02 .cart-1col-inner h4 {
  text-align: center;
}

.cart-input-user,
.cart-input-ship,
.cart-input-pay,
.cart-input-other,
.cart-check-user,
.cart-check-ship,
.cart-check-pay,
.cart-check-other,
.cart-item-list,
.cart-1col-inner,
.cart-2col-right-inner,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list,
.cart-input-ask,
.cart-cvs-inner,
.cart-card-info,
.cart-card-registed,
.cart-card-change,
.cart-card-remove {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.cart-check-law {
  float: left;
  margin-bottom: 35px;
  padding-top: 18px;
}

.cart-input-other, .cart-check-other {
  margin-top: 28px;
  padding-top: 18px;
  border-top: #eee solid 1px;
}

/* テーブル */
.cart-input-user table,
.cart-input-ship table,
.cart-input-pay table,
.cart-input-other table,
.cart-check-user table,
.cart-check-ship table,
.cart-check-pay table,
.cart-check-other table,
.cart-item-list table,
.cart-1col-inner table,
.cart-cvs-inner table,
.cart-card-registed table,
.cart-card-change table,
.cart-card-remove table {
  width: 100%;
  margin-bottom: 15px;
}

.cart-cvs-inner table {
  width: 400px;
  margin: 0 auto 15px;
}

.cart-input-user th,
.cart-input-ship th,
.cart-input-pay th,
.cart-input-other th,
.cart-1col-inner th,
.cart-cvs-inner th,
.cart-item-list th,
.cart-card-registed th,
.cart-card-change th,
.cart-card-remove th {
  font-size: 16px;
  font-weight: normal;
  width: 194px;
  padding: 12px 12px 12px 0;
  text-align: left;
  vertical-align: top;
}

.cart-input-user th,
.cart-input-ship th,
.cart-input-pay th,
.cart-input-other th,
.cart-1col-inner th,
.cart-cvs-inner th {
  line-height: 36px;
}

.cart-check-user th,
.cart-check-ship th,
.cart-check-pay th,
.cart-check-other th{
  width: 194px;
  padding: 10px 12px 10px 0;
  text-align: left;
  font-weight: normal;
}

.form-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-top: .8em;
  margin-right: 5px;
}

#CBY0003D01  .form-checkbox input[type=checkbox] {
  vertical-align: inherit;
}

.form-checkbox label {
  vertical-align: text-bottom;
}

/* 必須 */
.cart-input-user th.cart-input-require::after,
.cart-input-ship th.cart-input-require::after,
.cart-input-pay th.cart-input-require::after,
.cart-input-other th.cart-input-require::after,
.cart-1col-inner th.cart-input-require::after,
.cart-cvs-inner th
.cart-card-change th.cart-input-require::after {
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
  content: '＊必須';
  color: #d70035;
  line-height: 13px;
}

.cart-item-list table th img {
  width: 140px;
  height: auto;
}

.cart-input-user td,
.cart-input-ship td,
.cart-input-pay td,
.cart-input-other td,
.cart-1col-inner td,
.cart-cvs-inner td,
.cart-check-user td,
.cart-check-ship td,
.cart-check-pay td,
.cart-check-other td,
.cart-item-list td,
.cart-card-registed td,
.cart-card-change td,
.cart-card-remove td {
  font-weight: normal;
  padding: 10px 0;
  text-align: left;
  vertical-align: top;
}

.cart-input-user td,
.cart-input-ship td,
.cart-input-pay td,
.cart-input-other td,
.cart-1col-inner td,
.cart-item-list td,
.cart-cvs-inner td {
  font-size: 16px;
}

.cart-check-user td,
.cart-check-ship td,
.cart-check-pay td,
.cart-check-other td,
.cart-card-registed td,
.cart-card-change td,
.cart-card-remove td {
  font-size: 14px;
}

.cart-input-user input[type=text], .cart-input-user input[type=email], .cart-input-user input[type=tel], .cart-input-user input[type=number],
.cart-input-ship input[type=text],
.cart-input-ship input[type=email],
.cart-input-ship input[type=tel],
.cart-input-ship input[type=number],
.cart-input-pay input[type=text],
.cart-input-pay input[type=email],
.cart-input-pay input[type=tel],
.cart-input-pay input[type=number],
.cart-check-pay input[type=text],
.cart-check-pay input[type=email],
.cart-check-pay input[type=tel],
.cart-check-pay input[type=number] {
  line-height: 36px;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: #d2d2d2 solid 1px;
}

.cart-1col-inner input[type=text],
.cart-card-change input[type=text],
.cart-cvs-inner input[type=tel],
.cart-input-user input[type=password],
.cart-1col-inner input[type=password] {
  line-height: 36px;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: #d2d2d2 solid 1px;
}

.cart-input-user textarea,
.cart-input-ship textarea,
.cart-input-pay textarea,
.cart-1col-inner textarea,
.cart-input-ask textarea {
  line-height: 1.8;
  height: 120px;
  padding: 0 10px;
  border: #d2d2d2 solid 1px;
}

.form_error {
  font-size: 14px;
  margin-top: 5px;
  color: #f30000;
}

/* 会員登録 */

.cart-input .no-pruduct-message {
  font-size: 16px;
  margin-bottom: 60px;
  text-align: center;
}

.cart-input-member-logoutbtn {
  display: inline-block;
  margin-left: 15px;
}
.cart-input-member-logoutbtn a {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  height: 30px;
  padding: 0 12px;
  text-decoration: none;
  border: none;
  color:#fff;
  background-color:#82aa0a;
}
.cart-input-member-logoutbtn a:hover,
.cart-input-member-logoutbtn a:hover * {
  text-decoration: none;
}

.cart-input-name div,
.cart-input-kana div {
  display: inline-block;
  vertical-align: top;
}
.cart-input-name div:first-child,
.cart-input-kana div:first-child {
  margin-right: 15px;
}
.cart-input-name label,
.cart-input-kana label {
  line-height: 35px;
  display: table-cell;
  float: left;
  width: 2rem;
  margin-right: 8px;
  text-align: right;
}
.cart-input-name input[type=text],
.cart-input-kana input[type=text] {
  width: 200px;
}

.cart-input-zipcode input[type=tel] {
  display: inline-block;
  width: 120px;
  text-align: left;
}
.cart-input-zipcode a {
  font-size: 16px;
  display: inline-block;
  padding: 4px 8px;
  text-decoration: none;
  border-radius: 1px;
  color:#fff;
  background-color:#82aa0a;
}
.cart-input-zipcode a:hover,
.cart-input-zipcode a:hover * {
  text-decoration: none;
}
a.btn-removeship,
a.btn-addship,
a.btn-removeship:hover,
a.btn-addship:hover {
  color:#fff;
  background-color:#82aa0a;
}

.cart-input-pay-img img {
  max-width: calc(100% - 16px);
  margin: 0 8px;
}

.cart-input-pay div[id^="cart-input-pay-"] + table {
  margin-top: 24px;
}

.cart-input-pay-point input[type=number] {
  width: 80px;
  margin-right: 5px;
}

.cart-input-pay-point-hold {
  display: inline-block;
}

.cart-input-pay-card ul li {
  margin-left: 24px;
}
.cart-input-pay-card ul li dl {
  margin-bottom: 8px;
}
.cart-input-pay-card ul li dt {
  float: left;
  width: 120px;
  color: #999;
}
.cart-input-pay-card ul li label {
  font-weight: bold;
  display: inline-block;
  margin: 4px 0 8px -24px;
  vertical-align: middle;
}
.cart-input-pay-card ul li label input[type=radio] {
  width: 12px;
  margin-right: 12px;
}

.cart-input-pay-cardbtn {
  margin-bottom: 25px;
}
.cart-input-pay-cardbtn input,
.cart-input-pay-cardbtn a {
  font-size: 20px;
  line-height: 55px;
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  text-align: center;
  text-decoration: none;
  border: none;
  color:#fff;
  background-color:#82aa0a;
}
.cart-input-pay-cardbtn input:hover,
.cart-input-pay-cardbtn a:hover,
.cart-input-pay-cardbtn input:hover *,
.cart-input-pay-cardbtn a:hover * {
  text-decoration: none;
}

.cart-conf-mail a {
  font-size: 16px;
  display: inline-block;
  padding: 4px 8px;
  text-decoration: none;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 1px;
  background: #fff;
}

.shipping-number {
  border-left: solid 5px #b35647;
}

a.cart-link,
a.cart-link-btn {
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  margin-left: 5px;
  border-radius: 5px;
  /* border-bottom: solid 4px #b35647; */
  color:#fff;
  background-color:#82aa0a;
  border: none;
}
a.cart-link:hover,
a.cart-link-btn:hover,
a.cart-link:hover *,
a.cart-link-btn:hover * {
  text-decoration: none;
}

.cart-input-birthday .form-select {
  display: inline-block;
  width: 115px;
  margin-right: 5px;
  vertical-align: middle;
}
.cart-input-birthday .form-select label {
  min-width: 90px;
}

/* 商品リスト */
.cart-item-list-info div {
  display: inline-block;
}

.cart-item-list-brand::before {
  content: 'ブランド：';
  font-weight: bold;
}

.cart-item-list-cord::before {
  content: '商品コード：';
  font-weight: bold;
}

.cart-item-list-name::before {
  content: '商品名：';
  font-weight: bold;
}

.cart-item-list-vali::before {
  content: 'バリエーション：';
  font-weight: bold;
}

.cart-item-list-price::before {
  content: '価格：';
  font-weight: bold;
}

.cart-item-list-quantity::before {
  content: '数量：';
  font-weight: bold;
}

.cart-item-list-btn {
  text-align: right;
}

.cart-item-list-cnt input[type=button] {
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 1px;
  text-decoration: none;
  border: none;
  color:#fff;
  background-color:#82aa0a;
  -webkit-appearance: none;
}
.cart-item-list-cnt input[type=button]:hover {
  text-decoration: none;
  opacity: 0.7;
}

.cart-item-list-cnt input[type=number] {
  font-size: 16px;
  width: 60px;
  height: 30px;
  padding: 0 4px;
  text-align: right;
  vertical-align: top;
  border-radius: 1px;
}
.cart-item-list-cnt .form-select label {
  top: -2px;
  min-width: 120px;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
}
.cart-item-list-cnt .form-select label select {
  line-height: 30px;
  height: 30px;
  direction: rtl;
}

.cart-item-list-del {
  margin-left: 10px;
}
.cart-item-list-del input[type=button] {
  font-size: 16px;
  height: 30px;
  padding: 0 8px;
  border-radius: 1px;
  text-decoration: none;
  border: none;
  /* background: #999; */
  color:#fff;
  background-color:#82aa0a;
  -webkit-appearance: none;
}
.cart-item-list-del input[type=button]:hover {
  text-decoration: none;
  opacity: 0.7;
}

.cart-item-list-err {
  display: inline-block;
  width: 100%;
  margin: 8px 0;
  padding: 6px 8px;
  color: #e6503f;
  border: 1px solid #e6503f;
}

/* 合計金額表示部 */
.cart-action-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
  padding: 25px;
  background: -webkit-repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 3px, #fbfbfb 3px, #fbfbfb 7px);
  background: repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 3px, #fbfbfb 3px, #fbfbfb 7px);
}
.cart-action-inner.js-fixed {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 50%;
  margin-left: 200px;
}

.cart-action-btn {
  width: 100%;
  margin-bottom: 25px;
}
.cart-action-btn a {
  font-size: 20px;
  line-height: 55px;
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  /*border-bottom: solid 4px #b35647;  */
  color:#fff;
  background-color:#82aa0a;
}
.cart-action-btn a:hover,
.cart-action-btn a:hover * {
  text-decoration: none;
}

.cart-action-btn a span {
  display: block;
  width: 100%;
}
.cart-action-btn a span::before {
  content: "\e90b";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
  line-height: 1;
  margin-right: 10px;
}
.cart-action-btn a.cart-action-btn-comp span::before {
  margin-top: -9px;
  content: "\e939";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
}

.cart-action-btns-top {
  margin-bottom: 20px;
}

.cart-action-btn-buy,
.cart-action-btn-login,
.cart-action-btn-regist,
.cart-action-btn-kmid,
.cart-action-btn-confirm {
  width: 100%;
  margin-bottom: 5px;
}

.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-back a {
  font-size: 16px;
  line-height: 35px;
  position: relative;
  display: block;
  width: 100%;
  height: 35px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  /*border-bottom: solid 4px #b35647;*/
  /* border: none; */
  color:#fff;
  background-color:#82aa0a;
}

.cart-action-btn-confirm a {
  font-size: 20px;
}

.cart-action-btn-kmid a img {
  display: block;
  max-width: 100%;
  max-height: 76px;
  margin: 0 auto;
}

.cart-action-btn-buy a:hover,
.cart-action-btn-login a:hover,
.cart-action-btn-regist a:hover,
.cart-action-btn-back a:hover,
.cart-action-btn-kmid > a:hover,
.cart-action-btn-buy a:hover *,
.cart-action-btn-login a:hover *,
.cart-action-btn-regist a:hover *,
.cart-action-btn-back a:hover *,
.cart-action-btn-kmid > a:hover * {
  text-decoration: none;
}

.cart-action-btn-buy a {
  background-color: #362e2b;
  font-size: 20px;
  line-height: 60px;
  height: 60px;
  border-radius: 5px;
  /* border-bottom: solid 4px #b35647;  */
  text-decoration: none;
  color:#fff;
  background-color:#82aa0a;
}
.cart-action-btn-buy a:hover,
.cart-action-btn-buy a:hover * {
  text-decoration: none;
}

.cart-action-btn-kmid > a {
  font-size: 20px;
  line-height: 55px;
  height: 55px;
  background: none;
  /* border-bottom: solid 4px #999; */
}

.cart-action-btn-buy a span::before {
  margin-right: 5px;
  content: "\e90b";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
}

.cart-action-btn-confirm a span::before {
  margin-right: 15px;
  content: "\e939";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
}

.cart-action-btn-back {
  width: 100%;
  margin-top: 25px;
}
.cart-action-btn-back a span::before {
  content: "\ea3c";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -18px;
  transform: rotate(180deg);
}

.cart-action-sum {
  margin-bottom: 18px;
}
.cart-action-sum th {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}
.cart-action-sum td {
  font-size: 16px;
  font-weight: normal;
  text-align: right;
}

.cart-action-inner table {
  width: 100%;
}

.cart-action-sum-item-tax {
  font-size: 12px;
}

.cart-action-total {
  padding-top: 12px;
  border-top: #d2d2d2 solid 1px;
}
.cart-action-total th {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}
.cart-action-total td {
  font-size: 24px;
  font-weight: bold;
  text-align: right;
}

.cart-action-total-ship {
  font-size: 12px;
}

.cart-action-link {
  margin-top: 18px;
  text-align: center;
}
.cart-action-link a {
  text-decoration: underline;
}

.cart-action-breakdown th,
.cart-action-breakdown td {
	font-size: 13px;
	font-weight: normal;
}
.cart-action-subtotal th,
.cart-action-subtotal td {
	border-top: 1px solid #d0d0d0;
}
.cart-action-sum .cart-action-sum-ship-multiple:first-child th,
.cart-action-sum .cart-action-sum-ship-multiple:first-child td {
	padding-top: 12px;
}

/* 返品規約枠 */
.cart-check-law {
  clear: both;
}
.cart-check-law p {
  margin-bottom: 1em;
}
.cart-check-law a {
  text-decoration: underline;
}

.cart-check-law-term {
  width: 100%;
  margin-bottom: 35px;
  padding-top: 18px;
}

/* 注文完了画面 */
.cart-comp-code {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  width: auto;
  margin-bottom: 50px;
  padding: 15px 30px;
  text-align: center;
  border: #000 solid 1px;
}

.cart-comp-txt {
  font-size: 16px;
}

.cart-comp-btn-area {
  margin-bottom: 30px;
  text-align: center;
}
.cart-comp-btn-area a {
  font-size: 15px;
  position: relative;
  display: inline-block;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  border: none;
  color:#fff;
  background-color:#82aa0a;
}

/* コンビニ受取指定画面 */
.cart-cvs-cnt {
  font-weight: bold;
  text-align: left;
}

.cart-cvs-inner > ul {
  clear: both;
  border-top: 1px solid #d2d2d2;
}
.cart-cvs-inner > ul > li {
  display: flex;
  clear: both;
  text-align: left;
  border-bottom: 1px solid #d2d2d2;
}
.cart-cvs-inner > ul > li div {
  padding: 10px 15px 5px;
}
.cart-cvs-inner > ul div {
  width: 70px;
}
.cart-cvs-inner div img {
  max-width: 40px;
  max-height: 56px;
}
.cart-cvs-inner > ul > li ul {
  position: relative;
  width: 100%;
  padding: 5px;
}
.cart-cvs-inner > ul > li li a {
  display: inline-block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  color:#fff;
  background-color:#82aa0a;
}
.cart-cvs-inner > ul > li li:first-child {
  font-weight: bold;
}
.cart-cvs-inner > ul > li li:nth-last-child(3) a {
  position: absolute;
  width: 140px;
  height: 33px;
  right: 150px;
  top: calc(100% - 40px);
  line-height: 21px;
}
.cart-cvs-inner > ul > li li:nth-last-child(-n+2) a {
  position: absolute;
  width: 140px;
  height: 33px;
  right: 5px;
  top: calc(100% - 40px);
  line-height: 21px;
}
.cart-cvs-inner > ul > li li:last-child {
  display: none;
}

/* 汎用１カラム枠 */
.cart-1col-msg {
  font-size: 15px;
  margin-bottom: 25px;
  text-align: center;
}

.cart-1col-btn,
.cart-2col-right-btn {
  font-size: 15px;
  margin-bottom: 25px;
  text-align: center;
}
.cart-1col-btn .btn,
.cart-2col-right-btn .btn {
  font-size: 16px;
  font-weight: normal;
  line-height: 44px;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 44px;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  /* border-bottom: solid 4px #b35647;  */
  color:#fff;
  background-color:#82aa0a;
  /*border-bottom: solid 4px #b35647;*/
  letter-spacing: 0.2rem;
}
.cart-1col-btn .btn span::before,
.cart-2col-right-btn .btn span::before {
  display: block;
  content: "\ea3c";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -22px;
}
.cart-2col-right-btn .btn.btn-reorder {
  width: auto;
  margin-top: 10px;
}
.cart-1col-btn .btn-back {
  margin-right: 18px;
}
.cart-1col-btn .btn-back span::before {
  transform: rotate(180deg);
}

#MEM0001D02 .cart-1col-btn {
  display:inline-flex;
  flex-direction:column-reverse;
  width:100%;
}

/* マイページ　カード情報登録枠 */
.cart-card-change-btn,
.cart-card-remove-btn,
.cart-card-registed-btn {
  margin-top: 30px;
}
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a {
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  width: 30%;
  height: 44px;
  padding: 0 12px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2rem;
  /* border-bottom: solid 4px #b35647 ! important;  */
  border: none;
  color:#fff;
  background-color:#82aa0a;
}

.cart-card-registed-info table,
.cart-card-change-info table,
.cart-card-remove table {
  width: 100%;
  margin: 30px auto;
}

.cart-card-info-msg p:first-child {
  font-size: 16px;
  margin-bottom: 1em;
  color: #f30000;
}

.cart-card-registed-change-btn {
  margin-right: 15px;
}

input[type=text].cart-card-change-expire-year {
  width: 40px;
  margin: 0 3px;
  text-align: right;
}
input[type=text].cart-card-change-expire-month {
  width: 40px;
  margin: 0 3px;
  text-align: right;
  margin-left: 11px;
}
input[type=text].cart-card-change-name {
  width: 100%;
}

/* マイページ注文履歴枠 */
.cart-mypage-history-list a {
  display: block;
  text-decoration: none;
}
.cart-mypage-history-list li {
  display: table;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  border-collapse: collapse;
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
}
.cart-mypage-history-list li span {
  display: table-cell;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
}
.cart-mypage-history-list li:first-child span {
  text-align: center;
  color: #999;
}
.cart-mypage-history-list li span:first-child, .cart-mypage-history-list li span:nth-child(2) {
  width: 100px;
  text-align: left;
}
.cart-mypage-history-list li span:nth-child(3) {
  width: 110px;
  text-align: left;
  word-break: normal;
}
.cart-mypage-history-list li span:nth-child(4) {
  width: 260px;
}
.cart-mypage-history-list li span:nth-child(5) {
  width: 130px;
}
.cart-mypage-history-list li span:last-child {
  width: 90px;
  text-align: right;
}

.cart-mypage-history-list .order-sts-hide li span:first-child {
  width: 150px;
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(2) {
  width: 110px;
  text-align: center;
  word-break: normal;
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(3) {
  width: 320px;
}
.cart-mypage-history-list .order-sts-hide li:first-child span:nth-child(3) {
  text-align: center;
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(4) {
  width: 130px;
}
.cart-mypage-history-list .order-sts-hide li span:last-child {
  width: 90px;
  text-align: right;
}

.cart-mypage-history-order {
  font-weight: bold;
  border-bottom: solid 2px #000;
  margin-bottom: 20px;
}
.cart-mypage-history-order::after {
  display: block;
  clear: both;
  margin-bottom: 10px;
  content: ' ';
}

.cart-mypage-history-order-total {
  font-size: 28px;
  line-height: 38px;
  display: inline-block;
  float: left;
}
.cart-mypage-history-order-total::before {
  font-size: 16px;
  padding-right: 12px;
  content: '合計:';
}

.cart-mypage-history-order-status {
  display: inline-block;
  float: left;
  margin-left: 24px;
  padding-top: 14px;
  vertical-align: bottom;
}
.cart-mypage-history-order-status::before {
  padding-right: 12px;
  content: 'ステータス：';
}

.cart-mypage-history-order-detail li {
  display: table;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  border-collapse: collapse;
  text-align: right;
  font-size: 16px;
}
.cart-mypage-history-order-detail li span {
  display: table-cell;
  padding: 5px;
  word-break: break-all;
}
.cart-mypage-history-order-detail li span:first-child {
  width: calc( 100% - 100px);
}
.cart-mypage-history-order-detail li span:last-child {
  width: 100px;
  text-align: right;
}
.cart-mypage-history .cart-item-list-photo label {
  display: inline-block;
}

.cart-mypage-history .cart-item-list-photo label img {
  pointer-events: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background-image: none;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:after {
  position:absolute;
  top:4px;
  left:4px;
  content: "\ea40";
  font-family: "icomoon";
  font-size: 12px;
  text-align:center;
}

.ui-datepicker .ui-datepicker-next:after {
  position:absolute;
  top:4px;
  left:4px;
  content: "\ea3c";
  font-family: "icomoon";
  font-size: 12px;
  text-align:center;
}

.cart-mypage-point-list a {
  text-decoration: none;
}
.cart-mypage-point-list li {
  display: table;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  border-collapse: collapse;
  border-bottom: 1px solid #d9d9d9;
}
.cart-mypage-point-list li span {
  display: table-cell;
  padding: 5px;
  word-break: break-all;
  text-align: center;
}
.cart-mypage-point-list li:first-child span {
  color: #999;
}
.cart-mypage-point-list li span:first-child {
  width: 200px;
}
.cart-mypage-point-list li span:last-child {
  width: 130px;
}

.cart-mypage-ask-list-cnt {
  font-weight: bold;
}

.cart-mypage-ask-list a {
  display: block;
  text-decoration: none;
}
.cart-mypage-ask-list li {
  display: table;
  width: 100%;
  padding: 5px;
  border-collapse: collapse;
  border-bottom: 1px solid #d9d9d9;
}
.cart-mypage-ask-list li span {
  display: table-cell;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
  font-size: 14px;
}
.cart-mypage-ask-list li:first-child span {
  text-align: center;
  color: #999;
}
.cart-mypage-ask-list li span:first-child {
  width: 105px;
}
.cart-mypage-ask-list li span:nth-child(2) {
  width: 380px;
}
.cart-mypage-ask-list li span:nth-child(3) {
  width: 80px;
}
.cart-mypage-ask-list li span:nth-child(4), .cart-mypage-ask-list li span:last-child {
  width: 110px;
  word-break: normal;
}

/* お問合せ履歴（マイページ・一見共用） */
.cart-input-ask ul {
  margin-top: 32px;
  padding: 12px;
  border: 1px solid #d2d2d2;
}
.cart-input-ask li {
  padding: 12px 160px;
}
.cart-input-ask li.cart-input-ask-history-num, .cart-input-ask li.cart-input-ask-history-title {
  padding: 12px;
  text-align: left;
}

.cart-input-ask-history-btn {
  font-size: 15px;
  margin: 12px 0 16px;
  text-align: right;
}
.cart-input-ask-history-btn a {
  text-decoration: none;
}
.cart-input-ask-history-btn .btn {
  font-size: 16px;
  font-weight: normal;
  line-height: 44px;
  position: relative;
  display: inline-block;
  width: 152px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  color:#fff;
  background-color:#82aa0a;
}

.cart-input-ask li.cart-input-ask-history-shop {
  padding-left: 12px;
}
.cart-input-ask li.cart-input-ask-history-cus {
  padding-right: 12px;
}

.cart-input-ask-history-content {
  padding: 5px;
  text-align: left;
  word-break: break-all;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.cart-input-ask-history-cus .cart-input-ask-history-content {
  background-color: #cfc;
}

.cart-input-ask-history-date {
  font-size: 80%;
  text-align: left;
  color: #999;
}

.cart-mypage-address-list li {
  font-size: 14px;
}

.cart-mypage-address-list li span:last-child {
  min-width: 110px;
}

/* -------------------------------
  form input
-------------------------------*/
.form-select label {
  position: relative;
  display: inline-block;
  overflow: hidden;
  min-width: 250px;
  height: 36px;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  background-color: #f3f3f3;
}
.form-select label::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 7px;
  display: block;
  width: 15px;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  content: "\e93b";
  font-family: "icomoon";
  font-size: 16px;
  color: #000;
}
.form-select select {
  font-size: 14px;
  line-height: 36px;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 30px 0 10px;
  border: 0;
  outline: none;
  background: transparent;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-checkbox {
  display: inline-block;
  vertical-align: middle;
}

.form-radio input[type=radio] {
  margin-right: 5px;
}

.form-tbl-show {
  display: none;
}
.form-tbl-show.active {
  display: table;
}

/* Tips */
.visibleTips {
  z-index: 100 !important;
  opacity: .8 !important;
}

.normalTips {
  z-index: -1;
  opacity: 0;
}

#Tips {
  position: fixed;
  display: inline-block;
  border-radius: 5px;
  background: #efefef;
}
#Tips div {
  line-height: 1.5;
  margin: 2px;
  padding: 10px 15px 9px;
  color: #f00;
  border: 1px solid #f00;
  border-radius: 5px;
}

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

.cart-mypage-address .cart-2col-right-btn a.btn:nth-child(2)::before {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -22px;
  content: "\ea3c";
  font-family: "icomoon";
  font-size: 16px;
  color:#fff;
}

@media only screen and (max-width: 1109px) {
  #wrapper, .wrapper {
    min-width: 100%;
  }

  .contents {
    width: 100%;
  }

  .main:not(.main-1col) {
    float: right;
    width: calc(75% - 15px);
  }

  .side {
    width: calc(25% - 15px);
  }

  .header-top ul {
    width: 100%;
  }

  .cart-input, .cart-check, .cart-check-law {
    width: calc( 100% - 370px );
  }

  .cart-action-inner.js-fixed {
    margin-left: calc( 50% - 350px );
  }

  .cart-input-name td div, .cart-input-kana td div {
    width: calc( 50% - 5px );
  }

  .cart-input-name td div:first-child, .cart-input-kana td div:first-child {
    margin-right: 0px;
  }

  .cart-input-name td input[type=text], .cart-input-kana td input[type=text] {
    width: calc( 100% - 45px );
  }
}
@media only screen and (max-width: 860px) {
  .cart-input, .cart-check, .cart-check-law {
    width: 100%;
    margin-bottom: 35px;
  }

  .cart-1col {
    width: 100%;
    padding: 0;
  }

  .cart-check-law {
    margin-top: 20px;
    font-size: 14px;
  }

  .cart-step {
    font-size: 0;
    margin-bottom: 9px;
    padding: 0 10px;
    text-align: center;
  }
  .cart-step > div {
    font-size: 10px;
    line-height: 38px;
    display: inline-block;
    width: 33.33%;
    height: 38px;
    margin: 0;
    text-align: center;
    border: solid 1px #fff;
  }

  .cart-action {
    float: none;
    clear: both;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .cart-action-inner {
    position: inherit;
    top: 0;
    left: auto;
    clear: both;
    width: 100%;
    margin-bottom: 24px;
    padding: 20px 15px;
    border: #f5f5f5 5px solid;
  }
  .cart-action-inner.js-fixed {
    position: inherit;
    top: 0;
    left: auto;
    margin: 0 auto;
  }

  .cart-action-btn {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .cart-action-btn a {
    font-size: 16px;
    line-height: 44px;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 44px;
    text-align: center;
    border: none;
    border-radius: 3px;
  }
  .cart-action-btn a span::before {
    position: absolute;
    top: 50%;
    left: 60px;
    display: block;
    width: 10px;
    height: 14px;
    margin-top: -7px;
    content: "\e90b";
    font-family: "icomoon";
    font-size: 16px;
    color:#fff;
  }
  .cart-action-btn a.cart-action-btn-comp span::before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    content: "\e939";
    font-family: "icomoon";
    font-size: 16px;
    color:#fff;
  }
  .cart-action-btn-confirm a span::before {
    position: absolute;
    top: 50%;
    left: 60px;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    content: "\e939";
    font-family: "icomoon";
  }

  .cart-action-btns-top {
    margin-bottom: 15px;
  }

  .cart-action-btn-back {
    margin-top: 15px;
  }

  .cart-subtotal {
    margin-bottom: 5px;
  }

  .cart-action-inner table {
    width: 100%;
  }
  .cart-action-inner table th {
    font-size: 16px;
  }
  .cart-action-inner table td {
    font-size: 16px;
    text-align: right;
  }

  .cart-action-sum-all th, .cart-action-sum-all td {
    padding-top: 6px;
    border-top: #d2d2d2 solid 1px;
  }
}
@media only screen and (max-width: 600px) {
  /* -------------------------------
    600px：header
  -------------------------------*/
  .header {
    position: relative;
    width: 100%;
    box-shadow: none;
  }

  .header-top {
    position: absolute;
    top: 124px;
    left: 0;
    width: 100%;
    min-height: 0;
    padding: 0;
    color: #fff;
    background-color: #333;
  }
  .header-top .gnav {
    display: none;
  }
  .header-top ul {
    display: table;
    float: none;
    width: 100%;
    height: 44px;
  }
  .header-top ul li {
    font-size: 10px;
    line-height: 30px;
    display: table-cell;
    float: none;
    width: 33.33%;
    margin-left: 0;
    text-align: center;
  }
  .header-top ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    padding-top: 18px;
    color: #fff;
  }
  .header-top ul li a.entry {
    padding-left: 0;
  }
  .header-top ul li a.entry:before {
    content: "\e929";
    font-family: "icomoon";
    font-size: 16px;
    color: #fff;
  }
  .header-top ul li a.mypage {
    padding-left: 0;
  }
  .header-top ul li a.mypage:before {
    content: "\e90a";
    font-family: "icomoon";
    font-size: 16px;
    color: #fff;
  }
  .header-top ul li a.cart {
    padding-left: 0;
  }
  .header-top ul li a.cart:before {
    content: "\e918";
    font-family: "icomoon";
    font-size: 16px;
    color: #fff;
  }
  .header-top ul li a.logout {
    padding-left: 0;
  }
  .header-top ul li a.logout:before {
    content: "\e931";
    font-family: "icomoon";
    font-size: 16px;
    color: #fff;
  }

  /* -------------------------------
    600px：side
  -------------------------------*/
  .side {
    float: none;
    width: 100%;
    padding-bottom: 0;
  }

  .lnav {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: -100%;
    overflow: scroll;
    width: 100%;
    height: 100%;
    margin-bottom: 38px;
    padding-bottom: 50px;
    -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background: #fff;
  }

  .nav-open {
    overflow: hidden;
  }
  .nav-open .lnav {
    left: 0;
  }
  .nav-open .overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
  }

  .lnav > ul > li {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
  }
  .lnav > ul > li > div, .lnav > ul > li > a {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 16px 10px;
  }
  .lnav > ul li a:after {
    content: "\e90b";
    font-family: "icomoon";
    font-size: 16px;
    padding-top: 2px;
    color:#fff;
  }
  .lnav > ul li .lnav-l2 > li {
    font-size: 14px;
    border-top: #1a130c dotted 1px;
  }
  .lnav > ul li .lnav-l2 > li > a {
    line-height: 36px;
    height: 36px;
  }
  .lnav > ul li .lnav-l3 > li {
    font-size: 14px;
    border-top: #1a130c dotted 1px;
  }
  .lnav > ul li .lnav-l3 > li > a {
    line-height: 36px;
    height: 36px;
    text-indent: 15px;
  }
  .lnav > ul > li > a > p, .lnav > ul > li > div > p {
    font-size: 12px;
    display: inline;
    margin-right: 5px;
  }
  .lnav > ul > li span {
    font-size: 16px;
    display: inline-block;
  }

  .lnav-close {
    font-size: 10px;
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    border-bottom: rgba(238, 238, 238, 0.27) solid 1px;
    background-color: #6e5546;
  }
  .lnav-close a {
    display: block;
    height: 100%;
    color: transparent;
  }
  .lnav-close a::before {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: "\e904";
    font-family: 'icomoon';
    font-size: 22px;
    color: #fff;
  }

  /* .lnav .gnav */
  .lnav .gnav {
    font-size: 0;
    padding: 0;
  }
  .lnav .gnav li {
    line-height: 50px;
    display: inline-block;
    width: 50%;
    border-right: rgba(238, 238, 238, 0.27) solid 1px;
    background-color: #6e5546;
  }
  .lnav .gnav li a {
    font-size: 16px;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-top: 20px;
    text-align: center;
    color: #fff;
  }
  .lnav .gnav li a.logout::after, .lnav .gnav li a.cart::after {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    text-align: left;
    color: #fff;
    position: absolute;
    left: 10px;
  }
  .lnav .gnav li a.logout::after {
    content: "\e931";
  }
  .lnav .gnav li a.cart::after {
    content: "\e918";
  }

  .gnav {
    text-align: left;
  }

  .header-menu-sp {
    display: block;
  }

  /* -------------------------------
    600px：main
  -------------------------------*/
  .main {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0;
  }

  /* パンくず */
  .bread {
    margin: 0 -10px 20px;
    padding: 8px 10px;
    background-color: #f5f5f5;
  }
  .bread ~ .main {
    float: none;
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
  }
  .bread ul li {
    font-size: 12px;
    float: left;
    margin-right: 8px;
    color: #000;
  }
  .bread ul li a {
    text-decoration: none;
  }
  .bread ul li a:after {
    display: inline-block;
    margin-left: 8px;
    content: '>';
    color: #666;
  }

  /* 見出し */
  .ttl {
    margin-bottom: 2.0em;
    flex-direction: column;
  }
  .ttl h2 {
    font-size: 16px;
    margin-right: 0;
    padding-top: 10px;
  }
  .ttl h3 {
    font-size: 24px;
    border: none;
  }

  /* err */
  .cart-err,
  .cart-suc,
  .cart-freeship {
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 10px 10px;
  }

  .cart-action-inner.js-fixed {
    top: 0;
    left: 740px;
    margin-left: auto;
  }

  .cart-input, .cart-check {
    width: 100%;
  }

  .cart-check-law {
    font-size: 14px;
    margin-top: 20px;
  }

  .form_error {
    font-size: 12px;
  }

  .cart-1col, .cart-2col-right {
    width: 100%;
    padding: 0;
    text-align: left;
  }

  .cart-input-birthday .form-select {
    display: inline-block;
    width: 85px;
    margin-right: 0;
    vertical-align: middle;
  }
  .cart-input-birthday .form-select:first-child {
    width: 115px;
  }
  .cart-input-birthday .form-select label {
    min-width: 0;
    max-width: 60px;
    margin-right: 0;
  }
  .cart-input-birthday .form-select:first-child label {
    max-width: 90px;
  }
  .cart-input-birthday .form-select label::after {
    right: 6px;
  }
  .cart-input-birthday .form-select select {
    padding-right: 10px;
  }

  .cart-check-law,
  .cart-input-user,
  .cart-input-ship,
  .cart-input-pay,
  .cart-input-other,
  .cart-check-user,
  .cart-check-ship,
  .cart-check-pay,
  .cart-check-other,
  .cart-item-list,
  .cart-1col-inner,
  .cart-2col-right-inner,
  .cart-mypage-history-list,
  .cart-mypage-point-list,
  .cart-mypage-ask-list,
  .cart-input-ask,
  .cart-cvs-inner,
  .cart-card-info,
  .cart-card-registed,
  .cart-card-change,
  .cart-card-remove {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 12px;
    text-align: left;
    border-top: none;
  }
  .cart-check-law h4,
  .cart-input-user h4,
  .cart-input-ship h4,
  .cart-input-pay h4,
  .cart-input-other h4,
  .cart-check-user h4,
  .cart-check-ship h4,
  .cart-check-pay h4,
  .cart-check-other h4,
  .cart-item-list h4,
  .cart-1col-inner h4,
  .cart-2col-right-inner h4,
  .cart-mypage-history-list h4,
  .cart-mypage-point-list h4,
  .cart-mypage-ask-list h4,
  .cart-input-ask h4,
  .cart-cvs-inner h4,
  .cart-card-info h4,
  .cart-card-registed h4,
  .cart-card-change h4,
  .cart-card-remove h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
    padding-bottom: 8px;
    text-align: left;
  }
  .cart-check-law h4::after,
  .cart-input-user h4::after,
  .cart-input-ship h4::after,
  .cart-input-pay h4::after,
  .cart-input-other h4::after,
  .cart-check-user h4::after,
  .cart-check-ship h4::after,
  .cart-check-pay h4::after,
  .cart-check-other h4::after,
  .cart-item-list h4::after,
  .cart-1col-inner h4::after,
  .cart-2col-right-inner h4::after,
  .cart-mypage-history-list h4::after,
  .cart-mypage-point-list h4::after,
  .cart-mypage-ask-list h4::after,
  .cart-input-ask h4::after,
  .cart-cvs-inner h4::after,
  .cart-card-info h4::after,
  .cart-card-registed h4::after,
  .cart-card-change h4::after,
  .cart-card-remove h4::after {
    width: 160px;
  }

  .cart-input-user table,
  .cart-input-ship table,
  .cart-input-pay table,
  .cart-input-other table,
  .cart-check-user table,
  .cart-check-ship table,
  .cart-check-pay table,
  .cart-check-other table,
  .cart-item-list table,
  .cart-1col-inner table,
  .cart-cvs-inner table,
  .cart-card-registed-info table,
  .cart-card-change-info table,
  .cart-card-remove table {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }

  .cart-input-user tbody, .cart-input-user tr,
  .cart-input-ship tbody,
  .cart-input-ship tr,
  .cart-input-pay tbody,
  .cart-input-pay tr,
  .cart-input-other tbody,
  .cart-input-other tr,
  .cart-check-user tbody,
  .cart-check-user tr,
  .cart-check-ship tbody,
  .cart-check-ship tr,
  .cart-check-pay tbody,
  .cart-check-pay tr,
  .cart-check-other tbody,
  .cart-check-other tr,
  .cart-item-list tbody,
  .cart-item-list tr,
  .cart-1col-inner tbody,
  .cart-1col-inner tr,
  .cart-cvs-inner tbody,
  .cart-cvs-inner tr {
    display: block;
    width: 100%;
  }

  .cart-input-user th,
  .cart-input-ship th,
  .cart-input-pay th,
  .cart-input-other th,
  .cart-1col-inner th,
  .cart-cvs-inner th,
  .cart-check-user th,
  .cart-check-ship th,
  .cart-check-pay th,
  .cart-check-other th {
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 8px 0 0;
    text-align: left;
  }

  .cart-input-user th,
  .cart-input-ship th,
  .cart-input-pay th,
  .cart-input-other th,
  .cart-1col-inner th,
  .cart-cvs-inner th {
    font-weight: normal;
    line-height: 1.2;
  }

  .cart-card-registed th,
  .cart-card-change th,
  .cart-card-remove th {
    font-size: 14px;
    width: 140px;
  }

  .cart-item-list table th {
    width: 76px;
    padding: 12px 0;
    vertical-align: top;
    border-bottom: dotted 1px #d2d2d2;
  }
  .cart-item-list table th img {
    width: 70px;
    height: auto;
  }
  .cart-item-list table tr:last-child th {
    border-bottom: none;
  }

  .cart-input-user table th span {
    font-size: 12px;
    margin-left: 12px;
  }

  .cart-input-user td,
  .cart-input-ship td,
  .cart-input-pay td,
  .cart-input-other td,
  .cart-1col-inner td,
  .cart-cvs-inner td,
  .cart-check-user td,
  .cart-check-ship td,
  .cart-check-pay td,
  .cart-check-other td {
    font-weight: normal;
    display: block;
    width: 100%;
    vertical-align: top;
  }

  .cart-input-user,
  .cart-input-ship,
  .cart-input-pay,
  .cart-input-other,
  .cart-1col-inner,
  .cart-cvs-inner {
    font-size: 14px;
    padding: 0 0 20px;
  }

  .cart-check-user td,
  .cart-check-ship td,
  .cart-check-pay td,
  .cart-check-other td {
    font-size: 12px;
    padding: 0 0 10px;
  }

  .cart-item-list table td {
    font-size: 14px;
    width: 100%;
    padding: 12px 0 12px 10px;
    border-bottom: dotted 1px #d2d2d2;
  }
  .cart-item-list table tr:last-child td {
    border-bottom: none;
  }

  .cart-input-name input[type=text],
  .cart-input-kana input[type=text] {
    width: 100px;
  }

  input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
    font-size: 16px;
  }

  .form-select select {
    font-size: 16px;
  }
  .form-select label {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 36px;
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    background-color: #f3f3f3;
  }

  .form-radio input[type=radio] {
    margin-top: .8em;
  }
  .form-checkbox input[type=checkbox]:first-child, .form-radio input[type=radio]:first-child {
    margin-top: none;
  }

  .cart-input-user table.form-tbl-show, .cart-check table.form-tbl-show {
    display: none;
  }

  .cart-input-user table.form-tbl-show.active, .cart-check table.form-tbl-show.active {
    display: block;
  }

  .cart-input-pay-img {
    margin: 0 8px 6px;
  }

  .cart-input-other, .cart-check-other {
    border-top: none;
  }

  .cart-input-other-qa th,
  .cart-input-getpoint th {
    font-weight: bold;
  }

  .cart-check-law-term {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: left;
  }

  .cart-multiple-count {
    margin-left: 10px;
    font-size: 16px;
    line-height: 2;
  }

  .cart-comp-code {
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding: 5px 0;
    text-align: center;
    border: #000 solid 1px;
  }

  .cart-comp-txt {
    font-size: 14px;
    text-align: left;
  }

  /*　マイページ　ログインリンク*/
  .cart-mypage-login-link li {
    margin-top: 1em;
  }
  .cart-mypage-login-link li:first-child {
    margin-top: none;
  }

  /*　マイページ　注文履歴*/
  .cart-mypage-history-list li {
    border: none;
  }
  .cart-mypage-history-list li:first-child {
    display: none;
  }
  .cart-mypage-history-list li a {
    position: relative;
    display: block;
    padding: 8px 24px 8px 12px;
    text-align: left;
    text-decoration: none;
    border-radius: 5px;
    color: #000;
    background-color: #eee;
  }
  .cart-mypage-history-list li a::after {
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    content: "\ea3c";
    font-family: "icomoon";
    font-size: 16px;
    color: #6e5546;
  }
  .cart-mypage-history-list li span {
    display: block;
    padding: 0;
  }
  .cart-mypage-history-list li span:first-child, .cart-mypage-history-list li span:nth-child(2), .cart-mypage-history-list li span:nth-child(3), .cart-mypage-history-list li span:nth-child(4), .cart-mypage-history-list li span:nth-child(5), .cart-mypage-history-list li span:last-child {
    width: auto;
    text-align: left;
  }
  .cart-mypage-history-list li span:first-child::before {
    content: 'ステータス：';
  }
  .cart-mypage-history-list li span:nth-child(2)::before {
    content: '注文番号：';
  }
  .cart-mypage-history-list li span:nth-child(3)::before {
    content: '注文日：';
  }
  .cart-mypage-history-list li span:nth-child(4)::before {
    content: 'お届け先：';
  }
  .cart-mypage-history-list li span:nth-child(5)::before {
    content: 'お支払い方法：';
  }
  .cart-mypage-history-list li span:last-child::before {
    content: '金額：';
  }
  .cart-mypage-history-list .order-sts-hide li span:first-child,
  .cart-mypage-history-list .order-sts-hide li span:nth-child(2),
  .cart-mypage-history-list .order-sts-hide li span:nth-child(3),
  .cart-mypage-history-list .order-sts-hide li span:nth-child(4),
  .cart-mypage-history-list .order-sts-hide li span:last-child {
    width: auto;
    text-align: left;
  }
  .cart-mypage-history-list .order-sts-hide li span:first-child:before {
    content: '注文番号：';
  }
  .cart-mypage-history-list .order-sts-hide li span:nth-child(2):before {
    content: '注文日：';
  }
  .cart-mypage-history-list .order-sts-hide li span:nth-child(3):before {
    content: 'お届け先：';
  }
  .cart-mypage-history-list .order-sts-hide li span:nth-child(4):before {
    content: 'お支払い方法：';
  }
  .cart-mypage-history-list .order-sts-hide li span:last-child:before {
    content: '金額：';
  }

  .cart-mypage-history-order-total, .cart-mypage-history-order-status {
    display: block;
    float: none;
    margin-left: 0;
    text-align: left;
  }

  .cart-mypage-history-order-detail {
    display: block;
    float: right;
    width: 100%;
  }
  .cart-mypage-history-order-detail li {
    width: 100%;
    border-bottom: 1px dotted #d2d2d2;
  }

  #MYP0008D02 .cart-item-list .cart-mypage-history-order-detail li span:first-child {
    width: 140px;
  }

  .cart-mypage-point-list li {
    display: block;
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    background-color: #eee;
  }
  .cart-mypage-point-list li:first-child {
    display: none;
  }
  .cart-mypage-point-list li span {
    display: block;
    width: 100% !important;
    padding: 0;
    text-align: left;
  }
  .cart-mypage-point-list li span:last-child::before {
    content: '確定ポイント残：';
  }

  .cart-mypage-ask-list li {
    margin-top: 5px;
    border: none;
  }
  .cart-mypage-ask-list li:first-child {
    display: none;
  }
  .cart-mypage-ask-list li a {
    position: relative;
    display: block;
    padding: 8px 24px 8px 12px;
    text-align: left;
    text-decoration: none;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    background-color: #eee;
  }
  .cart-mypage-ask-list li a::after {
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    content: "\ea3c";
    font-family: "icomoon";
    font-size: 16px;
    color: #6e5546;
  }
  .cart-mypage-ask-list li span {
    display: block;
    padding: 0;
    text-align: left;
  }
  .cart-mypage-ask-list li span:first-child, .cart-mypage-ask-list li span:nth-child(2), .cart-mypage-ask-list li span:nth-child(3), .cart-mypage-ask-list li span:nth-child(4), .cart-mypage-ask-list li span:last-child {
    width: auto;
  }
  .cart-mypage-ask-list li span br {
    display:none;
  }
  .cart-mypage-ask-list li span:first-child:before {
    content: 'お問合せ番号：';
  }
  .cart-mypage-ask-list li span:nth-child(2):before {
    content: '件名：';
  }
  .cart-mypage-ask-list li span:nth-child(3):before {
    content: 'お問合せステータス：';
  }
  .cart-mypage-ask-list li span:nth-child(4):before {
    content: '初回お問合せ日：';
  }
  .cart-mypage-ask-list li span:nth-child(5):before {
    content: '最終回答日：';
  }

  .cart-input-ask li.cart-input-ask-history-shop {
    padding-right: 25%;
  }
  .cart-input-ask li.cart-input-ask-history-cus {
    padding-left: 25%;
  }

  .cart-cvs-inner ul > li li:nth-child(5) {
    position: static;
    margin-top: 40px;
  }
  .cart-cvs-inner ul > li li:nth-child(6) {
    display: none;
  }
  .cart-cvs-inner ul > li li:last-child {
    display: block;
  }

  .cart-1col-inner {
    text-align: center;
  }

  .cart-1col-btn .btn {
    width: calc(100% - 16px);
  }
  .cart-1col-btn .btn-back {
    margin: 0 0 12px;
  }

  .cart-card-registed-btn a {
    display: block;
    margin: 0 auto 15px;
    width: 80%;
  }
  .cart-mypage-address-list li a {
    position: relative;
    display: block;
    padding: 8px 24px 8px 12px;
    text-align: left;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    background-color: #eee;
  }
  .cart-mypage-address-list li a:after {
    background: none;
  }
  .cart-mypage-address-list li a::after {
    position: absolute;
    top: 50%;
    right: 12px;
    display: inline-block;
    content: "\ea3c";
    font-family: "icomoon";
    font-size: 16px;
    color: #6e5546;
  }
}
/* -------------------------------
  #webcollect-token
-------------------------------*/
#create-token-launch {
  -webkit-appearance: none;
}

#webcollect-token-iframe {
  z-index: 9999;
}

/* -------------------------------
 .cart-reservation
-------------------------------*/
.cart-reservation {
  color: #1a130c;
  background: #f3f3f3;
}

tr.cart-input-ship-posi > th, tr.cart-input-ship-posi > td {
  font-weight: normal;
}
/* tr.cart-input-ship-posi > th {
  font-weight: normal;
} */
/* tablet portrait 縦 */
@media (min-width: 600px) and (max-width: 1019px) {
.ttl {
  padding: 0;
  margin-bottom: 20px;
}
.cart-item-list h4 {
  font-size: 16px;
}
.contents {
  padding: 0px 20px;
  margin-bottom: auto;
}
.cart-item-list table {
  width: 96%;
}
.cart-item-list {
  margin-bottom: 0;
}
.main {
  margin-top: 40px;
}
.cart-action-btn a {
  border-radius: 5px;
  /* border-bottom: solid 4px #b35647;  */
  line-height: 55px;
  height: 55px;
}
.cart-step {
  padding: 0;
}
.cart-input-user h4, .cart-input-pay h4, .cart-input-ship h4 {
  font-size: 16px;
  font-weight: bold;
}
.header {
  text-align: center;
}
.cart-step > div {
  font-size: 12px;
}
.cart-mypage-history, .cart-mypage-address, .cart-mypage-ask-start-msg {
  /* font-size: 14px; */
}
.cart-mypage-history-list th {
  width: 20%;
  font-size: 14px;
  line-height: normal;
  padding: 20px 0 0;
}
.cart-mypage-history-list li:first-child span {
  font-size: 12px;
}
.lnav > ul > li span {
  font-size: 14px;
}
.cart-mypage-history-list h4, .cart-2col-right-inner h4, .cart-mypage-address-list h4, .cart-card-registed h4 {
  font-weight: bold;
  padding-bottom: 8px;
}
.cart-mypage-history-list th {
  padding: 10px 10px 10px 0;
}
.cart-card-registed td {
  font-size: 16px;
}
}
/* tablet landscape 横 */
@media (min-width: 1018px) and (max-width: 1159px) {
.main {
  margin-top: 10px;
}
.contents {
  width: 98%;
}
.ttl {
  padding: 0;
  margin: 2rem 0 4rem 0;
}
.cart-action-inner {
  margin-top: 40px;
}
.cart-item-list h4 {
  font-size: 16px;
}
.cart-input-user h4, .cart-input-pay h4, .cart-input-ship h4, .cart-mypage-history-list h4, .cart-2col-right-inner h4, .cart-mypage-address-list h4, .cart-card-registed h4 {
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.cart-step {
  margin: 20px 0;
}
.lnav > ul > li span {
  font-size: 16px;
}
}
/* SP portrait 縦 */
@media screen and (max-width: 600px) {
.header-top-cart .logo img {
  max-height: 100px;
  text-align: left;
}
.main {
  margin-top: 0;
}
.ttl {
  margin-bottom: 0;
}
.ttl h2 {
  padding: 10px 4px 0;
}
.cart-item-list-price {
  margin-bottom: 10px;
}
.cart-input-user h4, .cart-input-pay h4, .cart-input-ship h4, .cart-2col-right-inner h4, .cart-card-registed h4, .cart-mypage-history-list h4 {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.cart-mypage-address-list {
  padding: 0;
}
.cart-mypage-address-list h4:before {
  content: "";
  padding: 0;
}
.cart-action-btn {
  /* border-bottom: solid 4px #b35647;  */
  border-radius: 5px;
}

.cart-step {
  padding: 0;
}
.cart-err {
  padding: 10px 20px;
  margin-right: 0;
  margin-left: 0;
}
.cart-2col-right-btn .btn.btn-reorder {
  width: 100%;
  letter-spacing: 0.1rem;
  margin-top: 20px;
}
.cart-check-user table th, .cart-check-ship table th, .cart-check-pay table th {
  width: 100%;
  font-weight: bold;
}
.cart-check-user th {
  padding-bottom: 3px;
}
.cart-mypage-history-order-total {
  line-height: 60px;
}
.cart-mypage-history-order-status {
  padding-top: 0;
}
.cart-mypage-history-search-date div {
  margin-bottom: 10px;
}
}

/* SP landscape 横 */
@media (max-width: 640px) {
.header-top-cart .logo img {
  max-width: calc(100% - 130px);
  margin-left: 10px;
  text-align: left;
}
.contents  {
  margin-bottom: 0;
}
.main {
  margin-top: 20px;
}
.cart-mypage-history-list th {
  font-size: 14px;
  line-height: normal;
  padding: 5px 12px 12px 0;
}
.cart-mypage-history-list li span:nth-child(3) {
  padding: 5px 0;
}
.footer-top {
  margin-top: 5px;
}
.cart-item-list .cart-mypage-history-order-detail li.cart-mypage-history-order-detail-fee {
  padding: 10px 0;
}
.cart-mypage-history-order {
  margin-bottom: 0px;
}
}

.cart-mypage-history-reorder-msg {
  text-align: left !important;
  margin-top: 20px;
  font-size: 13px;
}
.cart-mypage-history-search-btn {
  margin-top: 20px;
}
.cart-mypage-history-search-btn a {
  color:#fff;
  background-color:#82aa0a;
}

p a {
  color: #6e5546;
  text-decoration: underline;
  text-decoration-style: dotted;
}
.cart-mypage-address {
  text-align: left;
}
.cart-mypage-address-list h4 {
  padding-bottom: 10px;
}
.cart-mypage-address-list {
  border-top: none;
}
.cart-mypage-address-list li span {
  padding: 8px 5px;
}
.list-tbl-head {
  font-size: 14px;
  font-weight: bold;
}
.cart-item-list .cart-mypage-history-order-detail li {
  text-align: right;
}
.cart-mypage-history-list th {
  line-height: 30px;
}
.cart-mypage-history-search-date div input[type=text] {
  font-size: 14px;
}
.cart-item-list .cart-item-list-check {
  width: 5%;
}
.cart-mypage-history-search-date div.cart-mypage-history-search-date-separator {
  font-size: 25px;
}