@charset "UTF-8";
/* CSS Document */
/*スライダーを非表示にする*/
#slider1, #slider2, #slider3 {
  display: none;
}

/*スライダーを非表示にする*/
div.Block {
  width: 1100px;
  margin: 0 auto;
}

.ovr-hddn {
  overflow: hidden;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.Center {
  margin: 0 auto;
}

.pc-V {
  display: block;
}

.tab-V {
  display: none;
}

.smp-V {
  display: none;
}

div#cart-footer, footer {
  background-color: transparent;
  clear: both;
  margin: 0 auto;
  line-height: 100%;
  position: relative;
  height: auto;
  margin-top: auto;
  width: 100%;
  max-width: 1200px;
  padding: 0;
}

/*カテゴリートップ*/
/*Cate-Top01*/
.Cate-Top01 {
  width: 100%;
  display: block;
  margin: 0 0 4% 0;
}

.Cate-Top01 .Cate-Top-Img {
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
}

.Cate-Top01 .Cate-Top-Img img {
  width: 100%;
  line-height: 1;
  vertical-align: bottom;
}

.Cate-Top01 .Cate-Top-Midashi {
  font-size: 20px;
  border-bottom: 3px solid #222;
  border-top: 3px solid #222;
  padding: 2% 0 2% 1%;
  line-height: 1;
}

/*Cate-Top01*/
/*Cate-Top02*/
.Cate-Top02 {
  width: 100%;
  display: block;
  margin: 0;
}

.Cate-Top02 .Cate-Top-Img {
  width: 100%;
  display: block;
  margin: 0;
}

.Cate-Top02 .Cate-Top-Img img {
  width: 100%;
  line-height: 1;
  vertical-align: bottom;
}

.Cate-Top02 .Cate-Top-Midashi {
  font-size: 24px;
  border-bottom: 3px solid #222;
  padding: 2% 0;
  line-height: 1;
  text-align: center;
}

/*Cate-Top02*/
/*Cate-Top03*/
.Cate-Top03 {
  width: 100%;
  display: block;
  margin: 0;
}

.Cate-Top03 .Cate-Top-Midashi {
  padding: 2% 1%;
  background: #4f6a78;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 20px 0;
}

/*Cate-Top03*/
/*Cate-Top-Btns*/
.Cate-Top-Btns {
  display: block;
  width: 100%;
}

.Cate-Top-Btns ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.Cate-Top-Btns ul li {
  float: left;
  width: 24%;
  margin-right: 1.33333%;
  margin-bottom: 8px;
  display: block;
}

.Cate-Top-Btns ul li:nth-child(4n) {
  margin-right: 0;
}

.Cate-Top-Btns ul li a {
  width: 100%;
  display: block;
  line-height: 1;
  padding: 12px 0;
  text-align: center;
  border: 1px solid #999;
  box-sizing: border-box;
  font-size: 14px;
  transition: all 0.2s ease-out;
}

.Cate-Top-Btns ul li a:hover {
  background: #4f6a78;
  color: #fff;
  transition: all 0.2s ease-out;
}

/*Cate-Top-Btns*/
/*カテゴリートップ*/
/*お店案内*/
section #guide .inner .fL {
  float: left;
  margin-right: 2%;
  width: 35%;
  max-width: 35%;
}

section #guide .inner .fL img {
  margin-left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}

section #guide .inner .fR {
  float: right;
  width: 63%;
  max-width: 63%;
}

section #guide p {
  font-size: 75%;
  line-height: 175%;
  margin: 15px 0 15px;
}

/*お店案内*/
/*等商法ページ*/
section #guide table th {
  background-color: #EEE;
  border-top: 1px solid #CCC;
  color: #2B2B2B;
  font-size: 75%;
  font-weight: bold;
  padding: 15px 20px;
  width: 25%;
  box-sizing: border-box;
}

#shopGuide_wrap section #guide table td {
  width: auto;
}

/*等商法ページ*/
/*商品ページ*/
section#itemDetail-wrap .description p {
  font-size: 14px;
  line-height: 160%;
}

/*商品ページ*/
.mBtm10 {
  margin-bottom: 10px;
}

.mBtm20 {
  margin-bottom: 20px;
}

.mBtm30 {
  margin-bottom: 30px;
}

.mBtm40 {
  margin-bottom: 40px;
}

.mBtm50 {
  margin-bottom: 50px;
}

.mBtm60 {
  margin-bottom: 60px;
}

.mBtm70 {
  margin-bottom: 70px;
}

.mBtm80 {
  margin-bottom: 80px;
}

.mBtm90 {
  margin-bottom: 90px;
}

.mBtm100 {
  margin-bottom: 100px;
}

.w100 {
  width: 100%;
}

.w90 {
  width: 90%;
}

.w80 {
  width: 80%;
}

.w70 {
  width: 70%;
}

.w60 {
  width: 60%;
}

.w50 {
  width: 50%;
}

.w40 {
  width: 40%;
}

.w30 {
  width: 30%;
}

.w20 {
  width: 20%;
}

.w10 {
  width: 10%;
}

/*カートのテキストの右・左のマージン無くす*/
.sps-sslSticker-description {
  margin: 1% 0px !important;
}

/*カートのテキストの右・左のマージン無くす*/
/*カートのテーブルのpaddingの調整*/
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 {
  width: 99.9%;
}

/*カートのテーブルのpaddingの調整*/
/* ===============================
  サイドメニュー
=============================== */
#sub-column .category #sps-itemListAllCategory section:first-child nav ul li.listcat1 {
  border-top: none;
}

#sub-column {
  position: relative;
  overflow: hidden;
  padding: 0;
  /* ▼▼▼　アコーディオン　▼▼▼ */
  /* ▲▲▲　アコーディオン　▲▲▲ */
  /* ▼▼▼　フリーエリア2　グレーinfo ▼▼▼ */
  /* ▲▲▲　フリーエリア2　グレーinfo ▲▲▲ */
  /* ▼▼▼　フリーエリア2　画像リンク ▼▼▼ */
  /* ▲▲▲　フリーエリア2　画像リンク ▲▲▲ */
  /* ▼▼▼　MENU内 フェイクバー　▼▼▼ */
  /* ▲▲▲　MENU内 フェイクバー　▲▲▲ */
  /* × */
}
#sub-column .group nav ul li:first-child,
#sub-column .category nav ul li:first-child,
#sub-column .link nav ul li:first-child {
  border-top: none;
}
#sub-column h2 {
  border-top: none;
}
#sub-column .category h2 {
  font-size: 0;
  padding: 0;
}
#sub-column .category h3 {
  border-top: none;
  border-bottom: 2px solid #274A78;
  color: #274A78;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 10px 12px;
  line-height: 1;
  box-sizing: border-box;
  margin: 0;
}
#sub-column .product-list {
  margin-bottom: -20px;
}
#sub-column .product-list h2 {
  border: 2px solid #274A78;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 15px 12px;
  border-radius: 5px;
  position: relative;
  transition: 0.3s;
  box-sizing: border-box;
}
#sub-column .product-list h2 a {
  color: #274A78;
  display: block;
  width: 100%;
  height: 100%;
}
#sub-column .product-list h2 a::after {
  background: url(https://shop-ninnananna.jp/img/icon_arrow_b.png);
  background-size: 100% 100%;
  display: inline-block;
  width: 7px;
  height: 9.333px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  vertical-align: middle;
}
#sub-column .product-list h2:hover {
  background-color: #274A78;
}
#sub-column .product-list h2:hover a {
  color: #fff;
  transition: 0.3s;
  opacity: 1;
}
#sub-column .product-list h2:hover a::after {
  background: url(https://shop-ninnananna.jp/img/icon_arrow_w.png);
  background-size: 100% 100%;
}
#sub-column .product-list h2 + h2 {
  margin-top: 20px;
}
#sub-column .category-column h2 {
  border-top: none;
  border-bottom: 2px solid #274A78;
  color: #274A78;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 10px 12px;
  line-height: 1;
  box-sizing: border-box;
}
#sub-column .group nav ul li,
#sub-column .category nav ul li,
#sub-column .link nav ul li {
  background-image: none;
  border-bottom: 1px solid #EEEEEE !important;
  background-color: #FFF;
}
#sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 15px 19px 15px 5%;
  position: relative;
}
#sub-column .group nav ul li a::after,
#sub-column .category nav ul li a::after,
#sub-column .link nav ul li a::after {
  content: "";
  background: url(https://shop-ninnananna.jp/img/icon_arrow_b.png);
  background-size: 100% 100%;
  display: inline-block;
  width: 7px;
  height: 9.333px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  vertical-align: middle;
}
#sub-column .category .sps-itemCategorySub li.cat2 a {
  font-size: 12px;
  line-height: 1.3;
  position: relative;
  zoom: 1;
  display: block;
  padding: 15px 30px 15px 30px;
  margin: 0px 0;
  color: #333;
}
#sub-column .category .sps-itemCategorySub li.cat2 a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15px;
  width: 7px;
  height: 1px;
  background-color: #333;
  transform: translateY(-50%);
}
#sub-column .category .sps-itemCategorySub li.cat2:last-child a {
  border-bottom: none;
}
#sub-column .category nav > .sps-itemCategorySub {
  display: none;
}
#sub-column .category nav.on > .sps-itemCategorySub {
  display: block;
}
#sub-column .category .c-icon-accordion .sps-itemCategoryMain a {
  pointer-events: none;
}
#sub-column .category .c-icon-accordion .sps-itemCategoryMain a::before, #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 10px;
  height: 2px;
  border-radius: 5px;
  background-color: #274A78;
}
#sub-column .category .c-icon-accordion .sps-itemCategoryMain a::before {
  transition: 0.3s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#sub-column .category .c-icon-accordion .sps-itemCategoryMain a::after {
  transition: 0.3s;
}
#sub-column .category .c-icon-accordion.on .sps-itemCategoryMain a::before {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
#sub-column .sub-c_info {
  background-color: #ECEDF0;
  padding: 16px 12px;
  border-radius: 3px;
  margin-bottom: 20px;
}
#sub-column .sub-c_info p {
  font-size: 12px;
  line-height: 1.5;
  color: #333;
}
#sub-column .sub-c_info p span.under_line {
  text-decoration: underline;
}
#sub-column .base-left-banner img {
  width: 150%;
  max-width: 100%;
}
#sub-column .sp-drawer-scroll-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding: 50px 35px 0 20px;
}
#sub-column .sp-drawer-scroll-inner::-webkit-scrollbar {
  display: none;
}
#sub-column .sp-fake-scrollbar {
  position: absolute;
  top: 55px;
  right: 10px;
  bottom: 20px;
  width: 12px;
  z-index: 1001;
  pointer-events: auto;
  background-color: #fff;
  border-radius: 999px;
}
#sub-column .sp-fake-scrollbar .sp-fake-scrollbar-thumb {
  position: absolute;
  width: 100%;
  min-height: 40px;
  border-radius: 999px;
  background: #333;
  cursor: pointer;
  touch-action: none;
}
#sub-column #sp-drawer-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  z-index: 1002;
}
#sub-column #sp-drawer-close-btn::before,
#sub-column #sp-drawer-close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 3px;
  background: #333;
}
#sub-column #sp-drawer-close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#sub-column #sp-drawer-close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*レフトバーの店長紹介のボタン調整*/
#sub-column .freeArea2.shopDiary p a {
  border: 1px solid #333;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 90%;
  margin: 15px auto 0;
  padding: 2% 1%;
  text-align: center;
  width: 80%;
  transition: all 0.2s ease-out;
}

#sub-column .freeArea2.shopDiary p a:hover {
  color: #fff;
  background: #b6b6b6;
  transition: all 0.2s ease-out;
}

/*レフトバーの店長紹介のボタン調整*/
/*レフトバーのメルマガボタン調整*/
#sub-column div.snav_mailMag_cont p:last-child {
  background-color: #FFF;
  border: 1px solid #333;
  border-radius: 3px;
  box-sizing: border-box;
  height: auto;
  line-height: 1;
  margin: 15px auto;
  width: 90%;
  padding: 10px 0;
}

#sub-column div.snav_mailMag_cont p:last-child:hover {
  color: #fff;
  background: #b6b6b6;
  transition: all 0.2s ease-out;
}

/*レフトバーのメルマガボタン調整*/
/*レフトバーのキーワード調整*/
#sub-column .link.keyword nav ul {
  padding: 0;
  overflow: hidden;
}

#sub-column .link.keyword nav ul li {
  border: none !important;
  float: left;
  background: #8864A8 !important;
  display: block;
  margin: 2.5px;
  border-radius: 5px;
  text-align: center;
  max-height: 22px;
}

#sub-column .link.keyword nav ul li a::after {
  display: none;
}

#sub-column .link.keyword nav ul li a {
  color: #fff;
  display: block;
  position: relative;
  line-height: 1;
  padding: 5px 10px;
  background: transparent;
}

/*レフトバーのキーワード調整*/
/*レフトバーのQRコード調整*/
div#subc_freeArea img[alt=QR] {
  margin: 0 0 0 50%;
  padding: 8px;
  border: 1px solid #666;
  transform: translateX(-50%);
}

/*レフトバーのQRコード調整*/
@media (max-width: 1200px) {
  #sub-column {
    margin-right: 4%;
  }
}
@media screen and (max-width: 768px) {
  #sub-column {
    background-color: #ECEDF0;
    box-sizing: border-box;
    float: none;
    height: 60vh;
    margin: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 28px 8% 24px 6%;
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 75px;
    width: 100%;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    /* ▼▼▼　アコーディオン　▼▼▼ */
    /* ▲▲▲　アコーディオン　▲▲▲ */
    /* ▼▼▼　MENUの右上×印　▼▼▼ */
    /* ▲▲▲　MENUの右上×印　▲▲▲ */
    /* ▼▼▼　フリーエリア2　▼▼▼ */
    /* ▲▲▲　フリーエリア2　▲▲▲ */
    /* ▼▼▼　フリーエリア2　画像リンク ▼▼▼ */
    /* ▲▲▲　フリーエリア2　画像リンク ▲▲▲ */
  }
  #sub-column.spsDrawerOpen {
    transform: translateY(0);
  }
  #sub-column.spsDrawerClose {
    transform: translateY(100%);
  }
  #sub-column h2 {
    background-color: transparent;
  }
  #sub-column .category h3 {
    color: #fff;
    padding: 20px 24px;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    background-color: #274A78;
  }
  #sub-column .product-list h2 {
    padding: 20px 24px;
    border-radius: 10px;
    background-color: #274A78;
  }
  #sub-column .product-list h2 a {
    color: #fff;
  }
  #sub-column .product-list h2 a::after {
    background: url(https://shop-ninnananna.jp/img/icon_arrow_w.png);
    background-size: 100% 100%;
    width: 8px;
    height: 11.5px;
    right: 20px;
  }
  #sub-column .category-column h2 {
    color: #fff;
    padding: 20px 24px;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    background-color: #274A78 !important;
  }
  #sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
    padding: 15px 40px 15px 24px;
  }
  #sub-column .group nav ul li a::after,
#sub-column .category nav ul li a::after,
#sub-column .link nav ul li a::after {
    width: 8px;
    height: 11.5px;
    right: 20px;
  }
  #sub-column .category nav:last-child:not(.on) li:last-child {
    border-radius: 0 0 10px 10px;
  }
  #sub-column .category nav:last-child.on .sps-itemCategorySub li:last-child {
    border-radius: 0 0 10px 10px;
  }
  #sub-column .category .sps-itemCategorySub li.cat2 a {
    padding: 15px 40px 15px 43px;
  }
  #sub-column .category .sps-itemCategorySub li.cat2 a::before {
    left: 26px;
    width: 10px;
  }
  #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::before, #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::after {
    right: 20px;
    width: 14px;
    height: 2.5px;
  }
  #sub-column #sp-drawer-close-btn {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 36px;
    height: 36px;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    z-index: 1001;
  }
  #sub-column #sp-drawer-close-btn:before, #sub-column #sp-drawer-close-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 5px;
    border-radius: 5px;
    background: #333;
    transform-origin: center;
  }
  #sub-column #sp-drawer-close-btn:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #sub-column #sp-drawer-close-btn:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #sub-column .freeArea2 .free-contents {
    background-color: transparent;
    font-size: auto;
    padding: 0;
  }
  #sub-column .sub-c_info {
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 10px;
  }
  #sub-column .sub-c_info p {
    font-size: 14px;
    line-height: 1.7;
  }
  #sub-column .base-left-banner {
    margin-top: 8px;
    text-align: center;
  }
  #sub-column .base-left-banner img {
    width: 50%;
  }
}
@media screen and (max-width: 580px) {
  #sub-column {
    /* ▼▼▼　アコーディオン　▼▼▼ */
    /* ▼▼▼　フリーエリア2　画像リンク ▼▼▼ */
    /* ▲▲▲　フリーエリア2　画像リンク ▲▲▲ */
  }
  #sub-column h2 {
    font-size: 18px;
    padding: 20px 24px;
  }
  #sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
    font-size: 18px;
    padding: 20px 24px;
  }
  #sub-column .group nav ul li a::after,
#sub-column .category nav ul li a::after,
#sub-column .link nav ul li a::after {
    width: 11.1px;
    height: 15.8px;
  }
  #sub-column .category .sps-itemCategorySub li.cat2 a {
    font-size: 16px;
    padding: 20px 35px 20px 9%;
  }
  #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::before, #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::after {
    right: 20px;
    width: 17px;
    height: 3.5px;
  }
  #sub-column .base-left-banner img {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  #sub-column {
    bottom: 65px;
    /* ▼▼▼　アコーディオン　▼▼▼ */
    /* ▼▼▼　フリーエリア2　画像リンク ▼▼▼ */
    /* ▲▲▲　フリーエリア2　画像リンク ▲▲▲ */
  }
  #sub-column h2 {
    font-size: 16px;
    padding: 15px 20px;
  }
  #sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
    font-size: 16px;
    padding: 15px 20px;
  }
  #sub-column .group nav ul li a::after,
#sub-column .category nav ul li a::after,
#sub-column .link nav ul li a::after {
    width: 7.1px;
    height: 10.8px;
  }
  #sub-column .category .sps-itemCategorySub li.cat2 a {
    font-size: 14px;
    padding: 15px 35px 15px 40px;
  }
  #sub-column .category .sps-itemCategorySub li.cat2 a::before {
    left: 22px;
  }
  #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::before, #sub-column .category .c-icon-accordion .sps-itemCategoryMain a::after {
    width: 13px;
    height: 2px;
  }
  #sub-column .base-left-banner img {
    width: 100%;
  }
}
/*フリーエリア*/
.freeArea2 .free-contents ul {
  margin: 0;
}

.freeArea2 .free-contents ul li {
  list-style: none;
}

/*フリーエリア*/
/*画像一覧の高さ揃える*/
.column4 .itemThumb {
  margin-bottom: 5px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.column4 .itemThumb a {
  height: auto;
  width: auto;
  display: block;
}

.column4 .itemThumb a img {
  height: auto;
  width: auto;
}

.column5 .itemThumb {
  margin-bottom: 5px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 144px;
  height: 144px;
}

.column5 .itemThumb a {
  height: auto;
  width: auto;
  display: block;
}

.column5 .itemThumb a img {
  height: auto;
  max-height: 144px;
  max-width: 144px;
  width: auto;
}

/*画像一覧の高さ揃える*/
/*カレンダーボタンの色変更*/
#sub-column div.cal_wrapper table.cal tr th input.next {
  background: url(https://image1.shopserve.jp/shop-ninnananna.jp/pic-labo/calendar_pright.gif) no-repeat right bottom;
}

#sub-column div.cal_wrapper table.cal tr th input.prev {
  background: url(https://image1.shopserve.jp/shop-ninnananna.jp/pic-labo/calendar_pleft.gif) no-repeat left bottom;
}

/*カレンダーボタンの色変更*/
/* 検索ボックスの色変更*/
.leftSearch #searchbox p {
  display: none;
}

#sub-column #searchbox_wrap {
  border: 2px solid #4f6a79;
  border-radius: 3px;
  margin: 0;
  background: #4f6a79;
}

#sub-column #searchbox form {
  border: none;
  overflow: hidden;
}

#sub-column #searchbox .searchbox {
  border: none;
  float: left;
  font-size: 0.9rem;
  height: 35px;
  padding: 0 0.5em;
  width: calc(100% - 35px);
}

#sub-column #searchbox .searchSubmit {
  background: #4f6a79 url(https://image1.shopserve.jp/shop-ninnananna.jp/pic-labo/leftside-search-ico.png) 9px 8px no-repeat;
  float: right;
  height: 35px;
  overflow: hidden;
  padding-left: 35px;
  width: 35px;
}

/* ボタンの色変更*/
/* 購入手続きへ進むボタン変更 */
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value=購入手続きへ進む],
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value=確認画面に進む],
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value="　 次へ　 "],
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value=　この内容で注文する　] {
  background-color: #BB9C93;
  border-color: #BB9C93;
}

/* この内容で注文するボタン変更 hover ;*/
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value=購入手続きへ進む]:hover,
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value="　 次へ　 "]:hover,
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value=確認画面に進む]:hover,
.cart-section #contact #center1 .centerbox .mainCont input[type=button][value=　この内容で注文する　]:hover {
  background-color: #990000;
  border-color: #990000;
}

/* カートボタンサブカラー変更 */
#center-seo input[type=submit],
#center-seo input[type=button],
#center3 input[type=submit],
#center3 input[type=button],
#contact #center1 .centerbox .mainCont input[type=button],
#contact #center1 .centerbox .mainCont input[type=submit] {
  background-color: #BB9C93;
  border: 1px solid #BB9C93;
}

/* カートボタンサブカラー変更  hover*/
#center-seo input[type=submit]:hover,
#center-seo input[type=button]:hover,
#center3 input[type=submit]:hover,
#center3 input[type=button]:hover,
#contact #center1 .centerbox .mainCont input[type=button]:hover,
#contact #center1 .centerbox .mainCont input[type=submit]:hover {
  background-color: #BB9C93;
  border: 1px solid #BB9C93;
}

@media (max-width: 1200px) {
  div.Block {
    width: 98%;
  }
  #contents {
    width: 95%;
    padding: 0;
    margin: 0 auto;
  }
  #footer-inner {
    width: 100%;
  }
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column4 .itemThumb a img {
    height: auto;
    width: auto;
  }
  .column5 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column5 .itemThumb a img {
    height: auto;
    width: auto;
  }
  /*画像一覧の高さ揃える*/
}
@media (max-width: 960px) {
  #header-inner {
    padding: 0;
  }
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column4 .itemThumb a img {
    height: auto;
    width: auto;
  }
  .column5 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column5 .itemThumb a img {
    height: auto;
    width: auto;
  }
  /*画像一覧の高さ揃える*/
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  .column4:nth-child(4n+1), .column4:nth-child(2n+1) {
    clear: both;
  }
  .column4:nth-child(4n), .column4:nth-child(2n) {
    margin: 0 0 20px 0;
  }
  .column4 {
    width: 46%;
    margin: 0 8% 20px 0;
  }
}
@media (max-width: 768px) {
  #header-inner {
    padding: 0;
  }
  .pc-V {
    display: none;
  }
  .smp-V {
    display: block;
  }
  #main-column {
    box-sizing: border-box;
    float: none;
    margin-bottom: 0;
    padding: 0 2%;
    width: 100%;
  }
  .leftSearch {
    background-color: #fff;
  }
  #subc_freeArea {
    margin: 0;
    padding: 5px 2% 20px;
    overflow: hidden;
  }
  /*カテゴリートップ*/
  /*Cate-Top01*/
  .Cate-Top01 .Cate-Top-Midashi {
    font-size: 16px;
  }
  /*Cate-Top01*/
  /*Cate-Top02*/
  .Cate-Top02 .Cate-Top-Midashi {
    font-size: 20px;
    border-bottom: 2px solid #222;
    padding: 3% 0;
  }
  /*Cate-Top02*/
  /*Cate-Top-Btns*/
  .Cate-Top03 .Cate-Top-Midashi {
    text-align: center;
  }
  /*Cate-Top-Btns*/
  /*カテゴリートップ*/
  .sp-w100 {
    width: 100%;
  }
  .sp-w90 {
    width: 90%;
  }
  .sp-w80 {
    width: 80%;
  }
  .sp-w70 {
    width: 70%;
  }
  .sp-w60 {
    width: 60%;
  }
  .sp-w50 {
    width: 50%;
  }
  .sp-w40 {
    width: 40%;
  }
  .sp-w30 {
    width: 30%;
  }
  .sp-w20 {
    width: 20%;
  }
  .sp-w10 {
    width: 10%;
  }
  /*商品ページ*/
  #itemDetail-cont .itemThumb-wrap {
    margin: 0px 2% 0px 0px;
    width: 48%;
  }
  #itemDetail-cont .itemOutline {
    width: 50%;
  }
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    height: 84px;
    width: 84px;
    margin: 0 1% 1% 0;
  }
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(4n) {
    margin-right: 0;
  }
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
    margin: 0 1% 1% 0;
  }
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb {
    width: 158.95px;
    height: 158.95px;
  }
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column4 .itemThumb a img {
    height: auto;
    max-height: 158.95px;
    max-width: 158.95px;
    width: auto;
  }
  .column5 .itemThumb {
    width: 158.95px;
    height: 158.95px;
  }
  .column5 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column5 .itemThumb a img {
    height: auto;
    max-height: 158.95px;
    max-width: 158.95px;
    width: auto;
  }
  /*画像一覧の高さ揃える*/
  /*-- 検索ボックス(768px) --*/
  #hNav #searchbox_wrap {
    margin: 0 0 10px;
    width: 100%;
  }
  #hNav #searchbox {
    float: none;
    overflow: hidden;
    margin: 0px auto;
    width: 100%;
  }
  #hNav #searchbox p {
    display: none;
    margin: 0;
  }
  #hNav #searchbox form {
    height: 50px;
    position: relative;
    width: 100%;
  }
  #hNav #searchbox input.searchbox {
    height: 48px !important;
    padding: 0 70px 0 5px;
    width: 100%;
  }
  #hNav #searchbox input.searchSubmit {
    background-color: #777;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
  }
  .leftSearch #searchbox form,
.leftSearch #searchbox input.searchbox {
    height: 35px !important;
  }
  /*-- 検索ボックス(768px) --*/
}
@media (max-width: 580px) {
  #main-column {
    padding: 0 5%;
  }
  /*カテゴリートップ*/
  /*Cate-Top-Btns*/
  .Cate-Top-Btns ul li a {
    font-size: 12px;
  }
  /*Cate-Top-Btns*/
  /*カテゴリートップ*/
  /*商品ページ*/
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    height: 63px;
    width: 24%;
    margin: 0 1.333% 1.333% 0;
  }
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
    margin: 0 1.333% 1.333% 0;
  }
  /*商品ページ*/
  /* #sub-column {
  	right: -50%;
  	width: 50%;
  } */
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column5 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  /*画像一覧の高さ揃える*/
}
@media (max-width: 480px) {
  /*お店案内*/
  section #guide .inner .fL {
    float: unset;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 5%;
    width: 94%;
    max-width: 94%;
  }
  section #guide .inner .fR {
    float: unset;
    width: 100%;
    max-width: 100%;
  }
  /*お店案内*/
  /*お客様の声*/
  article #main-column section.rating .tmb {
    float: none;
    margin: 0;
    text-align: center;
    width: 20%;
    float: left;
  }
  article #main-column section.rating .reviewTxt {
    float: none;
    margin: 5px 0 0 0;
    width: 75%;
    float: right;
  }
  article #main-column section.rating .reviewBox_item p, article #main-column section.rating .reviewTxt p {
    font-size: 13px;
    line-height: 1.8;
  }
  /*お客様の声*/
  /*商品ページ*/
  #itemDetail-cont .itemThumb-wrap {
    margin: 0px 2% 0px 0px;
    width: 100%;
  }
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    height: 110px;
  }
  #itemDetail-cont .itemOutline {
    width: 100%;
  }
  /*商品ページ*/
  /* #sub-column {
  	right: -70%;
  	width: 70%;
  } */
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  /*画像一覧の高さ揃える*/
}
@media (max-width: 414px) {
  /*カテゴリートップ*/
  /*Cate-Top-Btns*/
  .Cate-Top-Btns ul li {
    width: 32%;
    margin-right: 2%;
  }
  .Cate-Top-Btns ul li:nth-child(3n) {
    margin-right: 0;
  }
  .Cate-Top-Btns ul li:nth-child(4n) {
    margin-right: 2%;
  }
  /*Cate-Top-Btns*/
  /*カテゴリートップ*/
  /*商品ページ*/
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    height: 94px;
  }
  /*商品ページ*/
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb {
    width: 190px;
    height: 190px;
  }
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column4 .itemThumb a img {
    height: auto;
    max-height: 190px;
    max-width: 190px;
    width: auto;
  }
  .column5 .itemThumb {
    width: 190px;
    height: 190px;
  }
  .column5 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column5 .itemThumb a img {
    height: auto;
    max-height: 190px;
    max-width: 190px;
    width: auto;
  }
  /*画像一覧の高さ揃える*/
}
@media (max-width: 375px) {
  /*商品ページ*/
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    height: 85px;
  }
  /*商品ページ*/
  /*画像一覧の高さ揃える*/
  .column4 .itemThumb {
    width: 172px;
    height: 172px;
  }
  .column4 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column4 .itemThumb a img {
    height: auto;
    max-height: 172px;
    max-width: 172px;
    width: auto;
  }
  .column5 .itemThumb {
    width: 172px;
    height: 172px;
  }
  .column5 .itemThumb a {
    height: auto;
    width: auto;
    display: block;
  }
  .column5 .itemThumb a img {
    height: auto;
    max-height: 172px;
    max-width: 172px;
    width: auto;
  }
  /*画像一覧の高さ揃える*/
}
/** ログインバナー設定 **/
.member_info_cart_info {
  display: none !important;
}

.login-bnr .off {
  display: block !important;
}

.login-bnr .on {
  display: none !important;
}

.login-bnr #before-login {
  display: none;
}

.login-bnr #after-login {
  display: none;
}

.login-bnr .pc-only {
  display: block;
}

.login-bnr .smp-only {
  display: none;
}

@media (max-width: 768px) {
  .login-bnr .pc-only {
    display: none;
  }
  .login-bnr .smp-only {
    display: block;
  }
}