@charset "euc-jp";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
html, body, article, section, nav, aside, header, footer, address, main, div, figure, figcaption,
h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, hr, pre, blockquote, p, a, q, s, u, i,
table, caption, colgroup, col, tbody, thead, tfoot, tr, td, th,
span, iframe, canvas, form, label, small, strike, sub, sup, center {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  list-style: none;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

article, section, nav, aside, header, footer, address, main, div, figure, figcaption {
  display: block;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

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

img {
  max-width: 100%;
  height: auto;
}

a, a:hover {
  color: inherit;
  text-decoration: none;
}

a:hover {
  opacity: 0.5;
}

body.fixed {
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.overlay.open {
  display: block;
}

.dnone {
  display: none;
}

/*****************************************************
    基本設定、リンクカラーなど
*****************************************************/
#wrap,
#makebanner {
  width: 100%;
}

.btn {
  display: inline-block;
  margin: 16px auto;
  background: #000;
  color: #fff !important;
  padding: 14px 32px;
  border-radius: 5px;
}

.btn-gray {
  background: #888;
}

/*****************************************************
  common
*****************************************************/
.mb0 {
  margin-bottom: 0;
}

.button i {
  display: inline-block;
  margin-right: 7px;
}

.button,
a.button {
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  width: 240px;
  max-width: 100%;
  background: #1b1b1b;
  border: 2px solid #1b1b1b;
  color: #fff;
  position: relative;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.button:hover,
a.button:hover {
  text-decoration: none;
  background: #fff;
  color: #1b1b1b;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.button--reverse,
a.button--reverse {
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  width: 240px;
  max-width: 100%;
  border: 2px solid #1b1b1b;
  background: #fff;
  color: #1b1b1b;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.button--reverse:hover,
a.button--reverse:hover {
  text-decoration: none;
  background: #1b1b1b;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a.arrow:not([target="_blank"]):after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 50%;
  right: 10px;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

a.arrow:hover:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  right: 5px;
  border-top: 2px solid #1b1b1b;
  border-right: 2px solid #1b1b1b;
}

a.arrow.button--reverse:after {
  border-top: 2px solid #1b1b1b;
  border-right: 2px solid #1b1b1b;
}

a.arrow.button--reverse:hover:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

#makebanner td[width="10"] {
  display: none;
}

#makebanner td[width="640"],
#makebanner td[width="640"] table {
  width: 100%;
}

#makebanner img[src$="helptitle.gif"],
#makebanner img[src$="companytitle.gif"],
#makebanner img[src$="baskettitle.gif"],
#makebanner img[src$="membertitle.gif"],
#makebanner img[src$="memberqtitle.gif"],
#makebanner img[src$="pointtitle.gif"] {
  display: none;
}

.inner-contents {
  width: 60%;
  margin: 0 auto;
}

/*****************************************************
 index
*****************************************************/
.main-contents h2 {
  text-align: center;
  margin: 48px auto;
  font-size: 25px;
}

.section {
  overflow: hidden;
}

.section table {
  width: 100%;
}

/*****************************************************
  category
*****************************************************/
.list-sort {
  text-align: center;
  margin: 8px 0 32px;
}

.list-sort li {
  display: inline;
  margin: 0 4px;
}

.category-list li {
  width: 25%;
  float: left;
  text-align: center;
}

.sub-category table {
  margin-bottom: 32px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.sub-category table td {
  padding: 8px 0;
}

.sub-category table table {
  border: none;
  margin-bottom: 0;
}

.sub-category table td td {
  padding: 0;
}

.sub-category .line,
.item-list .line {
  display: none;
}


/* 検索結果と並び替え */
#r_categoryList {
  margin-bottom: 30px;
}

.r_resultInfo {
  background: #fff;
  /* border: 2px solid #c1c1c1; */
  /* padding: 15px; */
  font-size: 12px;
  margin-bottom: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.r_resultInfo.r_resultInfo_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px !important;
}

.r_resultInfoLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.total {
  margin-right: 15px;
  font-weight: bold;
}

.sortSelect {
  font-size: 12px;
  margin-left: 10px;
  padding: 5px 12px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

_::-webkit-full-page-media,
_:future,
:root .sortSelect {
  height: 30px;
  line-height: 30px;
}

.listSort {
  text-align: right;
}

.listSort li {
  display: inline;
}

/* pager */
ul.M_pager[class] li a,
ul.M_pager[class] li.active {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  line-height: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

ul.M_pager[class] li.active,
ul.M_pager[class] li a:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

ul.M_pager[class] li.prev a,
ul.M_pager[class] li.next a {
  background: none;
  /* width:auto; */
  /* height:auto; */
  border-radius: 0;
  color: #333;
}

ul.M_pager[class] li.prev,
ul.M_pager[class] li.next {
  width: 8px;
}

ul.M_pager[class] li.prev a,
ul.M_pager[class] li.next a {
  color: #888;
  width: 8px;
  text-decoration: none;
  border: none !important;
}

.r_resultInfo ul.M_pager[class] li {
  border-radius: 0;
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  font-weight: bold;
}

.r_resultInfo ul.M_pager[class] {
  margin: 0 15px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

ul.M_pager[class] li a {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  display: block;
  margin: 0;
}

ul.M_pager[class] li.active {
  border-radius: 0;
}

ul.M_pager[class] li.prev a,
ul.M_pager[class] li.next a {
  padding: 0 5px;
  position: relative;
  color: transparent;
}

ul.M_pager[class] li.prev a:before,
ul.M_pager[class] li.next a:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  top: 50%;
  right: 8px;
  -webkit-transform: rotate(45deg) translateY(-5px);
          transform: rotate(45deg) translateY(-5px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

ul.M_pager[class] li.next:first-child a:before,
ul.M_pager[class] li.prev a:before {
  -webkit-transform: rotate(-135deg) translateY(5px);
          transform: rotate(-135deg) translateY(5px);
}

ul.M_pager[class] li.prev,
ul.M_pager[class] li.next {
  padding: 0 5px;
}

/*****************************************************
  search
*****************************************************/
.search-result {
  margin-bottom: 8px;
  text-align: left;
}

.search-result font {
  color: #333;
  margin-right: 8px;
}

.item-search {
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 32px;
}

.item-search td {
  padding: 8px;
}

.item-search .btn-search {
  padding: 4px 16px;
}

/*****************************************************
  detail
*****************************************************/
#M_topicPathWrap {
  margin-bottom: 16px;
}

.item-wrap {
  margin-bottom: 96px;
}

.item-img {
  float: left;
  width: 50%;
  min-width: 500px;
}

.item-detail {
  float: right;
  width: 50%;
}

.item-detail-text {
  text-align: left;
  font-size: 13px;
  line-height: 1.6;
}

.item-detail-info {
  margin-top: 24px;
}

#M_usualValue td,
.item-detail-info td {
  font-size: 18px !important;
  width: auto;
}

#M_usualValue td {
  padding-bottom: 8px;
}

#M_usualValue font {
  color: #333;
}

.m_price {
  /* font-family: Meiryo, メイリオ, sans-serif; */
  font-size: 22px !important;
}

.item-detail-info table table td:first-child {
  width: 3em;
}

.item-detail-info font {
  color: #cc0000;
}

.item-detail-info select {
  margin: 8px 0;
  padding: 4px;
  font-family: Meiryo, メイリオ, sans-serif;
  border: 1px solid #ccc;
  font-size: 16px;
}

input[name="amount"],
input[name="brand_name_option_amount"] {
  padding: 4px 6px;
  width: 60px;
  border: 1px solid #ccc;
  font-size: 18px;
}

img[src$="basket_up.gif"],
img[src$="basket_down.gif"] {
  display: none;
}

.M_inventory {
  margin-top: 24px;
}

.M_inventory * {
  font-size: 15px !important;
}

.item-basket-btn {
  margin: 24px 0 16px;
}

.item-basket-btn a {
  width: 70%;
  font-size: 18px;
  padding: 18px 0;
  background: #d90000;
}

.item-basket-btn a:hover {
  background: #666;
}


#soldout {
  margin-bottom: 15px;
}

#soldout p {
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  line-height: 56px;
  height: 56px;
  background: #ccc;
}

.item-sns li {
  display: inline;
  vertical-align: middle;
}

.item-sns iframe {
  height: 20px !important;
}

.detail-recent h3 {
  text-align: center;
  margin: 16px auto 64px;
  font-size: 25px;
}

/*****************************************************
  basket
*****************************************************/
.basket-wrap {
  margin-bottom: 160px;
}

.basket th,
.basket td {
  border-bottom: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}

.basket td table td {
  padding: 0;
  border: none;
}

.basket .basket-total {
  background: #ddd;
  text-align: right;
  padding: 12px 16px;
  font-size: 18px;
}

.btn-small {
  background: #888;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 3px;
}

.basket-option {
  margin-top: 4px;
}

.quantity-wrap,
.quantityWrap {
  display: table;
  margin: 0 auto;
}

.basket-quantity {
  width: 20px !important;
  font-size: 18px;
}

.basket-quantity,
.basket-amend,
.quantityInput,
.quantityAmend {
  display: table-cell;
  vertical-align: middle;
  padding: 0 2px;
}

.basket-empty {
  margin: 24px 0;
}

.btn-wrap-back {
  float: left;
}

.btn-wrap-order {
  float: right;
}

.btn-wrap-back .btn {
  background: #888;
}

.basketQunantity {
  display: none;
}

/*----------------------------------------------------
お知らせ #news
----------------------------------------------------*/
#r_news {
  margin-top: 30px;
}

#r_news #newsHead {
  text-align: left;
  border-bottom: 2px solid #b2b2b2;
  padding: 4px 0;
  font-size: 12px;
}

#r_news #newsHead span {
  margin-right: 10px;
  font-size: 11px;
  color: #999;
}

#r_news #newsContents {
  text-align: left;
  padding: 20px 0px;
  border-bottom: 1px dashed #b2b2b2;
  margin-bottom: 20px;
}

#r_news #newsAccess {
  text-align: right;
  font-size: 11px;
  color: #999;
  margin-top: 20px;
}

#r_news #newsNext {
  text-align: right;
  font-size: 11px;
  margin-bottom: 10px;
}

#r_news #newsList {
  margin-bottom: 20px;
}

#r_news #newsList .line {
  background: #fff;
}

#r_news #newsList .lims {
  border-bottom: 1px dashed #b2b2b2;
  background: #fff;
}

#newsListBtn {
  text-align: center;
  margin-top: 10px;
}

/*****************************************************
  contract
*****************************************************/
.contract {
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  width: 100%;
  height: 280px;
  margin-bottom: 24px;
  padding: 16px;
}

.contract pre {
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*****************************************************
  ordercontract
*****************************************************/
.ordercontract-list th,
.ordercontract-list td {
  padding: 16px 8px;
  border-bottom: 1px solid #ccc;
}

.ordercontract-list th {
  white-space: nowrap;
}

/*****************************************************
  lostpass
*****************************************************/
.lostpass-table {
  margin: 32px auto 16px;
  width: 500px !important;
  border-top: 1px solid #ccc;
}

.lostpass-table th,
.lostpass-table td {
  padding: 16px 8px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

.lostpass-table input {
  border: 1px solid #ccc;
  padding: 3px 6px;
  width: 250px;
}

/*****************************************************
  point
*****************************************************/
.point-data {
  text-align: center;
  font-size: 17px;
  margin-bottom: 16px;
}

.point-data strong {
  font-size: 28px;
  margin-left: 8px;
}

.point-data strong span {
  font-size: 17px;
  margin-left: 4px;
}

.point-date {
  text-align: right;
  font-size: 13px;
}

.point-history {
  margin-top: 32px;
}

.point-history tr:first-child td {
  padding: 4px 8px;
}

.point-history td {
  padding: 16px 8px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

/*****************************************************
  Corekara下層カスタマイズ
*****************************************************/
.pankuzu {
  text-align: left;
  line-height: 20px;
  margin-bottom: 20px;
  color: #999;
}

.pankuzu a {
  display: inline-block;
  margin: 0 5px;
  color: #999;
}

.pankuzu a font {
  color: #999;
}

.pankuzu > font {
  color: #666;
}

/*----------------------------------------------------
   下層幅
----------------------------------------------------*/
#makebanner > tbody > tr > td > table {
  width: 100% !important;
}

table.innerB.inner100 {
  width: 100%;
}

.ordercontract form[name="all_view_menu"] + table,
.ordercontract form[name="all_view_menu"] + table tbody > tr > td > table,
.ordercontract form[name="all_view_menu"] + table tbody > tr > td > table > tbody > tr > td:nth-child(2),
.ordercontract form[name="all_view_menu"] + table tbody > tr > td > table > tbody > tr td.woong {
  width: 100%;
}

.company form[name="all_view_menu"] + table {
  width: 100%;
}

.idinfo form[name="form1"] > table {
  width: 100%;
}

.lowinfo_1 {
  width: 100% !important;
}

/*----------------------------------------------------
   商品カテゴリー #category
----------------------------------------------------*/
/* カテゴリー */
#category h2 {
  font-size: 14px;
  border-bottom: 2px solid #d6d3cf;
  margin-bottom: 20px;
  background: none;
  padding-left: 0;
}

#category #r_subGroup.section,
#category #r_categoryImg.section {
  margin-bottom: 20px;
}

#category #r_categoryRecommend table table b {
  color: #661e00;
}

/* サブカテゴリー */
#r_subGroup {
  margin-right: -10px;
}

#r_subGroup td[width="147"] table td:first-child {
  display: none;
}

#r_subGroup a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  margin-bottom: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #231815;
  border-radius: 60px;
  line-height: 1.2;
  font-size: 12px;
  border: 2px solid #d2d2d2;
  font-weight: bold;
  width: calc(100% - 10px);
  position: relative;
}

#r_subGroup a:after {
  content: "";
  top: 50%;
  right: 10px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: absolute;
  width: 4px;
  height: 4px;
  border-top: 2px solid #231815;
  border-right: 2px solid #231815;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

#r_subGroup a:hover:after {
  right: 5px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

#r_subGroup td[width="147"] table td:nth-child(2) {
  display: none;
}

#r_subGroup td[width="147"] {
  width: 25%;
}


#category .innerBox {
  margin: 10px;
  text-align: center;
}

#category .name {
  margin: 5px 0;
}

#category .imgWrap {
  text-align: center;
}

#category .price span {
  padding: 0 2px;
}

#category .price {
  font-weight: bold;
  color: #661e00;
  margin: 0;
}

#category .consumerPrice {
  font-size: 11px;
  color: #a59d95;
  text-decoration: line-through;
}

#category .else {
  text-align: left;
}

#category .else li {
  float: none;
  width: auto;
  display: inline;
}

#category .M_lumpinput {
  text-align: right;
}

#category .content {
  border-top: 1px dashed #b2b2b2;
  padding: 10px 0;
  margin: 10px auto;
  border-bottom: 1px dashed #b2b2b2;
  font-size: 11px;
}

#category .btnWrap {
  margin: 10px auto 0px;
  text-align: center;
  background: none;
}

#category .btnWrap img {
  margin-left: 5px;
}

#category a {
  text-decoration: none;
}

#category a:hover {
  opacity: 0.75;
}

a.into-cart {
  display: block;
  width: 310px;
  height: 56px;
  background-color: #b30404;
  text-align: center;
  line-height: 56px;
  font-size: 16px;
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
  box-align: center;
}

a.into-cart img {
  display: none;
}

a.quick-cart {
  display: block;
  width: 220px;
  height: 56px;
  background-color: #333333 !important;
  text-align: center;
  line-height: 56px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  box-align: center;
}

a.quick-cart img {
  display: none;
}

a.ditail-contact-btn {
  display: block;
  font-size: 12px;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  background-color: #7e8294;
  padding: 0 15px;
  line-height: 20px;
  text-decoration: none;
}

a.ditail-contact-btn img {
  display: none;
}

a.into-cart.ctg-btn {
  width: 85%;
  display: inline-block;
  font-size: 11px;
  margin: 0;
  height: 24px;
  line-height: 24px;
  float: left;
}

a.quick-cart.ctg-btn {
  display: inline-block;
  font-size: 11px;
  width: 15%;
  margin: 0;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  color: #fff !important;
  float: right;
}

a.into-cart.ctg-btn {
  font-size: 11px;
  margin: 0;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}

#category i.fa.fa-heart {
  line-height: 24px;
}

/*----------------------------------------------------
   商品詳細 #detail
----------------------------------------------------*/
#recent .itemBox .itemImg {
  padding-bottom: 5px;
}

#recent .itemBox .itemImg img {
  height: auto;
}

#itemLink {
  margin-bottom: 30px;
  font-size: 11px;
}

#itemImg {
  float: left;
  /*width:300px;*/
  width: 50%;
  margin-bottom: 20px;
}

#itemInfo {
  float: right;
  width: 50%;
}

/* [INFO]タグ */
#detailInfo table {
  width: 100%;
}

#detailInfo table td {
  height: auto;
  text-align: left;
}

#detailInfo .M_inventory table.stockList td {
  text-align: center;
}

#itemInfo #detailInfo table font {
  color: #cc0000;
  font-weight: bold;
  font-size: 18px;
}

#detailInfo table input {
  margin-right: 5px;
}

#detailInfo table table td a img {
  vertical-align: auto;
}

#detailInfo #M_usualValue td {
  font-size: 16px;
  padding: 10px 0;
  color: #403c39;
}

#detailInfo #M_usualValue td input {
  color: #403c39;
}

#wrapper #makebanner #detailInfo #M_usualValue,
#wrapper #makebanner #detailInfo #M_price2,
#wrapper #makebanner #detailInfo #M_taxview {
  border: none;
  width: auto;
  font-weight: bold;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

#detailInfo #M_usualValue .m_price {
  width: 120px;
  border: none;
  padding: 0;
}

#detailInfo #M_usualValue {
  font-weight: bold;
}

#detailInfo #M_taxview {
  width: auto;
}

#wrapper #makebanner #detailInfo .M_inventory input {
  border: none;
}

#wrapper #makebanner #detailInfo .M_inventory table.stockList th {
  background: #f2efeb;
  border: 1px solid #d6d3cf;
}

#wrapper #makebanner #detailInfo .M_inventory table.stockList td {
  border: 1px solid #d6d3cf;
  text-align: center;
}

/* 拡大画像ボタン */
#viewButton {
  font-size: 14px;
}

#viewButton i {
  display: inline-block;
  margin-right: 5px;
}

/* 商品名 */
h3.code-title {
  padding: 10px 0 2px;
  font-size: 14px;
  border-bottom: 1px solid #333;
}

#makebanner #detail #r_recent {
  border-top: 0px solid #fff;
}

/* 商品詳細 */
/* 必須ボタン */
#M_nameCustom .M_nameRequired {
  padding: 4px 5px !important;
  line-height: 1;
}

#itemLink {
  margin-bottom: 10px;
  font-size: 11px;
}

.item_prev {
  float: left;
  background: url(/images/original_design_default/samplesource/3/listIconL.png) no-repeat left;
  padding-left: 14px;
}

.item_next {
  float: right;
  background: url(/images/original_design_default/samplesource/3/listIconR.png) no-repeat right;
  padding-right: 14px;
}

#detail .detailTxt {
  border-top: 1px dotted #b2b2b2;
  border-bottom: 1px dotted #b2b2b2;
  padding: 10px 0;
  margin-bottom: 20px;
}

/* メールリンク */
#r_contact {
  margin: 10px 0 10px -5px;
}

#r_contact li {
  float: left;
  margin-left: 8px;
  margin-bottom: 8px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",
 sans-serif;
}

/* SNS */
#r_sns {
  margin-top: 10px;
}

#r_sns li {
  float: left;
  margin-left: 10px;
}

/* カートにいれるボタン */
#basketBtn {
  background: url(/images/original_design_default/samplesource/7/basketBg.png) repeat;
  padding: 10px;
  margin-top: 10px;
}

#basketBtn .cartBtn {
  float: left;
  width: 48%;
}

#basketBtn .cartBtn a.into-cart,
#basketBtn .buyBtn a.quick-cart {
  width: 100%;
  color: #fff;
  text-decoration: none;
}

#basketBtn .buyBtn {
  float: right;
  width: 48%;
}

#basketBtn a:hover {
  opacity: 0.75;
}

/* 追加商品説明文 */
/* 追加商品画像 */
#r_addImg {
  margin-bottom: 30px;
}

#r_addImg li {
  float: left;
  width: 33%;
  text-align: center;
  padding: 15px 0 10px;
}

#r_addImg li p {
  margin: 5px auto 0;
  word-break: break-all;
}

#r_addImg li img {
  width: 90%;
  height: auto;
}

h2.addImgTitle {
  font-size: 16px;
  font-weight: bold;
}

/* レビュー */
#r_review #M_reviewViewAll .M_reviewList {
  border: none;
  border-top: 1px solid #e6e6e6;
  background: #fff;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 20px 0;
}

#M_reviewViewAll .M_reviewerInfo {
  font-size: 14px;
}

#M_reviewViewAll .M_reviewRate p {
  font-size: 12px;
}

#r_review #M_reviewViewAll .M_reviewList .M_reviewInner {
  margin: 0;
}

#r_review #M_reviewViewAll .M_reviewRate {
  font-size: 1px;
  font-weight: bold;
}

#r_review #M_reviewViewAll .M_reviewInfo {
  border-bottom: 0;
  margin-bottom: 15px;
}

#r_review #M_reviewViewAll .M_reviewReadText {
  margin: 0;
  padding: 0;
}

#r_review #M_reviewViewAll .imgLi span {
  width: 22px;
  height: 21px;
  margin-right: 5px;
}

#r_review #M_reviewViewAll .ic1 span {
  background: url(https://gigaplus.makeshop.jp/hivetest/img/reviewStar-on.svg) no-repeat;
  background-position: center center;
  background-size: 22px 21px;
}

#r_review #M_reviewViewAll {
  width: 100%;
  margin: auto;
}

#r_review #M_reviewViewAll .ic1 span.off {
  background: url(https://gigaplus.makeshop.jp/hivetest/img/reviewStar-off.svg) no-repeat;
  background-position: center center;
  background-size: 22px 21px;
}

#r_review #M_review .ic1 li span {
  background: url(https://gigaplus.makeshop.jp/hivetest/img/reviewStar-on.svg) no-repeat;
  background-size: 100% auto;
}

#M_reviewViewAll #M_reviewBtm {
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
}

#r_review #M_review {
  font-size: 14px;
}

#r_review #M_review input[type="text"] {
  padding: 7px;
  border: #e6e6e6 1px solid;
}

#r_review #M_review textarea {
  width: 99%;
  border: #e6e6e6 1px solid;
  height: 80px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#r_review #M_review tbody > tr {
  padding-bottom: 10px;
}

#r_review #M_review tbody > tr > td {
  padding-bottom: 10px;
}

/* 商品グループ */
#r_group h3 {
  border-bottom: 2px solid #d6d3cf;
  color: #403c39;
}

#r_group #M_group {
  width: 100%;
  margin: 16px auto;
  border-collapse: collapse;
}

#r_group #M_group .itemBox,
#r_group #M_group .itemBox table,
#r_group #M_group td.itemImg {
  width: 170px;
}

#r_group #M_group .itemBox {
  vertical-align: top;
}

#r_group #M_group .itemImg {
  text-align: center;
}

#r_group #M_group .line {
  width: 10px;
}

#r_group #M_group .line img {
  display: none;
}

#r_group .itemBox p {
  text-align: left;
}

#r_group .price {
  color: #661e00;
  font-weight: bold;
}

/* 最近チェックした商品 */
#recent {
  display: none;
}

.section {
  margin-bottom: 60px;
}

#recent td.line {
  display: none;
}

/*----------------------------------------------------
   パスワード紛失 #orderlogin
----------------------------------------------------*/
/*----------------------------------------------------
   約款 #contract
----------------------------------------------------*/
#contractBox {
  width: 100%;
  height: 280px;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #b2b2b2;
  padding: 10px;
  text-align: left;
  margin-top: 20px;
}

/*----------------------------------------------------
   会員登録修正フォーム #member
----------------------------------------------------*/
#memberForm #M_entryForm {
  margin: 30px 10px 20px;
  width: 740px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
}

* html #memberForm #M_entryForm {
  position: relative;
}

#memberForm #M_entryForm th,
#memberForm #M_entryForm td {
  border-bottom: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  padding: 8px;
}

* html #memberForm #M_entryForm th,
* html #memberForm #M_entryForm td {
  position: relative;
}

#memberForm #M_entryForm th {
  background: #eee;
  width: 160px;
}

#memberForm .M_txt {
  font-size: 11px;
  margin-left: 10px;
}

#memberForm #mailreceiveN,
#memberForm #sex1 {
  margin-left: 10px;
}

#memberForm .M_ex,
#memberForm .M_info {
  font-size: 11px;
  color: #666;
}

#memberForm .M_post {
  display: block;
  width: 96px;
  height: 22px;
  background: url(/images/original_design_default/samplesource/3/r_postBtn.png) no-repeat;
  float: left;
  text-indent: -9999em;
  overflow: hidden;
  _zoom: 1;
}

#memberForm #mailreceiveY,
#memberForm #mailreceiveN,
#memberForm #sex0,
#memberForm #sex1 {
  border: none;
}

#M_changepw #M_changepwTable th {
  background: #615d5c;
}

/* 退会する */
#r_leave img {
  display: none;
}

#r_leave a {
  display: block;
  width: 81px;
  height: 22px;
  margin-top: 5px;
  background: url(/images/original_design_default/samplesource/3/memberjoin_escape.png) no-repeat 0 0;
}

#r_leave a:hover {
  background-position: 0 -22px;
}

/*----------------------------------------------------
   買い物カゴ #basket
----------------------------------------------------*/
#r_basket {
  margin-bottom: 60px;
}

#wishTable,
#basketTable {
  width: 100%;
  margin: 30px 0px;
}

#wishTable th,
#wishTable td,
#basketTable th,
#basketTable td {
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 6px;
}

#wishTable th,
#basketTable th {
  border-bottom: 1px solid #dfdfdf;
  white-space: nowrap;
  background: #f2f2f2;
  font-size: 14px;
}

#wishTable .wishNum,
#basketTable .basketNum {
  width: 30px;
  padding: 0;
}

#wishTable .wishImg,
#basketTable .basketImg {
  width: 56px;
}

#wishTable .wishName,
#basketTable .basketName {
  width: 400px;
  text-align: left;
}

#wishTable .wishName p,
#basketTable .basketName p {
  font-size: 12px;
  color: #666;
}

#wishTable .wishName p a,
#basketTable .basketName p a {
  font-size: 14px;
  font-weight: bold;
  display: block;
}

.quantityWrap {
  display: table;
}

.quantityInput,
.basketQunantity,
.quantityAmend {
  display: table-cell;
  vertical-align: middle;
  padding: 0 2px;
}

#basketTable .basketQuantity td {
  border: none;
  padding: 0;
}

#wishTable .wishPoint,
#basketTable .basketPoint {
  width: 70px;
}

#wishTable .wishPrice,
#basketTable .basketPrice {
  width: 70px;
}

#wishTable .wishOption,
#basketTable .basketOption {
  text-align: left;
  margin-top: 4px;
}

#wishTable .wishOption select,
#basketTable .basketOption select {
  margin-right: 10px;
  padding: 2px 5px;
  border: #dfdfdf 1px solid;
  border-radius: 5px;
}

#wishTable .wishQuantity input,
#basketTable .basketQuantity input {
  padding: 5px;
  border: #dfdfdf 1px solid;
  padding: 2px 5px;
  display: block;
  font-size: 12px;
}

#wishTable .wishQuantity input {
  display: inline-block;
  margin-right: 5px;
}

#wishTable .wishHaisou,
#basketTable .basketHaisou {
  /* padding:0; */
}

#wishTable .carriageWrap,
#basketTable .carriageWrap {
  margin: 4px 0;
}

#wishTable .wishHaisou p,
#basketTable .basketHaisou p {
  text-align: right;
}

#wishTable .wishHaisou .carriageMsg1,
#basketTable .basketHaisou .carriageMsg1 {
  color: #cc0000;
}

#wishTable .wishHaisou .carriageMsg2,
#basketTable .basketHaisou .carriageMsg2 {
  font-size: 11px;
}

#basketTable .basketBtns {
  width: 80px;
}

#wishTable .wishBtns {
  width: 100px;
}

#wishTable .wishBtns img,
#basketTable .basketBtns img {
  margin-bottom: 2px;
}

#wishTable .wishTotal,
#basketTable .basketTotal {
  text-align: right;
  background: #f2f2f2;
}

#wishTable .wishTotal em,
#basketTable .basketTotal em {
  font-weight: bold;
  font-size: 18px;
  color: #cc0000;
  font-style: normal;
}

#wishTable .wishEmpty p,
#basketTable .basketEmpty p {
  text-align: center;
  margin: 10px auto;
}

#r_basket .btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

#r_basket .btnWrap .btnBack {
  padding-top: 5px;
}

#r_basket .btnWrap .btnBack > a {
  margin-right: 10px;
}

#r_basket .btnWrap .btnOrder a.button {
  background: #bb0000;
  font-size: 18px;
  border-color: #bb0000;
  width: 296px;
}

#r_basket .btnWrap .btnOrder a.button:hover {
  background: #fff;
  color: #bb0000;
  font-size: 18px;
}

#r_basket .btnWrap .btnOrder a.arrow:hover:after {
  border-color: #bb0000;
}

.amazonButtonWrap {
  margin-top: 15px;
}

.cartMinBtn {
  border-radius: 3px;
  background: #050505;
  border: 1px solid #050505;
  color: #fff;
  font-size: 12px;
  padding: 1px 5px;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cartMinBtn:hover {
  text-decoration: none;
  opacity: 0.6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cartMinBtn.inverse {
  background: #fff;
  border: 1px solid #dfdfdf;
  color: #050505;
}

.cartMinBtn i {
  font-size: 10px;
  display: inline-block;
  margin-right: 2px;
  color: #fff;
}

.cartMinBtn.inverse i {
  color: #aaa;
}

/* お気に入りリスト */
/*----------------------------------------------------
   商品検索 #search
----------------------------------------------------*/
h2.search-title {
  text-align: center;
  font-size: 26px;
  font-weight: normal;
}

#r_searchName {
  margin: 20px 0 20px;
}

#r_searchName font {
  color: #333;
  font-weight: bold;
}

#r_searchInput {
  background: none;
  padding: 10px 0;
}

#r_searchInput table {
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
}

#r_searchInput .btnWrap {
  margin-top: 10px;
}

#r_searchInput th,
#r_searchInput td {
  border: 1px solid #d6d3cf;
  padding: 6px 8px;
}

#r_searchInput th {
  background: #f7f7f7;
  width: 15%;
}

#r_searchInput td {
  width: 35%;
}

#r_searchInput td input {
  width: 100px;
}

#r_searchInput #searchBrand input,
#r_searchInput #searchProduct input,
#r_searchInput #searchContent input,
#r_searchInput #searchCode input {
  width: 230px;
}

#r_searchList table,
#r_pager table {
  width: 100%;
}
.searchResult {
  font-size: 14px;
  background: none;
  padding-left: 0px;
}
#r_searchList .innerBox {
  margin: 10px;
}
#r_searchList .imgWrap {
  text-align: center;
}
#r_searchList .else {
  text-align: left;
}
#r_searchList .else li {
  float: none;
  width: auto;
  display: inline;
}
#r_searchList .btnWrap {
  margin: 10px auto 5px;
  background: none;
  text-align: center;
}
#r_searchInput .btnWrap {
  text-align: center;
}

#r_searchList .imgWrap img {
  width: 100%;
  height: auto;
}

a.into-cart.ctg-btn.search-btn {
  width: 80%;
  font-size: 12px;
  margin: 0;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  float: none;
}

/*----------------------------------------------------
   下層タイトル調整
----------------------------------------------------*/
.lowinfo_1 h2 {
  padding-top: 0px !important;
}

td.woong.titleB img {
  display: none;
}

td.woong.titleGuide.titleB {
  width: 910px;
}

/*title0*/
#category h2 {
  font-size: 16px;
  border-bottom: 2px solid #d6d3cf;
  margin-bottom: 20px;
  padding: 8px;
}

#r_recent h3 {
  font-size: 16px;
  border-bottom: 2px solid #d6d3cf;
  margin-bottom: 20px;
  padding: 8px;
}

td.woong.titleB {
  font-size: 16px;
  border-bottom: 2px solid #d6d3cf;
  margin-bottom: 20px;
  padding: 8px;
}

td.woong.titleB img {
  display: none;
}

#news .titleB {
  font-size: 16px;
  border-bottom: 2px solid #d6d3cf;
  margin-bottom: 20px;
  padding: 8px;
}

#guideTitle {
  display: none;
}

#r_recent h3 {
  content: "最近チェックした商品";
}

#makebanner > tbody > tr > td > table > tbody > tr > td.woong img {
  display: none;
}

td.woong.titleB.titleCart:after {
  content: "買い物かご";
}

td.woong.titleB.titleGuide:after {
  content: "ご利用ガイド";
}

td.woong.titleB.titleCompany:after {
  content: "ショップについて";
}

td.woong.titleB.titleRegi:after {
  content: "新規会員登録";
}

/*アイキャッチ*/
.eyecatch .bx-wrapper .bx-pager {
  padding-top: 10px;
  bottom: -20px;
}

.eyecatch .bx-wrapper {
  margin-bottom: 0px !important;
}

.eyecatch img {
  width: 100%;
}

.bx-wrapper .bx-viewport {
  -webkit-box-shadow: 0 0 0px #ccc !important;
          box-shadow: 0 0 0px #ccc !important;
  border: solid #fff 0px !important;





  left: 0px !important;
  background: #fff !important;
  text-align: right;
}

.js-none-check {
  display: none;
}

/*moreボタン*/
.moreBtn {
  display: block;
  margin: 25px auto 0px;
  width: 300px;
  height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 42px;
  color: white;
  font-size: 12px;
  letter-spacing: 1px;
  background: #333333;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.moreBtn:hover {
  opacity: 0.8;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  text-decoration: none;
}

.js-more li:nth-child(n + 6) {
  display: none;
}

.js-more--contents li:nth-child(n + 15) {
  display: none;
}

.js-moreBtn,
.js-moreBtn--contents {
  display: none;
}

/*バナーのホバーテキストセット*/
.popBnrText {
  position: relative;
}

.popBnr {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

#side .popBnr {
  display: block !important;
}

.popBnr__box {
  display: table;
  width: 100%;
  height: 100%;
  color: white;
}

.popBnr__inner {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

.popBnr__title {
  font-family: YuMincho, "游明朝", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho",
 "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  font-size: 14px;
}

.popBnr__text {
  margin-top: 10px;
}

/*item category辺り*/
.mainBox__topText {
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}

/*CONTENTS*/
.itemList--contents {
  background: black;
  margin-left: 0;
  margin-right: 0;
}

.itemList--contents .itemList__unit {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  max-width: 14.27%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.27%;
          flex: 0 0 14.27%;
}

/* .itemList--contents .itemList__unit{
 width:14.27%;
 float:left;
} */
.itemList--contents .itemList__unit img {
  width: 100%;
}

.bgSection {
  padding: 60px 0;
  width: 100%;
  overflow-x: hidden;
  background: #f2f2f2;
}

.bgSection__bg {
  width: 100%;
}

/*お知らせ*/
#info {
  background: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 15px 0px 15px;
}

.info__wrap {
  padding: 18px 0px 5px;
}

.info__inner {
  height: 260px;
  overflow: auto;
  padding: 10px 15px;
}

#info .mainTitle {
  margin-bottom: 15px;
  margin-top: 15px;
}

#info td td {
  padding-bottom: 10px;
}

#info tr td:nth-child(2) {
  padding-left: 5px;
}

.bgSection__bg--info {
  padding-top: 50px;
  padding-bottom: 80px;
}

.dnone {
  display: none;
}

/*********  購入数ボタン ********/
/*商品詳細ページ*/
img[src$="basket_up.gif"],
img[src$="basket_down.gif"] {
  display: block;
}

/*買い物かごページ*/
#basketTable .basketQuantity {
  width: 135px;
}

#basketTable td.basketQuantity table.basketQunantity {
  width: 20px;
  margin-top: 3px;
}

#basketTable .basketQuantity input,
#basketTable .basketQuantity table,
#basketTable .basketQuantity img {
  float: left;
  margin-right: 0px;
}

#basketTable .basketQuantity img {
  margin: 0 0 1px;
}

#basketTable .basketQuantity td {
  border: none;
  padding: 0;
}

#basketTable .quantityAmend img {
  width: 100%;
  height: 18px;
}

/*********  テンプレート改修による調整 ********/
/* 商品詳細ページ調整 */
.infoTable {
  margin: 15px 0px;
  width: 100%;
  border-left: none;
  table-layout: fixed;
}

.infoTable th {
  display: inline-block;
  overflow: hidden;
  padding: 3px 4px 3px 0px;
  width: 30%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
}

.infoTable td {
  display: inline-block;
  overflow: hidden;
  padding: 3px 0;
  width: 60%;
  text-align: left;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.infoTable td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}

.infoTable td .price input {
  width: 80px;
  text-align: left;
  background: none;
}

.optionTable,
.optionTable table {
  width: 100%;
}

.numChange_box {
  margin-bottom: 0 !important;
}

.numChange_box td {
  width: auto;
}

.numChange {
  width: 50px;
  margin-bottom: 0 !important;
}

.numChange .fa {
  font-size: 18px;
}

.nameoption th {
  display: block;
}

.nameoption td {
  width: 100%;
}

.nameoption td input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

tr.option td {
  padding: 5px 0;
}

/* 定期購入 */
#M_repeatPriceTable {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  width: 100%;
  margin: 8px 0;
}

#M_repeatPriceTable th {
  text-align: center;
  background: #ffc;
}

#M_repeatPriceTable th,
#M_repeatPriceTable td {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  font-size: 13px;
  padding: 3px;
}

#M_repeatPriceTable th {
  font-weight: normal;
}

#M_repeatPriceTable .M_taxIn {
  font-size: 11px;
  color: #666;
}

#M_repeatPriceTable td {
  color: #cc0000;
  font-weight: bold;
  text-align: center;
}

#M_repeatBonus {
  clear: both;
  overflow: hidden;
  _zoom: 1;
  margin-top: 16px;
  border: 1px solid #999;
}

.M_repeatBonusWrap {
  margin: 8px;
  padding: 10px;
  width: 310px;
  float: left;
}

.M_repeatBonusName {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}

.M_repeatBonusClear {
  overflow: hidden;
  _zoom: 1;
}

.M_repeatBonusImg {
  float: left;
  width: 100px;
  margin-right: 4px;
}

.M_repeatBonusImg img {
  width: 100px;
}

.M_repeatBonusDetail {
  float: right;
  width: 200px;
}

h4.regular {
  font-weight: bold;
  background: none repeat scroll 0 0 #e6e6e6;
  margin: 8px 0;
  padding: 8px;
  font-size: 14px;
}

.stockY {
  text-align: left;
  font-weight: bold;
  margin: 10px auto;
}

.repeatMgn {
  margin-bottom: 8px;
  text-align: left;
}

.M_repeatPrice span {
  color: #cc0000;
}

#basketBtn2 {
  margin-top: 10px;
  padding: 10px;
}

a.repeat_basket_btn {
  text-align: center;
  background: #b60500;
  color: #fff;
  display: inline-block;
  margin: 16px auto;
  padding: 14px 32px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  width: 70%;
}

a.repeat_basket_btn:hover {
  background: #be605d;
}

#buyInfo {
  margin: 20px 0 30px;
  overflow: hidden;
  _zoom: 1;
}

#buyInfo h4 {
  background: #ccc;
  padding: 8px;
  margin: 8px 0;
  font-size: 16px;
  font-weight: bold;
}

#buyInfo .repeatDescription {
  padding: 6px 12px;
  border: #333 solid 1px;
}

#buyInfo .buyBtn {
  margin: 16px 0;
}

#M_usualValue td,
#M_usualValue td input {
  font-size: 18px;
  font-weight: bold;
}

#M_usualValue td input {
  width: 70px;
}

div.M_infoEmbedded {
  float: left;
}

.M_repeatPrice {
  margin: 10px auto;
  font-size: 16px;
}

.M_repeatPrice,
.M_repeatPrice input.m_price {
  text-align: left;
  font-weight: bold;
}

.M_repeatPrice input.m_price {
  width: 60px;
  font-size: 18px;
  /* font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; */
}

.stockN {
  background: #eee;
  padding: 10px;
  font-size: 20px;
  color: #cc0000;
  text-align: center;
}

.repeatMgn > table {
  margin: 20px 0px;
  border-left: none;
  display: inherit;
}

.repeatMgn > table td {
  overflow: hidden;
  width: auto;
  padding: 0 5px;
  text-align: left;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.repeatMgn > table td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}

/* 下記、商品詳細テーブル */
.detailTable {
  margin: 40px 0px;
  width: 100%;
  border-left: none;
  table-layout: fixed;
}

.detailTable caption {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: left;
}

.detailTable tbody tr {
  border-bottom: 1px solid #ccc;
}

.detailTable tbody tr:first-child {
  border-top: 1px solid #ccc;
}

.detailTable tbody th,
.detailTable tbody td {
  padding: 12px;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}

.detailTable tbody th {
  width: 25%;
  width: calc(120px);
}

.detailTable tbody td {
  width: 65%;
  width: calc(100% - 168px);
}

.detailTable tbody td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}

.detailTable tbody td .price input {
  width: 80px;
  text-align: left;
  background: none;
}

.detailTable tbody td strong.price {
  font-size: 14px;
}

/* 商品詳細追加 */
#detail .detailTxt {
  border-top: none;
  border-bottom: none;
  padding: 0;
  margin-bottom: 30px;
}

#itemName {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  overflow-wrap: break-word;
}

#detailInfo table.infoTable,
#detailInfo table.infoTable th,
#detailInfo table.infoTable td {
  font-size: 12px;
}

.option select {
  padding: 5px 8px !important;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
}

#detailInfo table input {
  padding: 5px 8px !important;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  font-size: 12px;
  line-height: 1 !important;
  height: auto !important;
}

#basketBtn {
  background: none;
  padding: 0;
  margin-bottom: 15px;
}

#basketBtn .cartBtn,
#basketBtn .buyBtn {
  float: none;
  width: auto;
}

#basketBtn .cartBtn a.into-cart,
#basketBtn .buyBtn a.quick-cart {
  border-radius: 5px;
  font-size: 20px;
}

#r_contact {
  margin: 0 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#r_contact .contactBtn {
  max-width: calc(100% - 80px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 80px);
          flex: 0 0 calc(100% - 80px);
}

#r_contact .favBtn {
  max-width: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#r_contact .favBtn a {
  font-size: 30px;
  color: #999;
}

#r_contact a.ditail-contact-btn {
  display: block;
  font-size: 16px;
  border-radius: 5px;
  color: #b30404 !important;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 1px solid #b30404;
  padding: 0 15px;
  line-height: 56px;
  height: 56px;
  text-decoration: none;
}

td.M_option-group {
  text-align: left !important;
}

/* 汎用パーツ */
table.table--basic {
  width: 100%;
  table-layout: fixed;
}

table.table--basic th,
table.table--basic td {
  border: 1px solid #666;
  padding: 0.5em;
}

table.table--basic th {
  background: #dfdfdf;
  font-weight: normal;
}

table.table--basic tbody th {
  width: 25%;
}

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

/* 会員系パーツ */
.js-guest {
  display: none !important;
}

.js-member {
  display: none !important;
}

.membarNameTrue {
  margin-right: 30px;
  display: block;
}

.quantityAmend {
  min-width: 35px;
}

.basketQunantity {
  min-width: 15px;
}

.back {
  text-align: right;
  margin-top: 15px;
}

/* ==============================================================================================
item lists
================================================================================================= */
ul.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

ul.items a {
  display: block;
}

ul.items .name {
  position: relative;
}

ul.items .price {
  position: relative;
  line-height: 1.0;
}

ul.items .price span {
  display: block;
  font-weight: bold;
  line-height: 1.0;
}

ul.items .price span.label,
ul.items .price span.late {
  display: inline-block;
  color: #fff;
  background: #c1272d;
  padding: 0.15em 0.3em;
  border-radius: 2px;
}

ul.items .price span.normal {
  color: inherit;
  opacity: 0.5;
  text-decoration: line-through;
}

ul.items .s_expl {
  font-weight: bold;
}

ul.items.col2,
ul.items.between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

ul.items > li {
  position: relative;
  counter-increment: rank;
}

ul.items.col2 > li {
  width: 49%;
}

ul.items.col3 > li {
  width: 360px;
  margin-right: calc((99.9999% - 360px * 3)/2);
}

ul.items.col4 > li {
  width: 277px;
  margin-right: calc((99.9999% - 277px * 4)/3);
}

ul.items.col5 > li {
  width: 20%;
  margin-right: calc((99.9999% - 20% * 5)/4);
}

ul.items.col6 > li {
  width: 15%;
  margin-right: calc((99.9999% - 15% * 6)/5);
}

ul.items.col3 > li:nth-of-type(3n),
ul.items.col4 > li:nth-of-type(4n),
ul.items.col5 > li:nth-of-type(5n),
ul.items.col6 > li:nth-of-type(6n) {
  margin-right: 0;
}

ul.items.col2 > li:nth-of-type(n+3),
ul.items.col3 > li:nth-of-type(n+4),
ul.items.col4 > li:nth-of-type(n+5),
ul.items.col5 > li:nth-of-type(n+6),
ul.items.col6 > li:nth-of-type(n+7) {
  margin-top: 30px;
}

ul.items > li img {
  display: block;
  height: auto;
  text-align: center;
  width: 100%;
}

ul.items > li span.rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #333;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

ul.items > li span.rank:after {
  content: counter(rank);
}

ul.items > li:nth-of-type(1) span.rank,
ul.items > li:nth-of-type(2) span.rank,
ul.items > li:nth-of-type(3) span.rank {
  color: #fff;
  background-color: #534741;
}

ul.items > li:nth-of-type(1) span.rank:before {
  background-color: #a86d2b;
}

ul.items > li:nth-of-type(2) span.rank:before {
  background-color: #828282;
}

ul.items > li:nth-of-type(3) span.rank:before {
  background-color: #8d675c;
}

/* =============================================================================
common
============================================================================= */
body {
  font: normal 16px "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #555;
  font-weight: 500;
  line-height: 1.5;
}

.main-title {
  font-weight: bold;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0.1em;
}

.main-title.under {
  border-bottom: solid 1px #ccc;
  margin: 0 -15px 0.8em;
}

.main-title.beard {
  position: relative;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.main-title.beard:before, .main-title.beard:after {
  content: "";
  position: absolute;
  top: 0.75em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #555;
  width: 1em;
  height: 1px;
}

.main-title.beard:before {
  left: -1.5em;
}

.main-title.beard:after {
  right: -1.5em;
}
.main-title.beard span{
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color:#CACDD1;
}


/* =============================== items =============================== */

ul.items .thum {
  border:none;
}

ul.items .price,
ul.items .name {
  text-align: left;
  margin-top: 1em;
  font-size: 16px;
  overflow: hidden;
}
ul.items .price {
  text-align: right;
  margin-top: 1em;
  font-weight: bold;
}

ul.items .name {
  font-weight: normal;
  /*letter-spacing: 0.1em;*/
}

ul.items.col4 > li {
  position: relative;
  background: #F2F4F6;
  padding:15px;
  padding-bottom:47px;
  color:#707070;
}
ul.items.col4 > li .price {
  position: absolute;

  right:15px;
  bottom:15px;
}

ul.items.col4.minthum a{
  display: block;
}
ul.items.col4.minthum > li{
  padding: 5px;
  font-size: 14px;
}
ul.items.col4.minthum > li:after{
  content:'';
  width:100%;
  display: block;
  clear: both;
}
ul.items.col4.minthum > li img{
  width: 100px;
  float: left;
  margin-right: 20px;
}
ul.items.col4.minthum > li .name{
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding:0.5em 0;
}

/* =============================== items - ranking =============================== */
ul.items li span.rank[class] {
  width: 15vw;
  height: 15vw;
  font-size: 5vw;
  color: #fff;
  font-weight: 500;
  background: transparent -webkit-gradient(linear, left top, right bottom, from(#000), color-stop(50%, #000), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: transparent linear-gradient(to right bottom, #000, #000 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
  padding-top: 4%;
  padding-right: 12%;
}

/* =============================== Btn =============================== */
.moreBtn {
  display: table;
  margin: auto;
  text-align: center;
  width: 300px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.2;
  padding: 6px 0;
  color: inherit;
  background: #fff;
  border: solid 1px #aaa;
  border-radius: 100vw;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05);
}

.moreBtn.rv {
  color: #fff;
  background: #636466;
}

/* =============================================================================
layout
============================================================================= */
main.main,
.container {
  width: 1200px;
  margin: auto;
  text-align: left;
}
main.main:after {
  content:'';
  display: block;
  width:100%;
  height:1px;
  clear: both;
}

/* =============================================================================
header
============================================================================= */
header.header .modal_area {
  background: #fff;
}

header.header .modal_area .head_information {
  background-color: #636466;
  color: #fff;
  line-height: 30px;
  text-align: left;
  padding: 0 1em;
  letter-spacing: -0.125em;
}

header.header .modal_area .head_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  height: 60px;
}

header.header .modal_area .head_menu img {
  vertical-align: sub;
}

header.header .modal_area .head_menu a.logoarea {
  width: 200px;
  margin-left: -13px;
  margin-right: 265px;
}

header.header .modal_area .head_menu a.iconlink {
  margin-top: 15px;
}

header.header .modal_area .head_menu a.cart_link {
  height: 38px;
  width: 200px;
  margin-top: 10px;
  margin-left: 20px;
  line-height: 38px;
  border: solid 2px;
  border-radius: 200px;
  padding: 0 1.5em;
  font-weight: bold;
  background: no-repeat center right 22px url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS40MTEiIGhlaWdodD0iMTcuNTQ4Ij48cGF0aCBkYXRhLW5hbWU9IuODkeOCuSAzIiBkPSJNLjYzMy43NzRsOS43NzggOC05Ljc3OCA4IiBmaWxsPSJub25lIiBzdHJva2U9IiM2MzY0NjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
}

header.header .modal_area .head_menu a.cart_link img {
  height: 26px;
}

header.header .after_menu {
  background: #f2f4f6;
  text-align: left;
  line-height: 1;
  color: #444;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
  height: 60px;
}

header.header .after_menu ul.megamenu {
  position: relative;
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header.header .after_menu ul.megamenu > li {
  padding: 13px 15px;
}

header.header .after_menu ul.megamenu > li.hasChildren:hover, header.header .after_menu ul.megamenu > li.hasChildren.open {
  background-color: #636466;
  color: #fff;
}

header.header .after_menu ul.megamenu > li.hasChildren:hover .subMenu, header.header .after_menu ul.megamenu > li.hasChildren.open .subMenu {
  display: block;
}

header.header .after_menu ul.megamenu > li:not(:first-of-type) {
  margin-left: 0px;
}

header.header .after_menu ul.megamenu > li .subMenu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 60px;
  width: 100%;
  background: #fff;
  color: #444;
  text-align: left;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33);
  padding: 32px 50px;
}

header.header .after_menu ul.megamenu > li .cont {
  width: 50%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}

header.header .after_menu ul.megamenu > li .cont ul.cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
}

header.header .after_menu ul.megamenu > li .cont ul.cats li {
  max-width: 50%;
  min-height: 2em;
}

header.header .after_menu ul.megamenu > li .cont ul.cats li a {
  display: block;
  padding: 0.5em 0;
  letter-spacing: 0;
}

header.header .after_menu ul.megamenu > li .cont ul.cats li:not([class]) a:before {
  content: "-\a0";
}

header.header .after_menu ul.megamenu > li .cont ul.cats li:not([class]) a:after {
  content: "\a0\FF1E";
}

header.header .after_menu ul.megamenu > li .cont ul.cats li.top {
  font-weight: bold;
}

header.header .after_menu ul.megamenu > li .cont ul.cats li.top a:after {
  content: "\a0\FF1E";
}

header.header .after_menu ul.megamenu > li .cont ul.cats.techo {
  padding-top: 15px;
  padding-bottom: 0;
  height: 400px;
  padding-right: 75px;
}

header.header .after_menu ul.megamenu > li .cont ul.cats.education {
  height: 390px;
  padding-right: 55px;
}

header.header .after_menu ul.megamenu > li .cont ul.cats.books {
  height: 193px;
  padding-right: 190px;
}
header.header .after_menu ul.megamenu > li .cont a.moreBtn {
  font-size: 14px;
  line-height: 2.5;
  height: auto;
  margin-top:20px;
  padding:0;
}

header.header .after_menu ul.megamenu > li .cont a.moreBtn:before {
  content:'';
display:inline-block;
  background: transparent no-repeat center url(https://gigaplus.makeshop.jp/herethere/2020tmpl/icon_search_form_p.png);
background-size:contain;
vertical-align:middle;
  width:1.5em;
  height:1.5em;
  margin-right:0.5em;
}

header.header .after_menu ul.megamenu > li .cont.topics {
  padding-left: 50px;
  padding-top: 10px;
  border-left: solid 1px #00a0e9;
  height: 100%;
}

header.header .after_menu ul.megamenu > li .cont.topics h3 {
  font-size: 16px;
  padding: 0;
  font-weight: bold;
}

header.header .after_menu ul.megamenu > li .cont.topics ul.cat_topic_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}

header.header .after_menu ul.megamenu > li .cont.topics ul.cat_topic_link > li.info {
  position: relative;
  width: 100%;
  background-color: #636466;
  color: #fff;
  padding: 0.5em;
  font-weight: bold;
  margin: 12px 0 10px;
}

header.header .after_menu ul.megamenu > li .cont.topics ul.cat_topic_link > li.info > a {
  font-weight: normal;
  position: absolute;
  right: 0.5em;
  font-size: 0.8em;
  line-height: 1.25;
}

header.header .after_menu ul.megamenu > li .cont.topics ul.cat_topic_link > li:not([class]) {
  width: 48%;
  margin: 0;
  padding: 2% 0;
}

header.header .after_menu ul.megamenu > li .cont.topics ul.cat_topic_link > li:not([class]) img {
  display: block;
  max-height: none;
  height: auto;

}

header.header .after_menu ul.megamenu li.head_search {
  border-left: none;
  width: 278px;
  margin-left: 20px;
}

header.header .after_menu ul.megamenu li.head_search .search {
  height: 36px;
}
header.header .after_menu ul.megamenu li.head_search .search form {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header.header .after_menu ul.megamenu li.head_search .search input#s,
header.header .after_menu ul.megamenu li.head_search .search input#q {
  margin: 0;
  padding: 0;
  background: transparent;
  border: solid 0 #707070;
  border-bottom-width: 1px;
  height: 100%;
  width: calc(100% - 26px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}

header.header .after_menu ul.megamenu li.head_search .search button[type="submit"],
header.header .after_menu ul.megamenu li.head_search .search .searchForm__submit {
  background: transparent no-repeat center url(https://gigaplus.makeshop.jp/herethere/2020tmpl/icon_search_form_p.png);
  border: none;
  height: 100%;
  width: 26px;
  border: solid 0 #707070;
  border-bottom-width: 1px;
  cursor: pointer;
  background-size: contain;
}

header.header .after_menu ul.megamenu img {
  vertical-align: sub;
  margin-right: 10px;
  height: 30px;
}

/* =============================================================================
footer
============================================================================= */
footer.footer {
  margin-top: 110px;
}
footer.footer section ul.items > li{
  color: inherit;
  background: inherit;
  padding:0;
}

footer.footer section.relation ul.items {
  margin-top: 32px;
}
footer.footer section.relation ul.items.between > li:nth-of-type(n + 4) {
  margin-top: 60px;
}

footer.footer .linker {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer.footer .linker section.relation_sites {
  width: 360px;
  font-size: 14px;
  margin-bottom: 2em;
}

footer.footer .linker section.relation_sites h3 {
  font-weight: bold;
  border-bottom: solid 1px #00a0e9;
  line-height: 30px;
  letter-spacing: 0.12em;
}

footer.footer .linker section.relation_sites .desc {
  margin-top: 10px;
  min-height: 64px;
}

footer.footer .linker section.relation_sites ul.items {
  margin-bottom: 10px;
  padding: 15px 0;
}

footer.footer .linker section.relation_sites ul.items > li {
  width: calc((99.999% - 15px) / 2);
}

footer.footer .linker section.relation_sites ul.items > li:nth-of-type(n + 3) {
  margin-top: 15px;
}


 footer.footer #incMScal {
    font-size: 14px;
    padding: 0 30px;
  }
  footer.footer #incMScal table {
    width: 100%;
    margin: 0 auto 0;
    table-layout: fixed;
    font-size: 16px;
  }
  footer.footer #incMScal table tr th,
  footer.footer #incMScal table tr td {
    text-align: center;
    border: solid 0 #e0dbd4;
    border-width: 0 1px;
    /*background: #fff;*/
    height: 2em;
  }

  footer.footer #incMScal table:nth-child(n+2) tr td {
box-shadow: inset -4px 0 0 4px #fff, inset 4px 0 0 4px #fff;
}

  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="0"] {
    display: none;
  }
  footer.footer #incMScal table[border="0"][cellpadding="0"]:not([cellspacing]),
  footer.footer #incMScal table[border="0"][cellpadding="0"]:not([cellspacing]) td {
    background: transparent;
    border: none;
    text-align: left;
  }
  footer.footer #incMScal table[border="0"][cellpadding="0"]:not([cellspacing]) b {
    font-weight: 500;
    display: block;
    margin-top:0.5em;
  }

  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="1"] tr:not(:first-of-type) td:first-of-type,
  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="1"] tr:not(:first-of-type) td:last-of-type,
  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="1"] tr:not(:first-of-type) td[bgcolor="#33FFFF"] {
    background-color: #cff0ff;
    box-shadow: inset -4px 0 0 4px #fff, inset 4px 0 0 4px #fff;
  }
  footer.footer #incMScal[id] table[border="0"][cellpadding="0"][cellspacing="1"] tr[bgcolor] td:empty {
    background:inherit;
  }

  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="1"] tr:first-of-type {
    font-weight: bold;
  }

  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="1"] tr:first-of-type td:first-of-type {
    color: #e4007f;
  }

  footer.footer #incMScal table[border="0"][cellpadding="0"][cellspacing="1"] tr:first-of-type td:last-of-type {
    color: #0fa6ea;
  }
  footer.footer #incMScal .closed span {
    display: inline-block;
    background-color: #cff0ff;
    text-align: center;
    width: 1em;
    height: 1em;
    vertical-align: middle;
  }
  footer.footer #incMScal .rest_info {
    margin-top:0.5em;
  }

footer.footer .upper {
  margin-top: 50px;
  background: #f2f4f6;
  color: #888;
  padding: 50px 0 30px;
}

footer.footer .upper ul.items > li {
  width: 360px;
  padding:0;
}

footer.footer .upper ul.items > li > span {
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  display: block;
  border-bottom: solid 1px;
}

footer.footer .upper ul.items > li > .desc {
  font-size: 16px;
  padding-top: 20px;
}

footer.footer .upper ul.items > li img {
  width: auto;
}

footer.footer .upper .payments {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer.footer .upper .payments > div:not(:first-of-type) {
  margin-top: 20px;
}

footer.footer .upper .payments img {
  display: block;
}

footer.footer .upper .payments .convini {
  width: 100%;
}

footer.footer .upper .payments .convini div {
  background: #fff;
  padding: 10px 0;
}

footer.footer .upper .payments .convini img {
  display: table;
  margin: auto;
}

footer.footer .downer,
footer.footer .copy {
  background: #636466;
  color: #fff;
  padding: 1.5em 0 0.5em;
  min-width: 1200px;
}

footer.footer .downer > li:last-of-type,
footer.footer .copy > li:last-of-type {
  border-bottom: solid 1px;
}

footer.footer .downer {
  padding: 45px 0 30px;
}

footer.footer .downer ul.items > li {
  width: 400px;
  background:#636466;
  color: #fff;
  padding:0;
}

footer.footer .downer ul.items > li:not(:first-of-type) {
  padding-left: 26px;
  border-left: solid 2px;
}

footer.footer .downer ul.items > li > span {
  font-size: 24px;
  line-height: 36px;
  display: block;
}

footer.footer .downer ul.items > li > .desc {
  font-size: 16px;
  line-height: 32px;
  padding-top: 10px;
}

footer.footer .downer ul.items > li > .layout-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 160px;
}

footer.footer .downer ul.items > li > .layout-row > * {
  width: 50%;
}

footer.footer .downer ul.items > li img {
  width: auto;
}

footer.footer .copy {
  text-align: center;
  padding: 1.5em 0;
}

/* =============================================================================
top
============================================================================= */
main.top section.top_content a,
main.top section.top_content img {
  display: block;
}

main.top section.top_content .layout-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 790px;
  margin-top: 30px;
}

main.top section.news {
  margin-top: 100px;
}

main.top section.news ul {
  margin-top: 40px;
  border-top: solid 1px #ccc;
}
main.top section.news ul li{
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: solid 1px #ccc;
}
main.top section.news ul i {
  display: inline-block;
  min-width: 120px;
  text-align: center;
  color: #fff;
  background: #636466;
  margin-top: -2px;
  margin-left: 0.75em;
  font-size: 14px;
  vertical-align: top;
}

/* =============================================================================
search
============================================================================= */
main.search{
  padding-top:60px;
}

/* =============================================================================
shopbrand
============================================================================= */
main.shopbrand{
  padding-top:26px;
}

main.shopbrand .subc_namelabel {
  display: table;
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  border:solid 1px #888;
  width:400px;
  margin:50px auto 25px;
  text-align: center;
}
main.shopbrand .notes_tab{
  margin-top: 100px;
}
main.shopbrand .notes_tab ul.Btns{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom:solid 2px #707070;
  width:100%;
  color:#707070;
}
main.shopbrand .notes_tab ul.Btns > li{
  width:390px;
  background: #fff;
  border:solid 1px #707070;
  border-radius: 6px 6px 0 0;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  cursor: pointer;
  margin-bottom: -1px;
}
main.shopbrand .notes_tab ul.Btns >li.active{
  background:  #707070;
  color:#fff;
}
main.shopbrand .notes_tab > section{
  display: none;
}
main.shopbrand .notes_tab > section.active{
  display: block;
  padding-top:55px;
}
main.shopbrand .notes_tab > section.size ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
main.shopbrand .notes_tab > section.size ul a:after{
  content: '';
  display: table;
  width:100px;
  height:3px;  
  margin: auto;
  background: #F2F4F6;
}
main.shopbrand .notes_tab > section.size ul a:hover:after{
  background: #00A0E9;
}
main.shopbrand .notes_tab > section.format dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
   margin-top: -60px;
   padding:0 50px;
   font-size: 16px;
}
main.shopbrand .notes_tab > section.format dl dt{
  margin-top: 60px;
  width:270px;
  background: #F2F4F6;
  padding:2.0em;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.shopbrand .notes_tab > section.format dl dt div::first-line{
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
main.shopbrand .notes_tab > section.format dl dd{
  margin-top: 60px;
  width:800px;
  padding:25px 0;
}
main.shopbrand .notes_tab > section.format dl dd a{
  display: inline-block;
  text-align: center;
  width:30%;
}
main.shopbrand .notes_tab > section.format dl dd a:nth-of-type(n+4){
  margin-top:35px;
}
main.shopbrand .notes_tab > section.format dl dd a:after{
  content: '';
  display: table;
  width:160px;
  height:3px;  
  margin: auto;
  background: #F2F4F6;
}
main.shopbrand .notes_tab > section.format dl dd a:hover:after{
  background: #00A0E9;
}

main.shopbrand .notes_tab > section.start ul{
  display: -webkit-box;
  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.shopbrand .notes_tab > section.start ul a{
  display:block;
  border:solid 3px #CACDD1;
  border-radius: 3px;
}
main.shopbrand .notes_tab > section.start ul a:hover{
  border-color:#00A0E9;
}
main.shopbrand .notes_tab > section.start ul li:not(:first-of-type) a{
  margin-left:40px;
}
main.shopbrand  section.recommend ul.items > li{
  width:570px;
  font-size: 16px;
  margin-top:60px;
}
main.shopbrand  section.recommend ul.items > li .name{
  font-size: 20px;
  font-weight: bold;
}
main.shopbrand > section{
  margin-top: 90px;
}
main.shopbrand > section ul.items.col4{
  margin-top: 40px;
}
main.shopbrand  section.category_instagram p{
  margin:40px auto;
}
main.shopbrand  section.category_instagram a.moreBtn{
  margin-top:40px;
}


/* =============================================================================
detail
============================================================================= */
hr.dashed{
  border-top: dashed 1px #707070;
  margin:80px 0;
  width:100%;
}
main.detail{
  position: relative;
  padding-top:90px;
}
main.detail .selectionBtn{
  display:block;
  text-align: center;
  color:#707070;
  border: solid 2px;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  margin-top:16px;
  width:300px;
}
main.detail .selectionBtn.soldout{
  opacity: 0.5;
}
main.detail #r_detailWrap {
  width: 1000px;
  margin:0 100px;
}
main.detail #itemImg {
  width: 600px;
}
main.detail #itemImg ul.js-slick li{
  /*border:solid 1px #999;*/
}
main.detail #itemImg ul.js-slick li img{
 display:table;
margin:auto;
}
main.detail #itemImg ul.slick-dots{
  position: static;
  text-align: left;
  margin-top: 18px;;
}
main.detail #itemImg ul.slick-dots > li{
  background: none;
  width:140px;
  height:140px;
  overflow: hidden;
  margin:0;
}
main.detail #itemImg ul.slick-dots > li:not(:first-of-type):not(:nth-of-type(4n+1)){
  margin-left:13px;
}
main.detail #itemImg ul.slick-dots > li::nth-of-type(n+5){
  margin-top:13px;
}
main.detail #itemInfo {
  color:#707070;
  width: 340px;
}
main.detail #itemInfo .quantity{
  margin-top:60px;
}
main.detail #itemInfo input[name="amount"]{
  text-align: center;
}
main.detail section.buy_other ul.items {
  margin-top: 32px;
  padding:0;
}
main.detail section.buy_other ul.items li{
  padding:0;
}
main.detail .detailTxt {
  color: #707070;
  width:1000px;
  margin:auto;
}
main.detail .detailTxt h3{
  font-size: 18px;
  font-weight: bold;
}
main.detail .detailTxt p{
  margin:1.0em 0;
}
main.detail .detailTxt dl.specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin:1.0em auto 2.0em;
}
main.detail .detailTxt dl.specs dt{
  padding:5px 0 10px;
  border-bottom: solid 1px;
  width: 20%;
}
main.detail .detailTxt dl.specs dd{
  width: 80%;
  padding:5px 0 10px;
  border-bottom: solid 1px;
}

/* =============================================================================
basket
============================================================================= */
main.basket{
  padding-top:60px;
}
main.basket table{
  max-width:100%;
}
main.basket td.woong.titleCart.titleB {
  display: none;
}

/* =============================================================================
JS
============================================================================= */
/* slick */
ul.slick-dots {
  bottom: -20px;
}

ul.slick-dots li,
ul.slick-dots li button,
ul.slick-dots li button:before {
  width: 12px;
  height: 12px;
  padding: 0;
}

ul.slick-dots li button:before {
  content: "";
  background-color: currentColor;
  border-radius: 200px;
}

/* =============================================================================
Makeshop
============================================================================= */

#detailInfo strong.price {
  font-size: 22px;
  display: block;
  margin: 20px 0 90px 0;
}


/* =============================================================================
メガメニュー非表示
============================================================================= */
ul.megamenu.container .subMenu {
    display: none !important;
}