@charset "utf-8";
/**************************************************
reset
**************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  text-align: left;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  border: 0;
}
li {
  list-style-type: none;
}
img {
  vertical-align: middle;
}
td, th {
  font-size: 1.4rem;
	
}
table {
  border-collapse: collapse;
}
pre {
  font-size: 1.4rem;
  line-height: 1.5;
  /*overflow: auto;*/
  white-space: pre-wrap;
  word-wrap: break-word;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
pre::-ms-expand {
  display: none;
}
input,
button,
textarea,
select,
textarea.reviewText {
  margin: 0;
  background: none;
  outline: none;
  /*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
  border: 1px solid #ccc;
  background: #fff;
  /*padding: 5px !important;*/
  box-sizing: border-box;
  font-size: 1.4rem;
  border-radius: 0;
  /*font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;*/
}
button, select {
  cursor: pointer;
}
/*for IE特有のスタイルをリセット*/
select::-ms-expand {
  display: none;
}
p.basket-addcode {
  font-size: 1.2rem;
}
/*end reset*/
/**************************************************
common
**************************************************/
/*font-family*/
body,
pre,
.m_price,
.item-detail-info select {
  font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
input[name="star"] {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
#wrap,
#makebanner {
  width: 100%;
}
table#makebanner {
  width: 1100px;
}
.line {
  display: none; /*新商品・おすすめ商品・チェック履歴の商品間のラインを非表示*/
}
.content {
  width: 100%; /*コンテンツ幅を指定*/
  margin: 0 auto;
}
.subpage .content {
  width: 850px;
}
.subpage {
  margin-left: 40px;
}
.price, .item-list li:nth-child(n + 5) .lims table .woong:last-child td, .m_price, .item-list .lims > table > tbody > tr:nth-child(3) td, .item span {
  color: #000; /*価格のカラー*/
  font-weight: bold;
}
/*商品詳細ページ価格（PC・SP共通）*/
p.selling-price .price, p.selling-price .m_price, span#sellingPrice {
  font-size: 2.4rem;
}
p.selling-price span.spec-label {
  font-weight: bold;
}
/*商品陳列のレイアウト*/
.wrap-item-list {
  margin-top: 40px;
}
.item-list tr + tr td.lims {
  /*トップページの商品陳列の商品同士の間隔*/
  padding-top: 40px;
}
.item-list {
  display: flex;
  flex-wrap: wrap;
}
.item-list .price, .item-list .item-name, .item-list .lims table tr.woong td, #leftRecent .price, p.price { /*一覧表示の価格と商品名の余白（トップ新商品・おすすめ商品、チェック履歴、カテゴリー、検索結果・・・【一律】*/
  padding-top: 10px !important;
  padding-left:3px;
  padding-right:3px;
  display: block;
}
.item-list p, #recent p {
  /*カテゴリー・検索結果・チェック履歴の商品名・価格左寄せ*/
  text-align: left !important;
}
/*▼商品一覧（トップ新商品・おすすめ商品、チェック履歴、カテゴリー・検索結果）の余白・・・【一律】*/
.item-list table, table#recent {
  table-layout: fixed;
}
.item-list td.lims, #recent td.itemBox, #M_group td.itemBox, .item-list li, #M_group td.itemBox {
/*  width: calc((850px - 30px * 3) / 4) !important; /*コンテンツ幅を指定*/
 /* padding-right: 30px;*/

 width: calc((850px - 5px * 3) / 4) !important; /*コンテンツ幅を指定*/
  padding-right: 5px;



}
td.itemImg img {
  width: 100%;
}
.item-list.item-list-5 li {
  width: calc((850px - 30px * 4) / 5) !important; /*コンテンツ幅を指定*/
  padding-right: 30px;
}
.item-list td.lims table {
  width: calc((850px - 30px * 3) / 4) !important; /*コンテンツ幅を指定*/
  float: left; /*新商品・おすすめ商品が4商品に満たない場合に左寄せ*/
}
.item-list td.lims:last-child, #recent td.itemBox:last-child, #M_group td.itemBox:last-child, .item-list li:last-child, .item-list li:nth-of-type(4n), #M_group td.itemBox:last-child {
  padding-right: 0;
}
table#M_group tr + tr > td.itemBox {
  padding-top: 40px;
}
.item-list.item-list-5 li:nth-child(4n) {
  padding-right: 40px;
}
.item-list.item-list-5 li:last-child, .item-list.item-list-5 li:nth-child(5n) {
  padding-right: 0;
}
/*▲商品一覧（トップ新商品・おすすめ商品、チェック履歴、カテゴリー・検索結果）の余白・・・【一律】*/
/*▼商品一覧・検索結果の2段目以降の上段との余白*/
.item-list li:nth-of-type(n + 5), .item-list:nth-of-type(n + 3), #matomegai .innerList + .innerList {
  margin-top: 40px;
}
/*1段5商品掲載する場合のレイアウト*/
.item-list.item-list-5 li:nth-child(n + 6) {
  margin-top: 40px;
}
.item-list.item-list-5 li:nth-child(5) {
  margin-top: 0;
}
/*▲商品一覧・検索結果の2段目以降の上段との余白*/
a:link, a:visited, a:active {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #888;
  /*text-decoration: underline;*/
  text-decoration: none;
}
.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clear { /* IE6 */
  zoom: 1;
}
*:first-child + html .clear { /* IE7 */
  zoom: 1;
}
a:hover, a:hover img, .btn:hover, #M_basketClosedBox a:hover, .soldout:not(:hover) {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#M_basketClosedBox a{
	position: relative;
}


.wrap-btn {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
/*ボタン類*/
.btn {
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn:hover {
  text-decoration: none;
}
.btn-primary {
  background: orange;
  color: #fff !important;
  border: none;
}
.btn-sub {
  background: #eee;
}
.btn-common {
  width: 200px;
  height: 50px;
  font-size: 1.6rem;
}
.btn-small {
  width: 60px;
  height: 40px;
}
.soldout {
  cursor: default;
  color: #888 !important;
}
.wrap-review .btn-sub {
  width: 200px;
  height: 50px;
}
/*heading*/
.index-h1 {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
.subpage h1 {
  font-size: 220%;
}
.subpage h2 {
  font-size: 200%;
}
.subpage h3 {
  font-size: 180%;
}
.subpage h4 {
  font-size: 160%;
}
.subpage h5 {
  font-size: 140%;
}
.subpage h6 {
  font-size: 120%;
}
.item-list a img, .img-item-list img {
  width: auto;
    height: auto;
  max-height: 205px;
 /* max-height: 190px;*/
 /* width: 100%;*/
}
.img-item-list a, #recent td.itemImg a {
  /*width: 190px !important;
  height: 190px;*/
  
  width: 205px !important;
  height: 205px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
.item-list .lims table td {
  height: auto !important; /*縮小画像登録のサイズ適用をリセット*/
  text-align: center;
}
.item-list .lims table .woong td { /*新商品・おすすめ商品の文字のみ左寄せ*/
  text-align: left;
}
.item-list .woong td a, .item-name a {
  height: 4.5em; /*新商品・おすすめ商品の商品名の高さを制御*/
  display: block;
  overflow: hidden;
}
#makebanner td[width="150"] {
  display: none; /*左側メニュー非表示*/
}
#makebanner td[width="150"] {
  display: block;
  width: 210px;
}
#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; /*各種タイトルイメージ管理の画像を非表示*/
}
.tbl-style-1 {
  width: 100%;
}
.tbl-style-1 th {
  text-align: left;
  background: #eee;
  white-space: nowrap;
}
.tbl-style-1 th, .tbl-style-1 td {
  font-weight: normal;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
}
.topicpath, #topicPath, .searchPath, #matomegai p.pankuzu {
  font-size: 1.2rem;
  text-align: left;
  margin-bottom: 20px;
}
#topicPath li, #topicPath ul {
  display: inline;
}
#M_topicPathWrap li:nth-child(1), ul#topicPath li:nth-child(1) {
  display: none;
}
.msg-empty {
  color: #888;
  text-align: center;
}
/*placeholder*/
input::-webkit-input-placeholder {
  color: #ccc;
}
input::-moz-placeholder {
  color: #ccc;
}
input:-ms-input-placeholder {
  color: #ccc;
}
/*end common*/
/**************************************************
common #category #serch
**************************************************/
.list-info {
  padding: 20px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  margin-top: 20px;
}
.list-sort {
  line-height: 1;
  display: flex;
}
.list-sort li {
  padding: 0 1em;
}
.list-total span {
  /*font-size: 2.2rem;*/
  padding: 0 4px; /*font-weight: bold;*/
}
.list-sort li + li {
  border-left: 1px solid;
}
.list-sort li:last-child {
  padding-right: 0;
}
/*end common #category #serch*/
/**************************************************
pager
**************************************************/
ul.M_pager, .pager {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 80px auto 0 !important;
  background-color: #f5f5f5;
  padding: 30px !important;
}
ul.M_pager li a, li.active span, .pager li a span, .pager .current, .pager td font.woong {
  padding: 0 !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #fff;
  box-sizing: border-box;
}
ul.M_pager li.next {
  margin: 0 15px !important;
}
ul.M_pager li a, .pager li a span, #news table[width="368"] > tbody tr:nth-child(2) td a font.woong {
  background: #000 !important; /*reset*/
  color: #fff;
  border: 1px solid #000 !important; /*reset*/
}
ul.M_pager li, .pager li {
  margin: 0 5px !important; /*reset*/
  padding: 0 !important; /*reset*/
}
.M_pager li.next a {
  background: #fff !important;
  color: #000;
  white-space: nowrap;
  width: auto;
  border: none !important;
  padding: 0px 20px !important;
}
.M_pager li.next a:hover {
  text-decoration: none !important;
}
.pager span.btn-next, .pager span.btn-prev {
  background: none !important;
  color: #000;
  border: none !important;
}
#category .content > h1 {
  /*position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;*/
  color: #fff;
  font-size: 2.0rem;
  padding: 0.5em;
}
/**************************************************
news-list
**************************************************/
.news-list {
  margin-top: 20px;
}
.news-list > table > tbody > tr:nth-child(2) table td, #news .news-list > table > tbody > tr > td, .news-list ul li span {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.news-list > table > tbody > tr:nth-child(2) table td:nth-child(1) {
  white-space: nowrap;
}
/*end news-list*/
/**************************************************
#matomegai
**************************************************/
#matomegai .detail .item-name img, #matomegai .detail .else, #matomegai .detail .content, #matomegai .btnWrap .quickBtn, #matomegai .wishlistBtn {
  display: none;
}
#matomegai .cartBtn {
  width: 100%;
  margin-top: 5px;
  padding: 10px;
  box-sizing: border-box;
  background: #000;
  color: #fff;
  border-radius: 6px;
  display: inline-block;
  display: none;
}
#matomegai p.quantity {
  margin-top: 5px;
  color: orange;
  display: none;
}
#matomegai p.quantity a {
  color: orange;
  text-decoration: underline;
}
.ico-matomegai a, #list_item .matomegai a {
  padding: 5px;
  font-size: 1.2rem;
  display: inline-block;
  border: 1px solid orange;
  color: orange;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
p.ico-matomegai, #list_item p.matomegai {
  margin-top: 5px;
}
#matomegai .list-sort li:nth-child(n+3) {
  display: none;
}
#matomegai div.icon {
  display: none !important;
}
.wrap-matomegai-detail {
  text-align: right;
  margin-top: 10px;
}
.wrap-matomegai-detail .price:after {
  content: "円";
}
/*end matomegai*/
/**************************************************
.fpage
**************************************************/
.fpage p {
  text-align: left;
  margin-bottom: 1em;
}
/**************************************************
#guide
**************************************************/
#guide {
  /*width: 800px !important;*/ /*デフォルト上書き*/
  padding-left: 0 !important; /*デフォルト上書き*/
}
#guide .M_guideNav li {
  padding: 0 !important;
  border-right: none !important;
  line-height: 1;
  width: calc(100%/5);
  box-sizing: border-box;
}
#guide .M_guideNav li + li {
  border-left: 1px solid #fff;
}
#guide .M_guideNav a {
  font-size: 1.4rem !important;
  color: #fff !important;
  text-decoration: none;
  display: block;
  padding: 0 1em;
  background: #888;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
}
#guide .M_guideNav a:hover {
  text-decoration: none !important;
}
#guide .inner-contents {
  padding: 0 !important;
}
#guide .M_txtTitle {
  position: relative;
  font-size: 2.6rem !important; /*reset*/
  font-weight: normal;
  text-align: left;
  margin-bottom: 1em !important; /*reset*/
}
/*PC・SP共通*/
.index-section.index-shopintro {
  border-top: 10px solid #f2f2f2;
  margin-top: 20px;
  padding-top: 50px;
  padding-bottom: 60px;
}
.M_guideContent, div#guide-sp section.editContent, div#policy-sp section.editContent, .insert-policy {
  background: #fafafa;
  padding: 20px;
  margin: 40px 0 !important;
  border: 1px solid #eee;
  text-align: left;
}
#guide .M_guideNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px 0 !important; /*reset*/
}
/**************************************************
#ordercontract
**************************************************/
/*PC・SP共通*/
table#M_ordercontract, table#lawList {
  margin-top: 40px;
}
dl.M_ordercontractWrap {
  display: table-row;
  margin-bottom: 0 !important;
  width: 100%;
}
.M_ordercontractItem {
  font-weight: normal !important;
  font-size: 1.4rem !important;
  margin-bottom: 0 !important;
  background: #eee;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: table-cell;
  white-space: nowrap;
}
dd.M_ordercontractDescription {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: table-cell;
  width: 100%;
}
dl.M_ordercontractWrap:nth-of-type(1) {
  border-top: 1px solid #ccc;
}
/*最上部の余白非表示*/
table#M_ordercontract > tbody > tr:nth-of-type(1) {
  /*デフォルトを使用する場合はコメントアウト*/
  /*display: none;*/
}
/**************************************************
#header
**************************************************/
/*かごの中身*/
.header-basket {
  position: relative;
}
.header-basket span {
  background: red;
  position: absolute;
  border-radius: 50%;
  color: #fff;
  font-size: 1.0rem;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -9px;
  right: -10px;
  z-index: 0;
  text-align: center;
}
.logo {
  text-align: left;
}
.msg-shipping p {
  color: #e60011;
  font-size: 1.4rem;
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.msg-shipping p:before {
  content: "";
  width: 29px;
  height: 16px;
  background: url(../images/common/ico_truck.png) no-repeat;
  background-size: cover;
  display: block;
  margin-right: 9px;
}
/*検索*/
.header-search a#MakeShopTopSearchButton, .header-search input[name="brand_search_button"] {
  background: #333 url(../images/common/btn_search.svg) no-repeat center center;
  text-indent: -9999em;
  height: 35px;
  width: 35px;
  background-size: 16px;
}
.header-search input {
  border: none;
  padding: 0 0 0 13px !important;
}
.header-search {
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
  box-sizing: border-box;
}
.shop-tel {
  font-size: 30px;
  font-family: 'Yu Gothic', YuGothic;
  font-weight: bold;
  text-align: right;
  line-height: 1;
}
.shop-tel:before {
  content: url(../images/common/ico_free_dial.png);
}
.shop-tel:after {
  content: "【受付時間】9：30～17：20（土日祝休業）";
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin-top: 6px;
}
.shop-fax {
  text-align: right;
  font-size: 20px;
  font-family: 'Yu Gothic', YuGothic;
  font-weight: bold;
  margin-top: 5px;
  line-height: 1;
}
/*カートボタン（PC・SP共通）*/
#M_basketClosedBox a, li.header-basket a {
  display: flex !important;
  text-decoration: none !important;
  width: 28.4px !important;
    height: 30px !important;
  background: url(../images/common/btn_cart.svg) no-repeat;
  justify-content: center;
  align-items: center;
}
#M_basketClosedBox a {
  text-indent: -9999em;
}
/*end header*/
/**************************************************
#index
**************************************************/
.topimage {
  margin-bottom: 10px;
}
/*bx-slider*/
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
}
.topimage .bx-wrapper .bx-pager, .topimage .bx-wrapper .bx-controls-auto {
  bottom: 20px; /*reset*/
}
.topimage .bx-wrapper {
  margin-bottom: 0 !important; /*reset*/
}
/*bx-slider pager style*/
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: none !important;
  border: 1px solid #fff;
  box-sizing: border-box;
}
/*左右矢印のデザイン変更*/
.bx-wrapper .bx-prev {
  left: -20px !important;
  background: url(../images/common/btn_prev.svg) no-repeat center center !important;
  background-color: #888 !important;
}
.bx-wrapper .bx-next {
  right: -20px !important;
  background: url(../images/common/btn_next.svg) no-repeat center center !important;
  background-color: #888 !important;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
  background-size: 13.5px 22px !important;
}
/*矢印のサイズに設定*/
.bx-wrapper .bx-controls-direction a {
  width: 40px !important;
  height: 40px !important;
  z-index: 1 !important;
  border-radius: 50px;
  opacity: 0.8;
}
/**************************************************
footer
**************************************************/
#footer, footer {
  /*background: #333;*/
  margin-top: 50px;
  /*color: #fff;*/
  position: relative;
  background: #fff;
  clear: both;
}

/*
@media only screen and (max-device-width: 480px) {	
 #footer, footer {
  /*background: #333;*/
  margin-top: 100px;
  /*color: #fff;*/
  position: relative;
  background: #fff;
  clear: both;


	}
	}
*/

#footer a, footer a {
  /*color: #fff !important;*/
}
.pagetop-wrapper {
  /*background-color: #454545;*/
  background-color: #b0b0b0;
  width: 100%;
  padding: 15px;
  line-height: 1;
  box-sizing: border-box;
}
.pagetop-wrapper img {
  width: 48px;
}
.copyright {
  margin-top: 40px;
  padding: 20px;
  background: #888;
  color: #fff;
}
.copyright em {
  font-size: 1.2rem;
}
/*pgaetop*/
.area-btn-pagetop {
  position: relative;
}
.btn-pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
}
.btn-pagetop.bottom {
  position: absolute;
  top: -60px;
  bottom: auto;
}
.btn-pagetop span.btn {
  width: 60px;
  line-height: 60px;
  color: #fff;
  background: #000;
  opacity: 1;
}
.footer-columns h3 {
  margin-bottom: 19px;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 19px;
  text-align: center;
  line-height: 1;
}
.footer-columns ._left, .footer-columns ._right > div {
  border-radius: 5px;
  /* background-color: #454545; */
  background-color: #f5f5f5;
  padding: 30px 20px;
  /* color: #fff; */
  box-sizing: border-box;
}
.footer-columns {
  display: flex;
  padding: 40px 0;
}
.footer-calendar + p {
  margin-top: 16px;
}
.footer-columns ._left p {
  font-size: 1.2rem;
}
.footer-columns p {
  text-align: left;
  font-size: 1.3rem;
  line-height: 2.0;
}
.footer-columns .left-calendar > div > table + table tr[height="12"] td[width="20"] {
  /*background-color: #66ccff;
    width: 12px;*/
}
.footer-columns .left-calendar > div > table + table tr[height="12"] td[width="20"] + td + td {
  text-align: left;
}
.footer-columns .left-calendar > div > table:first-of-type tr + tr > td:first-of-type, .footer-columns .left-calendar > div > table:first-of-type tr + tr > td:last-of-type {
  color: #ff6666 !important;
}
.footer-columns .left-calendar > div:nth-child(3) {
  border-top: 0;
  margin-top: 16px;
  padding-bottom: 0;
}
.footer-columns a {
  display: block;
  background-color: #b0b0b0;
  border-radius: 5px;
  padding: 9px 0;
  box-sizing: border-box;
  line-height: 1;
  color: #fff;
}
.footer-columns .table {
  display: flex;
  text-align: left;
}
/*end footer*/
/**************************************************
search
**************************************************/
.item-search {
  background: #eee;
  padding: 20px 10px;
  margin: 20px 0;
}
.item-search dl {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
}
.item-search dl select, .item-search dl input {
  width: 100%;
  height: 40px;
}
dt.search-price + dd {
  display: flex;
  align-items: center;
}
.item-search dl dt, .item-search dl dd {
  padding: 5px;
  box-sizing: border-box;
}
dt.search-category + dd > div + div {
  margin-top: 2px;
}
dt.search-price + dd span {
  white-space: nowrap;
  margin: 0 10px;
}
/**************************************************
PC・SP共通
**************************************************/
/*#index*/
.index-shopintro, .index-new-item, .index-ranking {
  background: #eee;
}
.index-section {
  padding: 40px 0;
}
.index-section h2 {
  text-align: center;
  font-size: 2.4rem;
}
.index-section h2 span {
  display: block;
}
.index-section h2 span:nth-child(2) {
  font-size: 1.6rem;
}
.index-news table table > tbody > tr > td:nth-child(2), .news-list ul li span:nth-child(2), #news .news-list td:nth-child(1) {
  padding-left: 2em;
  box-sizing: border-box;
}
.index-section.index-banner ul.M_bannerList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index-section.index-banner ul.M_bannerList li {
  margin-top: 10px;
}
.index-section.index-banner ul.M_bannerList li {
  width: calc((100% - 20px * 4) / 5);
}
.index-section.index-banner ul.M_bannerList li img {
  width: 100%;
}
/*ranking*/
/*順位*/
.rank-num {
  text-align: center;
  margin-bottom: 10px;
}
.index-ranking ul li:nth-child(1) .rank-num:before {
  content: "1位";
}
.index-ranking ul li:nth-child(2) .rank-num:before {
  content: "2位";
}
.index-ranking ul li:nth-child(3) .rank-num:before {
  content: "3位";
}
.index-ranking ul li:nth-child(4) .rank-num:before {
  content: "4位";
}
.index-ranking ul li:nth-child(5) .rank-num:before {
  content: "5位";
}
.index-ranking ul li:nth-child(6) .rank-num:before {
  content: "6位";
}
.index-ranking ul li:nth-child(7) .rank-num:before {
  content: "7位";
}
.index-ranking ul li:nth-child(8) .rank-num:before {
  content: "8位";
}
.index-ranking ul li:nth-child(9) .rank-num:before {
  content: "9位";
}
.index-ranking ul li:nth-child(10) .rank-num:before {
  content: "10位";
}
/*review*/
.review-view {
  margin-top: 40px;
}
#M_reviewViewAll .M_reviewRead > .M_reviewReadText, .reviewComment {
  margin: 0; /*reset*/
  padding: 1em; /*reset*/
  text-align: left;
  line-height: 1.5; /*reset*/
}
#index #M_reviewViewAll .M_reviewRead, #index .reviewBox {
  background: #fff;
  margin-top: 10px;
}
#M_reviewViewAll .M_reviewerInfo p, p.reviewDate {
  margin-right: 10px;
}
p.M_reviewer {
  margin-right: 0 !important; /*reset*/
}
#index #M_reviewViewAll .M_reviewList, #index .itemListReview li {
  border: none;
  padding: 20px;
  background: #fafafa;
  margin: 0; /*reset*/
}
#index #M_reviewViewAll .M_reviewList + .M_reviewList, #index .itemListReview li + li {
  margin-top: 20px !important; /*reset*/
}
#detail #M_reviewViewAll .M_reviewReadText, #detail .reviewComment {
  padding: 10px;
  text-align: left;
  line-height: 1.5;
  background: #fafafa;
  /* color: #888; */
  border: 1px solid #eee;
  margin-top: 10px;
}
div#M_reviewBody, #detail .review-list {
  margin-top: 40px;
}
#detail .M_reviewList + .M_reviewList, #detail .list_review li + li {
  margin-top: 40px;
}
#M_reviewViewAll .txtLi span.off {
  color: #e5e5e5 !important;
}
/*.icon*/
.icon {
  background: red;
  color: #fff !important;
  padding: 4px;
  font-size: 1.2rem;
  display: inline-block !important;
  line-height: 1;
  position: relative;
  bottom: 2px;
  margin-right: 5px;
}
.item-list td.lims, .rankImgWrap {
  position: relative;
}
/*#category*/
.category-image img {
  width: 100%;
}
.sub-category {
  margin-top: 20px;
}
/*sub-category*/
.sub-category > table > tbody > tr > td, #catNarrowdown a {
  background: #888;
}
.sub-category > table > tbody > tr > td a, #catNarrowdown a {
  color: #fff;
}
/*#detail common（PC/SP共通）*/
p.selling-price > span:nth-of-type(2):after {
  content: "円（税抜）";
  font-size: 1.2rem;
}
p.selling-price > span:nth-of-type(3):after {
  content: "円（税込）";
  font-size: 1.2rem;
}
p.consumerprice > span:nth-of-type(2):after {
  content: "円（税抜）";
}
/*
p.consumerprice {
  text-decoration: line-through;
}
*/
.consumerprice span.spec-value {
  text-decoration: line-through;
	}
	


p.selling-price, p.selling-price span, span.spec-value.price > input {
  color: #f00 !important;
  font-weight: bold;
}
p.selling-price span {
  font-size: 1.2rem;
}
p.selling-price {
  font-size: 2.4rem;
  display: flex;
  align-items: baseline;
  font-weight: normal;
}
.brandgroup h3 + h3, section#group h3 {
  display: none;
}
.wrap-btn + .wrap-btn {
  margin-top: 10px;
}
.M_imageThumbnail.clear, ul#thumb_images {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.M_imageMainWrap, img#bigimg {
  /*border: 1px solid #ccc;*/
}
.soldout.btn, #cart-in, #embroidery {
  width: 100%;
  height: 50px;
  font-size: 1.6rem;
}
a#embroidery {
  background: #4c9ace;
}
.soldout.btn {
  background: #eee;
}
.detail-sns {
  display: flex;
  margin-top: 10px;
}
ul.detail-sns li {
  margin-right: 10px;
}
.detail-sns .facebook iframe {
  width: 85px !important;
}
span.spec-label:after {
  content: "："; /*margin-right: 5px;*/
}
#detail span.price:before {
  /*content: "￥";*/
}
p.point span.spec-value:after {
  content: "ポイント";
}
p.dcrate span.spec-value:after {
  content: "%OFF";
}
.detail-option {
  margin-top: 20px;
}
.wrap-detail, .wrap-addimage, .detail-txt {
  text-align: left;
}
span.zaiko {
  margin-left: 5px;
  display: inline-block;
}
p.wrap-cart-in {
  width: 100%;
}
input[name="amount"], input[name="brand_name_option_amount"] {
  padding: 0 1em;
  width: 60px;
  font-size: 1.4rem;
  height: 40px;
  box-sizing: border-box;
}
p.question-mail a {
  text-decoration: underline;
}
p.question-mail a:before {
  content: url(../images/common/ico_mail.png);
  margin-right: 8px;
}
p.question-mail a {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
p.question-mail {
  margin-top: 10px;
}
.detail-section {
  margin-top: 40px;
}
.detail-spec {
  margin-top: 40px;
}
.detail-btn {
  margin-top: 20px;
}
.wrap-addimage img {
  width: 100%;
}
ul#add_img {
  display: flex;
}
ul#add_img li {
  width: calc((100% - 20px * 2) / 3);
}
ul#add_img li + li {
  margin-left: 20px;
}
ul#add_img li p {
  margin-top: 1em;
}
.detail-info h1.item-name {
  font-size: 2.4rem;
}


/*酒井追加分*/
.detail-section h2, .wrap-recent h2, .wrap-e-reco h2, .e-ranking h2 {
  background: #eee;
  font-size: 2.0rem;
  padding: 1em;
  line-height: 1;
}
.e-ranking h3 {
  /* padding: 5px 16px; */
  /* border-bottom: 1px solid #ccc; */
  font-size: 1.6rem;
  font-weight: bold;
}

/*
.detail-section h3, .wrap-recent h3, .wrap-e-reco h3, .e-ranking h3 {
  background: #eee;
  font-size: 2.0rem;
  padding: 1em;
  line-height: 1;
}
.e-ranking h4 {
  /* padding: 5px 16px; */
  /* border-bottom: 1px solid #ccc; */
/*  font-size: 1.6rem;
  font-weight: bold;
}*/
.detail-option select {
  margin-bottom: 10px;
}
/*detail-specテーブル表現*/
.detail-spec {
  display: table;
}
.detail-spec p {
  /* display: table-row; */
  margin: 5px 0;
}
.detail-spec p > span {
  /*display: table-cell;*/
  padding: 5px 0;
  text-align: left;
}
.detail-spec span.spec-value {
  /*padding-left: 20px;*/
}
span.spec-label {
  white-space: nowrap;
  font-size: 1.2rem;
  vertical-align: text-top;
  text-align: left;
  font-weight: normal;
}
/*#basket*/
.basket-total span {
  color: #f00;
}
.box-embroidery {
  display: flex;
  margin-bottom: 40px;
  font-size: 1.2rem;
  text-align: left;
}
.box-embroidery > div:nth-child(2) {
  margin-left: 20px;
  width: 630px;
}
.box-embroidery > div:nth-child(2) h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 1.8rem;
}
.box-embroidery > div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  box-sizing: border-box;
}
.box-embroidery > div:nth-child(1) img {
  width: 240px;
}
.box-embroidery > div:nth-child(2) p + p {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.box-embroidery a#embroidery {
  width: 100%;
}
.wrap-btn-order {
  margin-top: 20px;
  justify-content: flex-start;
}
.basket-wrap {
  margin-bottom: 40px;
  margin-top: 20px;
}
.basket-img img {
  width: 100%;
  height: auto;
}
.basket-name .item-name {
  font-size: 1.6rem;
}
#basket .M_nameFix, #basket .nameFix {
  padding: 5px;
  background: #eee;
  border: 1px solid #ccc;
  color: #888;
}
.basket-quantity input, .quantityInput input, #basket .amount input {
  width: 60px;
  height: 40px;
}
.quantity-wrap, .quantityWrap, #basket .amount {
  display: flex;
  justify-content: flex-start;
  text-align: center;
}
.quantityAmend .btn, .quantity-wrap .btn, #basket .amount .btn {
  margin-left: 5px;
}
.basket td {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  text-align: center;
  box-sizing: border-box;
}
.basket-total {
  text-align: right;
  margin-top: 20px;
  font-size: 1.6rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.basket-total span:nth-child(1) {
  font-size: 2.4rem;
}
.basket-total span:nth-child(2) {
  font-size: 1.2rem;
}
.carriage-msg {
  margin-top: 20px;
  text-align: right;
}
p.carriage-msg2 {
  font-size: 1.2rem;
  margin-top: 5px;
}
.basket-btn a {
  font-size: 2.4rem;
}
.basket-option select:nth-of-type(1) {
  margin-bottom: 10px;
}
/*#news*/
.news-date {
  text-align: left;
  font-size: 1.2rem;
  margin-top: 10px;
}
.news-content {
  text-align: left;
  margin-top: 20px;
  padding: 1em 0;
}
div#news.news-detail h1 {
  font-size: 2.4rem;
  line-height: 1.3;
}
/*名入れオプション（PCデフォルトをSP共通で適応）*/
#M_nameCustom, div#nameCustom {
  margin: 10px auto;
}
#M_nameCustom .M_nameTxt, .nameTxt {
  margin-bottom: 16px;
}
#M_nameCustom .M_nameList li, div#nameCustom ul.nameList li {
  margin-bottom: 16px;

  text-align: left;
}
#M_nameCustom .M_nameItem, p.nameItem {
  margin-bottom: 8px;
}
#M_nameCustom .M_nameInput, #M_nameCustom .M_nameTextarea, ul.nameList input, ul.nameList textarea {
  width: 100%;
  padding: 2px 0;
}
#M_nameCustom .M_nameLimit, div#nameCustom .nameLimit {
  text-align: right;
  font-size: 11px;
  color: #999;
  margin-top: 4px;
}
#M_nameCustom .M_nameList li.lastChild, #nameCustom .nameList li.lastChild {
  margin-bottom: 0;
}
#M_nameCustom .M_nameRequired, #nameCustom span.nameRequired {
  background: #cc0000;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  margin-right: 8px;
  padding: 1px 3px;
}
#M_nameCustom .M_errorMessage, ul.nameList p.errorMessage {
  color: #ff0000;
  margin-top: 4px;
  background: url(../../shop/images/errorIcon.png) no-repeat 0 0;
  padding-left: 20px;
}
/*▼#left-menu*/
div#left-menu .float-menu ul li:nth-child(1) {
  display: none;
}
div#left-menu .float-menu ul {
  display: flex;
  width: 100%;
}
div#left-menu .float-menu ul li {
  width: calc((100% - 5px * 2) /3);
  margin-right: 5px;
}
div#left-menu .float-menu ul li img {
  width: 100%;
}
div#left-menu .float-menu ul li:nth-child(4) {
  margin-right: 0;
}
#left-menu {
  width: 210px;
}
.left-section + .left-section {
  margin-top: 20px;
}
ul.bnr-left img {
  width: 100%;
  height: auto;
}
ul.bnr-left li + li {
  margin-top: 10px;
}
.left-category ul.M_layer3 > li {
  border-bottom: 1px solid #e5e5e5;
}
ul.M_layer5 > li + li {
  border-top: 1px dotted #ccc;
}
.left-category ul li a {
  /*display: flex;
    align-items: center;*/
  display: block;
}
.left-category ul li a span:nth-child(1) {
  width: 33px;
  padding-right: 10px;
  text-align: center;
}
.left-category ul li a span:nth-child(1) img {
  max-width: 100%;
  max-height: 32px;
}
.left-category ul li a span:nth-child(2) {
  width: 167px;
}
.left-category + .left-category {
  margin-top: 20px;
}
.left-category h2 {
  background-color: #ff8a00;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.left-category h2:before {
  content: "";
  background: url(../images/common/btn_search.svg) no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-right: 7px;
}
/*▲#left-menu*/
/*▼イーレコメンド*/
.wrap-e-reco, .e-ranking {
  margin-top: 20px;
}
.e-ranking .wrap-item-list {
  margin-top: 10px;
}
.e-ranking .item-list li .img-item-list {
  position: relative;
}
.e-ranking .item-list li .img-item-list:before, .e-ranking .item li:before {
  content: "";
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  z-index: 1;
}
.e-ranking .item-list li:nth-child(1) .img-item-list:before, .e-ranking .item li:nth-child(1):before {
  background-image: url(../images/common/ico_rank_num_1.png);
}
.e-ranking .item-list li:nth-child(2) .img-item-list:before, .e-ranking .item li:nth-child(2):before {
  background-image: url(../images/common/ico_rank_num_2.png);
}
.e-ranking .item-list li:nth-child(3) .img-item-list:before, .e-ranking .item li:nth-child(3):before {
  background-image: url(../images/common/ico_rank_num_3.png);
}
.e-ranking .item-list li:nth-child(4) .img-item-list:before, .e-ranking .item li:nth-child(4):before {
  background-image: url(../images/common/ico_rank_num_4.png);
}

.e-ranking .item-list li:nth-child(5) .img-item-list:before, .e-ranking .item li:nth-child(5):before {
  background-image: url(../images/common/ico_rank_num_5.png);
}
/*▲イーレコメンド*/
/*▼業種毎カラー管理*/
/*▼default*/
body .left-category h2, body #category .content > h1, body .left-category ul.M_layer2 > li > a {
  background-color: #888;
}
/*▲default*/
body.ct1 .left-category h2, body.ct1 #category .content > h1, body.ct1 .left-category ul.M_layer2 > li > a {
  background-color: #8fd14a;
}
body.ct2 .left-category h2, body.ct2 #category .content > h1, body.ct2 .left-category ul.M_layer2 > li > a {
  background-color: #ff8a00;
}
body.ct3 .left-category h2, body.ct3 #category .content > h1, body.ct3 .left-category ul.M_layer2 > li > a {
  background-color: #ff96d8;
}
body.ct4 .left-category h2, body.ct4 #category .content > h1, body.ct4 .left-category ul.M_layer2 > li > a {
  background-color: #ffcd37;
}
body.ct5 .left-category h2, body.ct5 #category .content > h1, body.ct5 .left-category ul.M_layer2 > li > a {
  background-color: #d09fed;
}
body.ct6 .left-category h2, body.ct6 #category .content > h1, body.ct6 .left-category ul.M_layer2 > li > a {
  background-color: #82c8fb;
}
body.ct7 .left-category h2, body.ct7 #category .content > h1, body.ct7 .left-category ul.M_layer2 > li > a {
  background-color: #649bff;
}
body.ct9 .left-category h2, body.ct9 #category .content > h1, body.ct9 .left-category ul.M_layer2 > li > a {
  background-color: #888;
}
/*▲業種毎カラー管理*/
/*カレンダー*/
.left-calendar td[bgcolor="#D6D6D6"] {
  background-color: #D6D6D6;
  color: #ff6666 !important;
}
.left-calendar > div:nth-child(2) > table:nth-child(2) > tbody > tr:nth-child(2) {
  display: none;
}
.footer-columns .left-calendar > div > table:first-of-type tr:first-of-type td:nth-of-type(1) font[color="#D6D6D6"] {
  color: #ff6666 !important;
}
/*//カレンダー*/