@charset "UTF-8";

/* ----トップページ本文---- */

/*
.block-top-body--body {
  margin: 0 -30px 40px -30px;
  width: 1024px;
  height: auto;
}*/


/* block_goods.css の書き換え */
.block-thumbnail-t--goods-description {
  margin-top: 12px;
}
.block-thumbnail-h {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-top-category { /* 入鹿 */
	position: relative;
	border-bottom: 4px solid #e2e2e2;
	padding-bottom: 20px;
	margin-bottom: 5px;
	margin-top: 25px;
}

.block-top-category ul { /* 入鹿 */
	display: flex;
	margin-bottom: 10px;
}


.block-top-category ul:last-child{ /* 入鹿 */
	margin-bottom :0;
}

.block-top-category ul li { /* 入鹿 */
	margin-right: 16px;
	width: 180px;
}

.block-top-category ul li:last-child { /* 入鹿 */
	margin-right: 0;
}

.block-top-category p { /* 入鹿 */
	text-align: center;
	padding:20px 0;
}

img { /* 入鹿 */
	image-rendering: -webkit-optimize-contrast;
}

.block-top-2rows { /* 入鹿 */
	margin-bottom: 10px;
}

.block-top-2rows ul{ /* 入鹿 */
	display: flex;
}

.block-top-2rows ul li{ /* 入鹿 */
	width: 49%;
}

.block-top-2rows ul li:nth-child(odd){ /* 入鹿 */
	margin-right: 2%;
}

.block-top-3rows { /* 入鹿 */
	margin-bottom: 10px;
}

.block-top-3rows ul{ /* 入鹿 */
	display: flex;
}

.block-top-3rows ul li{ /* 入鹿 */
	width: 32%;
	margin-right: 2%;
}

.block-top-3rows ul li:last-child{ /* 入鹿 */
	margin-right: 0;
}

h1.icn-gray,
h2.icn-gray { /* 入鹿 */
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: 5px solid #acacae;
	text-align: left;
} 

h1.icn-gray span,
h2.icn-gray span {
	font-size: 13px;
	font-weight: normal;
	color: #9F6FAE;
}

/* ----トップページ予備テンプレート2---- */
.pane-contents hr {
  width: 1024px;
  margin: 20px  -30px;
  display: block;
  border: none;
  border-top: 4px solid #E2E2E2;
}
.pane-order-contents hr {
  margin: 20px  0;
  display: block;
  border: none;
  border-top: 2px solid #E2E2E2;
}
.pane-left-menu+.pane-main hr,
.pane-left-menu+.pane-main+.pane-right-menu hr {
  margin: 20px 0;
  width: 738px;
}

.pane-contents [class*="block-"][class*="--header"],
.pane-order-contents [class*="block-"][class*="--header"] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  /*padding: 0;*/
}
.pane-contents [class*="block-"][class*="--header"]:before,
.pane-order-contents [class*="block-"][class*="--header"]:before {
  background: #ACD052;
  color: #fff;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  border-radius: 2px;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
.page-top .pane-contents [class*="block-"][class*="--header"] span {
  font-size: 13px;
  font-weight: normal;
  color: #9F6FAE;
}
.page-category .pane-contents [class*="block-"][class*="--header"] span {
  font-size: 13px
}
.pane-contents [class*="block-"][class*="-header-2nd"],
.pane-order-contents [class*="block-"][class*="-header-2nd"] {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px;
  padding-left: 1.2em;
  display: flex;
  align-items: center;
}
.pane-contents [class*="block-"][class*="-header-2nd"]:before,
.pane-order-contents [class*="block-"][class*="-header-2nd"]:before {
  content: "●";
  color: #F172B1;
  background: transparent;
  margin-right: 0;
  padding-left: 0;
  position: absolute;
  margin-left: -1.5em;
  font-size: 80%;
  line-height: 1.25;
  width: 1em;
  height: 1em;
}

.pane-contents [class*="block-"][class*="-header-2nd"].update,
.pane-order-contents [class*="block-"][class*="-header-2nd"].update {
  justify-content: space-between;
}

.pane-contents [class*="block-"][class*="-header-3rd"],
.pane-order-contents [class*="block-"][class*="-header-3rd"] {
  font-size: 13px;
}
.pane-contents [class*="block-"][class*="-header-4th"],
.pane-order-contents [class*="block-"][class*="-header-4th"] {
  font-size: 16px;
}

.block-top-link--header {
  background: #676767;
  color: #fff;
  text-align: center;
  padding: 7px 0 !important;
  margin: 20px -30px 40px -30px;
  width: 1024px;
}

.block-top-free {
  margin: 0 0 20px 0;
}

/*
* Reset the jQuery Tabs if you're using a Theme
*/
 
/* Resets the contain background and outer borders */
.ui-widget-content { border: none; background: none; }
.ui-widget { font-family: inherit; font-size: inherit; }
 
/* Resets all border radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-corner-br,
.ui-corner-bl,
.ui-corner-tr,
.ui-corner-tl { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
 
/* Resets widget header tabs */
.ui-widget-header { border: none; background: none; font-weight: normal; color: #000000; }
.ui-widget-header li { border: 0px; padding: 0px; margin: 0px; }
.ui-widget-header li a,
.ui-widget-header li a:link,
.ui-widget-header li a:visited,
.ui-widget-header li a,
.ui-widget-header li a:link,
.ui-widget-header li a:visited { border: none; background: none; font-weight: normal; color: #000000; margin: 0px; padding: 0px; }
 
/* Resets the panel */
.ui-tabs-panel { padding: 0px; }

.ui-widget.ui-widget-content { border: none; }
.ui-tabs { padding: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 0; }
.ui-tabs .ui-tabs-nav { padding: inherit; }
.ui-tabs .ui-tabs-nav li { transition: 0.2s; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: inherit;
  background: #F0F0F0;
  color: #858585;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: inherit;
  background: #D3D3D3;
  color: #3b3b3b;
}
.ui-widget-header li a, .ui-widget-header li a:link, .ui-widget-header li a:visited, .ui-widget-header li a, .ui-widget-header li a:link, .ui-widget-header li a:visited {
  color: inherit;
}


.block-ranking--tab {
  margin: 0 -30px 20px -30px;
  padding: 0 30px;
  width: 1024px;
}
.block-ranking--tab-list {
  display: flex;
  border-bottom: 4px solid #D3D3D3;
}
.block-ranking--tab-list li {
  flex-basis: 14%;
  text-align: center;
  font-weight: bold;
  background: #F0F0F0;
}
.block-ranking--tab-list li:hover {
  background: #D3D3D3;  
}
.block-ranking--tab-list li a {
  display: inline-block;
  color: #858585;
  padding: 20px 0 !important;
  width: 100%;
}
.block-ranking--tab-list li a:hover {
  text-decoration: none;
  color: #3b3b3b;
}
.block-top-brand {
  position: relative;
}
.block-top-brand--item-list {
  display: flex;
  flex-wrap: wrap;
}
.block-top-brand--item-list li {
  flex-basis: 19.9%;
  /*border-bottom: 1px solid #DEDEDE;*/
}
.block-top-brand--item-list li + li {
  /*border-left: 1px solid #DEDEDE;*/
}
.block-top-brand--item-list li:nth-child(6) {
  border-left: none;
}
.block-top-brand--item-list li:nth-child(n+6) {
  border-bottom: none;
}
.block-top-brand--item-list li img {
  width: 100%;
}
.block-top-campaign {
  position: relative;
}
.block-top-type {
  position: relative;
}
.block-top-topics ,
.block-top-topic {
  position: relative;
}
.block-top-topics--list li {
  padding: 0.4em;
  text-indent: 4em;
  position: relative;
}
.block-top-topic--items li {
  padding: 0.4em;
  position: relative;
}
.block-top-topics--list li:nth-child(odd),
.block-top-topic--items li:nth-child(odd) {
  background: #F2F2F2;
}
.block-top-topics--list li.new:before {
  content: "NEW";
  display: inline-block;
  background: #E06A5D;
  color: #fff;
  font-weight: bold;
  text-indent: 0;
  padding: 0 0.5em;
  position: absolute;
  left: 4px;
}
.block-top-topic--items dl {
  padding-left: 50px;
  display:block;
}
.block-top-topics--list-date {
  margin-right: 0.5em;
}

.block-globalnav--item-list > li > a.btn-order {
  display: inline-block;
  background: #A7364A;
  color: #fff;
  font-size: 13px;
  width: 165px;
  box-shadow:0px 2px 0px 0px #999999;
  text-align: center;
  padding: 0.6em 0;
  border-radius: 0; 
}
.block-globalnav--item-list > li > a.btn-order:hover {
  color: #fff;
  background: #802a39;
}
.btn-order:after {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #A43649;
  border-style: solid;
  border-width: 16px 0 16px 10px;	
  transition: 0.2s;
}
.btn-order:hover:after {
  border-color: transparent transparent transparent #802a39;
}

.btn-order i:before {
  font-size: 28px;
  vertical-align: middle;
  line-height: 0;
}

.btn-link {
  position: absolute;
  display: inline-block;
  background: #F0F0F0;
  font-size: 13px;
  width: 140px;
  border-radius: 4px;
  box-shadow:0px 2px 0px 0px #999999;
  text-align: center;
  padding: 0.3em 0 0;
  top: 10px;
  right: 0;
}
.btn-link:hover {
  background-color: #d6d6d6;
  text-decoration: none;
  color: inherit;
}
.btn-link.wide {
  width: 223px;
}
.btn-link i {
  margin-right: 0.5em;
}
.block-top-category .btn-link { /* 入鹿 */
  font-size:1.2em;
  position:relative;
  width:400px;
  padding:0.5em 0;
}

/* 左メニュー */
.pane-left-menu h2 {
  margin-top: 0;
  margin-bottom: 10px;
  border: none;
  padding: 2px 0;
  background: #858585;
  text-align: center;
}

.pane-left-menu h2 a {
  color: #fff;
}

.block-category-tree {
  margin-bottom: 20px;
}
.block-category-tree a {
  text-decoration: none;
  transition: 0.2s;
}
.block-category-tree--header,
.block-filter-tree--header {
  color: #fff;
}

.block-category-tree--item__open, .block-category-tree--item {
  border: none;
}
.block-category-tree--item__open a, .block-category-tree--item a {
  display: block;
  height: auto;
  padding: 4px 0;
  color: #874272;
  font-weight: bold;
}
.block-category-tree--item__open a span, .block-category-tree--item a span {
  font-weight: normal;
  color: #333;
  transition: 0.2s;
}
.block-category-tree a:hover,
.block-category-tree--item a:hover span {
  color: #ED4E9E;
}
.block-category-tree--level1 > li > a {
  padding: 5px 0 5px 1em;
  text-indent: -1em;
}
.block-category-tree--level1 > li > a:before {
  content: "・";
  color: #a6d77a;
  margin-right: 0.25em;
}
.block-category-tree--level2 {
  margin-bottom: 20px;
}
.block-category-tree--level2 > li {
  text-indent: 2em;
  white-space: nowrap;
}
.block-category-tree--level2 > li.block-category-tree--item__selected a:before {
  color: #e5328b;
  margin-left: -1.6em;
  margin-right: 0.6em;
}
.block-category-tree--item__selected > a > span {
  font-weight: bold;
}

.block-filter-tree {
  margin-bottom: 20px;
}
.block-filter-tree a {
  text-decoration: none;
  transition: 0.2s;
}
.block-filter-tree--item__open, .block-filter-tree--item {
  border: none;
}
.block-filter-tree--item__open a, .block-filter-tree--item a {
  display: block;
  height: auto;
  padding: 4px 0;
  color: #874272;
  font-weight: bold;
}
.block-filter-tree--item__open a span, .block-filter-tree--item a span {
  font-weight: normal;
  color: #333;
  transition: 0.2s;
}
.block-filter-tree--level2 a:hover span {
  color: #ED4E9E;
}
.block-filter-tree--level1 > li > a {
  padding: 5px 0 5px 1em;
  text-indent: -1em;
}
.block-filter-tree--level2 {
  margin-bottom: 20px;
}
.block-filter-tree--level2 > li {
  text-indent: 2em;
  white-space: nowrap;
}
.block-filter-tree--level2 > li.block-filter-tree--item__selected a:before {
  color: #e5328b;
  margin-left: -1.6em;
  margin-right: 0.6em;
}
.block-filter-tree--item__selected > a > span {
  font-weight: bold;
}

.pane-left-menu .narrow {
  letter-spacing: -0.2em;
}


/* ----ヘッダー---- */

.block-globalheader-title p {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  /*color: #fff;*/
	color: #676767;
}
.block-headerglobalnav--item-list {
  display: flex;
}
.block-headerglobalnav--item-list li {
  line-height: 1;
  padding: 0 1em;
}
.block-headerglobalnav--item-list li + li {
  border-left: 1px solid #fff;
}
.block-headerglobalnav--item-list li a {
  text-decoration: none;
  /*color: #fff;*/
	color: #676767;
  font-size: 12px;
}
.block-headerglobalnav--item-list li a:hover {
	color: #ED4E9E;
}
.block-header-logo {
  width: 212px;
  font-size: 0;
}
.block-header-logo p {
  font-size: 10px;
}

.block-userinfo {
  width: 180px;
  padding: 10px 0 0 0;
}

.block-headernav {
  width: 280px;
  padding: 10px 0 0 0;
}

.block-headernav--item-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.block-userinfo--item-list {
  position: relative;
}

.block-headernav--item-list li,
.block-userinfo--item-list li {
  position: relative;
  display: inline-block;
  font-size: 11px;;
  text-align: center;
}

.block-userinfo--item-list li.block-userinfo--item-list--point {
  position: absolute;
  left: 35px;
  top: -2px;
}
.block-userinfo--item-list li.block-userinfo--item-list--point a {
  color: #FA974B;
  width: 80px;
  text-align: right;
  display: inline-block;
  position: relative;
}
.block-userinfo--item-list li.block-userinfo--item-list--ticket {
  position: absolute;
  left: 35px;
  top: 14px;
}
.block-userinfo--item-list li.block-userinfo--item-list--ticket a {
  color: #5ACA81;
  width: 80px;
  text-align: right;
  display: inline-block;
  position: relative;
}


.block-global-search--submit,
.block-headernav--item-list li a,
.block-headernav--item-list li a,
.block-userinfo--item-list li a  {
  transition: 0.2s;
  color: #676767;
  text-decoration: none;
}
.block-headernav--item-list li a i.fa,
.block-headernav--item-list li a i.im,
.block-userinfo--item-list li a i.im {
  transition: 0.2s;
  color: #afafaf;
  text-decoration: none;
}

.block-global-search--submit:hover,
.block-headernav--item-list li a:hover i.fa,
.block-headernav--item-list li a:hover i.im,
.block-userinfo--item-list li a:hover i.im,
.block-headernav--item-list li a:hover,
.block-headernav--item-list li a:hover,
.block-userinfo--item-list li a:hover {
  color: #ED4E9E;
  border-color: #ED4E9E;
}

.block-headernav--item-list li i.fa/*,
.block-headernav--item-list li i.im,
.block-userinfo--item-list li i.im */{/* 入鹿　グローバルナビ用ピクト */
  color: #AFAFAF;
  position: relative;
  display: block;
  font-size: 22px;
  width: 28px;
  height: 28px;
  margin: 0 auto 5px;
  border: 2px solid #AFAFAF;
  color: #afafaf;
  z-index: 1;
  line-height: 1.3;
}

.block-headernav--item-list li i.im,
.block-userinfo--item-list li i.im,
.block-global-search--submit i.im {/* 入鹿　グローバルナビ用ピクト */
  color: #969696;
  position: relative;
  display: block;
  /*font-size: 22px;*/
  font-size: 25px;
  width: 28px;
  height: 28px;
  margin: 0 auto 5px;
  /*border: 2px solid #AFAFAF;*/
  z-index: 1;
  line-height: 1.3;
}
.block-userinfo--item-list li i.im {
  margin: 0 0 5px 0;
}
.block-userinfo--item-list li i.im.icon-point {
  border: none;
  display: inline-block;
  height: 18px;
  position: absolute;
  left: 0;
  top: -4px;
}
.icon-point {
  color: #F582B8 !important;
}

.block-userinfo--item-list li i.im.icon-ticket {
  border: none;
  color: #5ACA81;
  display: inline-block;
  height: 18px;
  position: absolute;
  left: 0;
  top: -4px;
}

.block-headernav--item-list li a {
  display: block;
}

.block-headernav--item-list li a:hover,
.block-userinfo--item-list li a:hover {
  text-decoration: none;
}

.block-headernav--cart-count {
  display: none;
  position: absolute;
  background: #C4242D;
  color: #fff;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  top: -12px;
  right: -12px;
  z-index: 2; 
}

/* ----ヘッダー検索---- */

.block-global-search {
  width: 300px;
  padding: 10px 0 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.block-global-search--keyword {
  width: 240px;
}

.block-global-search form {
  background-color: transparent;
}

input.block-global-search--keyword:hover,
input.block-global-search--keyword {
  border: none;
  background-color: #F2F2F2;
  border: 2px solid #D3D3D3;
  height: 28px;
  vertical-align: top;
}

button.block-global-search--submit {
  border: none;
  background-color: transparent;
  /*border: 2px solid #AFAFAF;*//* 入鹿　グローバルナビ用ピクト */
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 18px;
  color: #AFAFAF;
  vertical-align: top;
}
button.block-global-search--submit:hover {
  background-color: transparent;
}

.block-global-search--searchdetail {
  margin-left: 15px;
}

.block-global-search--search-detail-link {
  color: #6fb4c3;
  text-decoration: underline;
}

.block-global-search--search-detail-link:hover {
  text-decoration: none;
}

/* ----グローバルナビ---- */

.block-globalnav--item-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
}

.block-globalnav--item-list i {
  margin-right: 2px;
}

.block-globalnav--item-list > li {
  line-height: 1.2;
  text-align: center;
  flex: 1 1 auto;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.block-globalnav--item-list > li + li {
  border-left: 1px solid #D3D3D3;
}

.block-globalnav--item-list > li > a {
  position: relative;
  display: block;
  color: #874272;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
}

.block-globalnav--item-list li a,
.block-globalnav--item-list li a span {
  text-decoration: none;
  transition: 0.2s;
}

.block-globalnav--item-list li a:hover,
.block-globalnav--item-list li a:hover span {
  color: #ED4E9E;
}

.block-globalnav--item-list > li > a .fa-chevron-down {
  position: absolute;
  font-size: 12px;
  right: 0;
  top: 0;
  margin: 0;
}

.block-globalnav--item-list > li > a.active,
.block-globalnav--item-list > li > a.active span {
  color: #ED4E9E;
  text-decoration: none;
}

.block-globalnav--item-list > li > a.active .fa-chevron-down {
  transform: rotate(180deg);
}

.block-globalnav--item-list > li > a > img {
  vertical-align: top;
  padding: 0;
}

.block-globalnav--item-list > li > a > span {
  display: block;
  color: #3B3B3B;
  font-size: 13px;
  font-weight: normal;
}

.block-globalnav-menu {
  position: absolute;
  background-color: #f0f0f0;
  opacity: 0.94;
  top: 52px;
  left: 0;
  padding: 10px 1.5em;
  text-align: left;
  z-index: 10;
}

.block-globalnav-menu * {
  color: #3B3B3B;
}

.block-globalnav-menu > div {
  margin: auto;
}

.block-globalnav-menu .block-dynamic-category--body,
.block-globalnav-menu .block-dynamic-filter--body {
  display: flex;
  align-items: center;
}

.block-globalnav-menu .block-dynamic-category--body li,
.block-globalnav-menu .block-dynamic-filter--body li {
  width: 20%;
  font-size: 14px;
  margin-bottom: 20px;
}

.block-globalnav-menu .block-dynamic-category--body li a,
.block-globalnav-menu .block-dynamic-filter--body li a {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.block-globalnav-menu .block-dynamic-category--body li a:before,
.block-globalnav-menu .block-dynamic-filter--body li a:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.block-globalnav-menu .block-dynamic-category--body li a img,
.block-globalnav-menu .block-dynamic-filter--body li a img {
  vertical-align: middle;
  width: 30px;
  margin-right: 10px;
}

.block-globalnav-menu--freespace * {
  font-size: 14px;
}

.block-globalnav-menu--freespace h3 {
  margin-top: 0;
}

.block-globalnav-menu--freespace p {
  font-size: 12px;
  margin: 10px 10px 10px 0;
}

.block-globalnav-menu--freespace ul {
  white-space: nowrap;
}

.block-globalnav-menu--freespace ul li {
  flex-basis: 100%;
  padding: 0.5em 0;
}

.block-globalnav-menu--freespace ul li img {
  vertical-align: middle;
}

.block-globalnav-menu--freespace ul li a {
  color: #874272;
  font-weight: bold;
}
.block-globalnav-menu--freespace ul li a:hover {
  text-decoration: none;
}

.block-globalnav-menu--freespace ul li a span {
  font-weight: normal;
  margin-left: 1em;
  font-size: 13px;
}
.block-globalnav-menu--category-link {
  text-align: right;
  display: inline-block;
  width: 100%;
  padding: 1em 0 0.5em;
}
.block-globalnav-menu--category-link:hover {
  text-decoration: none;
}

/* ---パンくず--- */
.block-topic-path a {
  color: #aa4ca8;
}

/* ----フッター---- */

footer .container {
  position: relative;
}

.block-footernav {
  margin-bottom: 20px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.block-footernav--container {
  flex-basis: 30%;
}

.block-footernav h3 {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #fff;
}

.block-footernav li {
  padding: 0 1em;
  display: list-item;
  text-align: left;
}
.block-footernav li:before {
  content: "・";
  color: #fff;
}

.block-footernav li a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

/* ----ページトップに戻る---- */

.block-page-top a {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  background-color: #444;
}

.block-page-top a:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -8px;
}

.block-page-top {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: 26px;
  display: none;
}

/* ----PC/スマホ切り替えスイッチ---- */

.block-switcher {
  width: 400px;
  text-align: center;
  margin: 0 auto 20px;
}

.block-switcher li {
  display: inline-block;
}

.block-switcher--switch {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #444;
  color: #fff;
}
.block-switcher--switch:hover {
  text-decoration: none;
  background-color: #ccc;
}

.block-switcher--current {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ccc;
  color: #fff;
}

.block-switcher .fa {
  margin-right: 10px;
  vertical-align: middle;
}

.block-switcher .fa-mobile-phone {
  font-size: 22px;
}

.block-switcher .fa-desktop {
  font-size: 18px;
}

/* ----Copyright---- */

.block-copyright {
  font-size: 12px;
  text-align: center;
  color: #fff;
  border-top: 1px solid #fff;
  padding: 14px 0;
  width: calc(100% + 20000px);
  margin: 0 -10000px;
}

.block-copyright img {
	width: 180px;
}

.block-copyright a {
	color: #ffffff;
	text-decoration: none;
}

.block-copyright a:hover,
.block-copyright a:visited {
	color: #ffffff;
}

/* ----ブランド画面---- */

.block-brand-list {
  margin: 40px 0 60px;
}

.block-brand-list .block-topic-path {
  margin-bottom: 40px;
}

.block-brand-list--items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.block-brand-list--item {
  flex-grow: 1;
  flex-basis: 390px;
  max-width: 390px;
  margin: 0 0 20px 15px;
}

.block-brand-list--item:nth-of-type(3n+1) {
  margin-left: 0;
}

.block-brand-list--item-img {
  width: 390px;
  height: 240px;
}

.block-brand-list--item-name,
.block-brand-list--item-comment {
  border: #ddd 1px solid;
  border-top: none;
  border-bottom: none;
}

.block-brand-list--item-name {
  padding: 15px 35px 0;
}

.block-brand-list--item-comment {
  border-bottom: #ddd 1px solid;
  padding: 15px 35px 35px;
}

.block-brand-list--item-btn {
  display: block;
  text-align: center;
  width: 240px;
  height: 48px;
  line-height: 48px;
  color: #333;
  font-size: 14px;
  margin: 15px auto 0;
  background: #e5e5e5;
}

.block-brand-detail--image {
  margin-top: 40px;
}

.block-brand-detail--description {
  margin-bottom: 30px;
}

/* ----商品詳細画面---- */

/*CSSによる商品詳細画面の項目の並び順変更用*/
.pane-goods-right-side form {
  display: flex;
  flex-flow: column wrap;
}

.block-goods-sns {
  order: 10;
}

.page-goodspreview .block-icon,
.page-goods .block-icon {
  order: 20;
}

.block-goods-comment {
  order: 30;
}

.block-goods-name {
  order: 40;
}

.block-goods-price {
  order: 50;
}

.block-goods-code {
  order: 60;
}

.block-goods-item-code {
  order: 70;
}

.block-goods-item-code2 {
  order: 80;
}

.block-goods-item-code3 {
  order: 90;
}

.block-goods-release-dt {
  order: 100;
}

.block-goods-class1 {
  order: 110;
}

.block-goods-class2 {
  order: 120;
}

.block-goods-attr1 {
  order: 130;
}

.block-goods-attr2 {
  order: 140;
}

.block-goods-attr3 {
  order: 150;
}

.block-goods-size {
  order: 160;
}

.block-goods-color {
  order: 170;
}

.block-goods-point {
  order: 180;
}

.block-goods-postage {
  order: 190;
}

.block-goods-stock {
  order: 200;
}

.block-goods-spec {
  order: 210;
}

.block-goods-sales-detail-append {
  order: 220;
}

.block-variation {
  order: 230;
}

.block-custom-order {
  order: 240;
}

.block-add-cart {
  order: 250;
}

.block-no-stock {
  order: 260;
}

.block-arrival-notice {
  order: 270;
}

.block-goods-store-stock {
  order: 280;
}

.block-goods-set {
  order: 290;
}

.block-accessory-list {
  order: 300;
}

.block-variation-back-order {
  order: 310;
}

.block-contact-about-goods {
  order: 320;
}

.block-goods-favorite {
  order: 330;
}

.block-goods-link {
  order: 340;
}

/* ----商品一覧画面：商品名リンク */
.block-thumbnail-common-goods-name a {
  color: #448aff !important;
  text-decoration: underline !important;
  font-size: 12px !important;
}

/* ----商品一覧画面：サムネイル：block-thumbnail-t---- */
.block-thumbnail-t--goods {
  width: 180px;
  margin-left: 0;
  word-wrap: break-word;
}
.pane-left-menu+.pane-main .block-thumbnail-t--goods {
  width: 138px;
}

.block-thumbnail-t--goods-image a {
  text-decoration: none;
}
.block-thumbnail-t--goods-image figure {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.block-thumbnail-t--goods-image figcaption:before {
  font-size: 120%;
  margin-right: 0.5em;
}
.block-thumbnail-t--goods-image figcaption span {
  font-size: 18px;
  font-weight: bold;
  margin-left: 0.2em;
}
.block-thumbnail-t--goods-image figure img {
  width: 100%;
}
.block-thumbnail-t li {
  justify-content: flex-start;
  margin-bottom: 20px;
}
.block-thumbnail-t dl+dl {
  margin-left: 8px;
}
.block-top-type .block-thumbnail-t dl+dl {
  margin-left: 5px;
}

.block-thumbnail-t--goods-name {
  min-height: 3em;
}
.block-thumbnail-t--goods-name a {
  color: #676767;
  text-decoration: none;
  font-size: 12px;
}
#block_of_top_campaign .block-thumbnail-t--goods-name a {
  white-space:nowrap;
}
.block-thumbnail-t--price {
  color: #000;
}

.block-top-campaign--goods .block-thumbnail-t li { /* 入鹿 */
  justify-content: space-between;
}

.block-top-feature--goods .block-thumbnail-t li {
  justify-content: space-between;
}
.block-top-feature--goods .block-thumbnail-t li dl+dl{
  margin-left: 0;
}
.block-top-feature--goods .block-thumbnail-t--goods {
  width: 464px;
}
.block-thumbnail-t--price-items {
  min-height: 3em;
}
.block-thumbnail-t--goods .price,
.block-thumbnail-t--goods .discount-price,
.block-thumbnail-t--goods .net-price,
.block-thumbnail-t--goods .default-price,
.block-thumbnail-t--goods .exchange-price,
.block-thumbnail-t--goods .block-exchange-price--rate-dt,
.block-thumbnail-t--goods .discount-rate {
  font-size: 13px;
  font-weight: normal;
  text-align: right;
}
.block-thumbnail-t--goods .discount-price,
.block-thumbnail-t--goods .discount-rate {
  color: #c4242d;
}
.block-thumbnail-t--goods .price span,
.block-thumbnail-t--goods .discount-price span {
  font-weight: normal;
  font-size: 10px;
}
.block-thumbnail-t--scomment {
  color: #676767;
  font-size: 12px;
}

.block-goods-list--pager-bottom.pager {
  border: none;
}

/* ----ランキング：block-ranking-r---- */
.block-ranking-r--goods {
  flex-basis: 132px;
  margin-left: 0;
}
.page-top .block-ranking-r--goods {
  flex-basis: 180px;
}
.block-ranking-r--goods--detail {
flex-basis: 145px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.block-ranking-r--goods-image a {
  text-decoration: none;
}
.block-ranking-r--goods-image figure {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.block-ranking-r--goods-image figcaption {
  height: 32px;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 11px;
  line-height: 24px;
}
.block-ranking-r--goods-image figcaption.rank1 {
  background-image: url(../../img/usr/ranking/no.1.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank2 {
  background-image: url(../../img/usr/ranking/no.2.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank3 {
  background-image: url(../../img/usr/ranking/no.3.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank4 {
  background-image: url(../../img/usr/ranking/no.4.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank5 {
  background-image: url(../../img/usr/ranking/no.5.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank6 {
  background-image: url(../../img/usr/ranking/no.6.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank7 {
  background-image: url(../../img/usr/ranking/no.7.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank8 {
  background-image: url(../../img/usr/ranking/no.8.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank9 {
  background-image: url(../../img/usr/ranking/no.9.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}
.block-ranking-r--goods-image figcaption.rank10 {
  background-image: url(../../img/usr/ranking/no.10.png);
  background-position:2px center;
  background-repeat: no-repeat;
  background-size: auto 32px;
}

.block-ranking-r--goods-image figcaption:before {
  font-size: 120%;
  margin-right: 0.5em;
}
.block-ranking-r--goods-image figcaption span {
  font-size: 17px;
  font-weight: bold;
  margin-left: 0.2em;
}
.block-ranking-r--goods-image figure img {
  width: 100%;
}
.block-ranking-r li {
  justify-content: flex-start;
  margin-bottom: 20px;
}
.block-ranking-r dl+dl {
  margin-left: 16px;
}
.block-ranking-r--goods-name {
  min-height: 3em;
}
.block-ranking-r--goods-name a {
  text-decoration: none;
  font-size: 13px;
}
.block-ranking-r--price {
  color: #000;
  font-weight: bold;
}
.block-ranking-r--goods .price span,
.block-ranking-r--goods .default-price span,
.block-ranking-r--goods .discount-price span {
  font-weight: normal;
  font-size: 10px;
}
.block-top-feature--goods .block-ranking-r--goods {
  width: 464px;
}

/* ----商品一覧画面：サムネイル(閲覧履歴)：block-thumbnail-h---- */
.block-recent-item--message,
.block-recent-item--keep-history {
  display: none !important;
}

.block-recent-item,
.block-recent-item--items,
.block-recommend-item,
.block-recommend-item--items {
  width: auto;
  position: relative;
}
.block-recent-item--items .block-thumbnail-h,
.block-recommend-item--items .block-thumbnail-h {
  width: 90%;
  margin: 0 auto;
  flex-wrap: nowrap;
}
.block-thumbnail-h li:nth-child(6n+1) {
  margin-left: 9px;
}
.block-recent-item--items .block-items-arrow,
.block-recommend-item--items .block-items-arrow {
  position: absolute;
}
.block-recent-item--items .block-items-arrow.block-item-arrow-left,
.block-recommend-item--items .block-items-arrow.block-item-arrow-left {
  left: 0;
  top: calc(50% + 40px);
}
.block-recent-item--items .block-items-arrow.block-item-arrow-right,
.block-recommend-item--items .block-items-arrow.block-item-arrow-right {
  right: 0;
  top: calc(50% + 40px);
}


.block-recent-item--header {
  border: none;
  text-align: left;
  padding: 0;
}
.block-thumbnail-h li {
  width: auto;
}
.block-thumbnail-h--goods-image figure {
  width: 150px;
  height: 150px;
}
.block-thumbnail-h--goods .price {
  color: #000;
}
.block-thumbnail-h--goods a {
  text-decoration: none;
  color: inherit;
}

/* トップ画面 グループサイトリンク */
.block-top-link--goods {
  position: relative;
}
.block-top-link--goods .block-items-arrow {
  position: absolute;
}
.block-top-link--goods .block-items-arrow.block-item-arrow-left {
  left: 0;
  top: calc(50% + 40px);
}
.block-top-link--goods .block-items-arrow.block-item-arrow-right {
  right: 0;
  top: calc(50% + 40px);
}


.block-top-link--goods .block-thumbnail-t {
  display: flex;
  margin-bottom: 0;
  width: 90%;
  margin: 0 auto;
  flex-wrap: nowrap;
}
.block-top-link--goods .block-thumbnail-t--goods {
  width: auto;
  margin-left: 10px;
}

.block-top-link--goods .block-thumbnail-t--goods-name {
  text-align: center;
}

.block-top-link--goods .block-thumbnail-t--goods-image figure {
  /*width: 130px;*/
  width: 73px;/* 入鹿 */
  margin: 28px 28px 0;
}

.block-top-link--goods .block-thumbnail-t li {
  display: block;
  margin-left: 9px;
}

/* 入鹿 トップ画面 スライドバナー ここから*/
.block-top-slide-bnrs ul {
  width: 90%;
  margin: auto;
}

.block-top-slide-bnrs ul li {
	margin: 0 5px;
}

.block-top-slide-bnrs .slick-next {
  right: -60px;
  top: 120px;
}

.block-top-slide-bnrs .slick-prev {
  left: -60px;
  top: 100px;
}

.block-top-slide-bnrs .slick-dots li button {
  width: 9px;
  height: 9px;
}
/* 入鹿 トップ画面 スライドバナー ここまで*/

/* トップ画面 お役たち情報 */
.block-top-info {
  position: relative;
  z-index: 1;
}
.block-top-info:after {
  content: "";
  /*background: url(../../img/usr/top/bg-block-info.png);
  background-size: contain;
  background-repeat: repeat-y;*/
  position:absolute;
  top:60px;
  left:0;
  right:0;
  bottom:0;
  z-index: -1;
}
.block-top-info h3 {
  font-weight: bold;
}
.block-top-info--list {
  background: url(../../img/usr/top/bg-block-info.png);/* 入鹿 */
  background-size: contain;/* 入鹿 */
  background-repeat: repeat-y;/* 入鹿 */
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  /*height: 430px;
  height: 580px;*/
   height: 680px;
}
.block-top-info--list>li {
  width: 25%;
}
.block-top-info--list li {
  text-align: center;
}
.block-top-info--list li:nth-child(3)  {
 /*margin-top:2em;*/
}
.block-top-info--list--list li {
  padding: 1em 0;
}
.block-top-info--list--list li:nth-child(3)  {
 margin-top:0;
}
.block-top-info--list--list li+li {
  border-top: 1px solid #E2E2E2;
}
.block-top-info--list h3 {
  font-size: 16px;
  padding: 0.5em 0;
  border-bottom: 1px solid #E2E2E2;
}
.block-top-info--list h3:before {
  content: "●";
  color: #E5318B;
  margin-right: 0.5em;
}
.block-top-info--list--list {
  width: 90%;
  margin: -10px auto 0;
}
.block-top-info--list--list li a {
  color: #005aab;
  text-decoration: underline;
}
.block-top-info--list--list li a:hover {
  color: #874272;
}

/* 入鹿 公式SNS　ここから*/
.block-top-info--list--sns {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.block-top-info--list--sns li {
	margin: 0 5px 0;
}

.block-top-info--list--sns li:nth-child(3)  {
	margin-top:0;
}
/* 入鹿 公式SNS　ここまで*/

.block-category-menu--list li {
  margin-bottom: 0;
  justify-content: space-around;
}
.block-category-menu--list li dl+dl {
  margin-left: 0;
}
.block-category-menu--list li:before {
  content:"";
  display: block;
  width:23%;
  order:1;
}
.block-category-menu--list li:after {
  content:"";
  display: block;
  width:23%;
}
.block-category-menu--list .block-thumbnail-t--goods {
  flex-basis: 23%;
  margin-top: 10px;
}
.block-category-menu--list .block-thumbnail-t--goods-image figure {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  background: transparent;
  justify-content: space-between;
}
.block-category-menu--list .block-thumbnail-t--goods-image figure img {
  width: 49%;
}
.page-category .block-category-menu--list .block-thumbnail-t--goods-image figure img {
  border-radius: 50%;
  width: 38%;
}

.block-category-menu--list .block-thumbnail-t--goods-image figcaption {
  width: 49%;
  height: auto;
  padding-left: 0.3em;
  background: transparent;
  color: #874272;
  text-align: left;
  font-weight: bold;
}
.page-category .block-category-menu--list .block-thumbnail-t--goods-image figcaption {
  width: 62%;
}


.block-category-menu--list .block-thumbnail-t--goods-image figcaption span {
  font-weight: normal;
  font-size: 14px;
  display: block;
  color: #3B3B3B;
  margin-left: 10px;
}
.block-category-menu--list .block-thumbnail-t--goods-description {
  margin: 15px 0;
  font-size: 12px;
}

.btn-catalog {
  display: block;
  background: #676767;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  width: 204px;
  border-radius: 4px;
  box-shadow:0px 2px 0px 0px #999999;
  text-align: left;
  padding: 1em !important;
  position: relative;
  margin: 0 auto;
}
.btn-catalog:hover {
  background: #4d4d4d;
  text-decoration: none;
  color: #fff;
}
.btn-catalog+.btn-catalog {
  margin-top: 1em;
}
.btn-catalog i:before {
  font-size: 25px;
  position: absolute;
  right: 0.5em;
  top: calc(50% - 0.5em);
}

/* マイページ */
.block-mypage-recommend-items {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.block-mypage-recommend-item {
  display: table-cell;
}
.block-mypage-recommend-item .thumb {
  width: 180px;
  height: 180px;
  background-color: #F0F0F0;
}
.block-mypage-recommend-item .name {
  height:48px;
}
.block-mypage-recommend-item .price {
  color: #000;
  font-weight: bold;
  text-align: right;
}

.block-arrival-notice-list--goods-name a,
.block-favorite--goods-name a {
  color: #2e73ba;
}

/* クーポンページ */
.block-coupon-list--customer-table {
  background: #F0F0F0;
  border-collapse: separate;
  border-spacing: 25px 15px;
  width: 100%;
  margin: 30px 0;
}
.block-coupon-list--customer-table .customer-name {
  font-weight: bold;
}
.block-coupon-list--customer-table .icon-point {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 0.4em;
}
.block-coupon-list--table td {
  width: 20%;
}
.block-coupon-list--table .block-coupon-list--coupon-event-name {
  width: 25%;
}
.block-coupon-list--table .block-coupon-list--coupon-special {
  width: 15%;
}

/* マイページ */
.block-mypage--customer-table {
  background: #F0F0F0;
  border-collapse: separate;
  border-spacing: 25px 15px;
  width: 100%;
  margin: 30px 0;
}
.block-mypage--customer-table .customer-name {
  font-weight: bold;
}
.block-mypage--customer-table .icon-point {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 0.4em;
}
.block-mypage--table td {
  width: 20%;
}
.block-mypage--table .block-mypage--coupon-event-name {
  width: 25%;
}
.block-mypage--table .block-mypage--coupon-special {
  width: 15%;
}
h2.block-mypage--header {
  margin-top: 30px;
}
.block-mypage--header.line {
  border-bottom: 4px solid #E2E2E2;
  padding-bottom: 0;
  font-weight: normal !important;
}
.block-mypage--header.line:before {
  background-color: transparent !important;
  color: #F172B0 !important;
  font-size: 24px !important;
}

.block-mypage--member-menu-items {
  width: 100%;
  table-layout: fixed;
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
}
.block-mypage--member-menu-items li{
  width: 33%;
}
.block-mypage--member-menu-items td {
  text-align: center;
  padding: 10px;
}
.block-mypage--member-menu-items .btn {
  width: 240px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #9C9C9C;
  color: #FFF;
}
.block-mypage--member-menu-items .btn:hover {
  background-color: #828282;
}
.page-menu .block-recommend-item {
  width: 964px;
}

/* ユーザーレビューページ */

.block-user-review--wrapper {
  background: #EBEBEB;
  padding: 20px;
  margin-bottom: 40px;
}
.block-user-review--confirmation-message {
  text-align: center;
}
.star-base {
  cursor: pointer;
  width: 136px;
  height: 24px;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.star-select {
  width: 136px;
  height: 24px;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.help-block {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

/* お問い合わせページ */
.fieldset .block-inquiry--name .form-control input[type="text"] {
  width: 175px;
}
.block-inquiry--name-label {
  width: 38px;
  display: inline-block;
  text-align: center;
}


/* 新規会員登録ページ */
.block-member-info--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.block-member-info--value-label {
  width: 36px;
}

.page-entry .fieldset {
  padding: 0;
}

.fieldset .block-member-info--name .form-control input[type="text"],
.fieldset .block-member-info--kana .form-control input[type="text"] {
  width: 158px;
}

.block-member-info-flow--list {
  display: flex;
  justify-content: space-between;
  width: 350px;
}
.block-member-info-flow--list li {
  flex-basis: 30%;
  text-align: center;
  position: relative;
  font-size: 12px;
  background: inherit;
}
.block-member-info-flow--list li:after {
  content: "";
  display: inline-block;
  border-top: 2px solid #afafaf;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 15px;
  left: calc(50% + 15px);
}
.block-member-info-flow--list li:last-child:after {
  border: none;
}

.block-member-info-flow--list li.block-member-info-flow--step-done:after {
  border-color: #ED4F9E;
}

[class*=block-member-info-flow--step]:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  background: #AFAFAF;
  color: #fff;
  text-align: center;
  margin: 0 auto 10px;
  font-size: 15px;
}
.block-member-info-flow--step1:before {
  content: "1";
  font-weight: normal;
}
.block-member-info-flow--step2:before {
  content: "2";
  font-weight: normal;
}
.block-member-info-flow--step3:before {
  content: "3";
  font-weight: normal;
}

.block-member-info-flow--step-current {
  color: #ED4F9E;
  font-weight: bold;
}
.block-member-info-flow--step-done {
  color: #F6A7CD;
}
.block-member-info-flow--step-current:before {
  background: #ED4F9E;
}
.block-member-info-flow--step-done:before {
  background: #F6A7CD;
}
.block-member-info--promotion-freespace {
  margin-top: -15px;
}

.block-order-estimate--order-terms-link {
  color: #2e73ba;
}
.block-member-info--message {
  text-align: center;
  margin-top: 30px;
}
.block-member-info--message a {
  color: #005aab;
  text-decoration: underline;  
}
.block-member-info--message a:hover {
  color: #874272;
}

/* 新規会員登録確認ページ */
.block-member-info-confirmation--form .fieldset .form-group {
  background: #f2f2f2;
  border: 2px solid #d3d3d3;
  border-bottom-width: 1px;
  border-top-width: 1px; 
}
.block-member-info-confirmation--form .fieldset .form-group:first-child {
  border-top-width: 2px;
}
.block-member-info-confirmation--form .fieldset .form-group:last-child {
  border-bottom-width: 2px;
}
.block-member-info-confirmation--form .fieldset .form-control {
  background: #fff;
  border-left: 2px solid #d3d3d3;
}
.block-member-info-confirmation--form .fieldset .form-control.field {
  width: 22em;
}
.block-member-info-confirmation--form .fieldset .form-control.label {
  width: 5em;
  background-color: #f2f2f2;
}
.block-member-info-confirmation .legend {
  background: transparent;
  color: #676767;
}

/* 注文完了画面 */
.pane-order-contents {
  background: inherit;
  border: none;
}
.page-order-complete .pane-order-contents {
  text-align: center;
}

.block-order-complete--orderinfo {
  padding: 60px;
  background: #f2f2f2;
  border: none;
}
.block-order-complete--orderinfo .btn {
  font-size: 16px;
  vertical-align: middle;
  width: 240px;
  height: 60px;
  padding: 1.2em 0 !important;
}
.block-order-complete--orderinfo .btn:before {
  font-size: 160%;
  vertical-align: middle;
  margin-left: -1em;
  margin-right: 1em;
}
.block-order-complete--orderinfo .btn+.btn {
  margin-left: 50px;
}

.block-order-complete--message-header {
  font-size: 18px;
  margin-bottom: 50px;
}
.block-order-complete--message {
  margin-bottom: 50px;
  color: #333333;
}

.block-order-complete--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  position: relative;
}
.block-order-flow--step {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
}
.block-order-flow--list {
  display: flex;
  justify-content: space-between;
  width: 550px;
  margin: 0 auto;
}
.block-order-flow--list li {
  flex-basis: 25%;
  text-align: center;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  background: inherit;
}
.block-order-flow--list li:after {
  content: "";
  display: inline-block;
  border: none;
  border-top: 2px solid #afafaf;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 15px;
  left: calc(50% + 15px);
}
.block-order-flow--list li:last-child:after {
  border: none;
}

.block-order-flow--list li.block-order-flow--step-done:after {
  border-color: #ED4F9E;
}

[class*="block-order-flow--step"]:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  background: #AFAFAF;
  color: #fff;
  text-align: center;
  margin: 0 auto 10px;
  font-size: 15px;
}
.block-order-flow--step:before {
  content: none;
}
.block-order-flow--step1:before {
  content: "1";
  font-weight: normal;
}
.block-order-flow--step2:before {
  content: "2";
  font-weight: normal;
}
.block-order-flow--step3:before {
  content: "3";
  font-weight: normal;
}
.block-order-flow--step4:before {
  content: "4";
  font-weight: normal;
}
.block-order-flow--step5:before {
  content: "5";
  font-weight: normal;
}
.block-order-flow--list:last-child:after {
  content: none;
}

.block-order-flow--step-current {
  color: #ED4F9E;
  font-weight: bold !important;
}
.block-order-flow--step-done {
  color: #F6A7CD;
  font-weight: normal;
}
.block-order-flow--step-current:before {
  background: #ED4F9E;
}
.block-order-flow--step-done:before {
  background: #F6A7CD;
}

.block-order-complete--orderid {
  width: 40%;
  margin: 0 auto 50px;
  border: none;
}
.block-order-complete--orderid th {
  background-color: inherit;
  border: none;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  padding: 0;
  width: auto;
  white-space: nowrap;
}
.block-order-complete--orderid td {
  border: none;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  width: auto;
  white-space: nowrap;
}
.block-order-complete--orderid td a {
  color: #000;
}  

/* 注文方法設定ページ 注文確認ページ */
.page-order .pane-order-contents {
  text-align: center;
}
.block-order--header-2nd.update {
  padding: 10px 0;
}

.promotion-criteria-list-message,
.promotion-criteria, .promotion-benefit {
  font-weight: bold;
  font-size: 13px;
  color: #000;
  margin-bottom: 20px;
}
.promotion-benefit {
  color: #EC4E9D;
}
.block-order-estimate--left {
  float: left;
  width: 724px
}
.block-order-estimate--left .btn {
  background: #eee;
  color: #666;
  width: 213px;
  height: 27px;
  padding: 0;
  font-size: 13px;
}
.block-order-estimate--left .btn:hover {
  background: #d4d4d4;
}

.block-order-estimate--left .btn-update {
  background: #eee;
  color: #666;
  width: 93px;
  height: 27px;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-order-estimate--left .btn-update i {
  position: absolute;
  left: 1em;
  line-height: 1;
  top: calc(50% - 7px);
}
.block-order-estimate--left .btn-update:hover {
  background: #d4d4d4;
}
.block-order-item-proc .block-item-circle {
  width: 42px;
  height: 42px;
  font-size: 11px;
  font-weight: normal;
}

.block-order-item-proc .btn-delete {
  width: 48px;
  height: 29px;
  font-size: 13px;
  padding: 0;
  background-color: #BB7164;
  color: #FFF;
  margin-right: 10px;
  margin-left: 10px;
}
.block-order-item-proc .btn-delete:hover {
  background: #a45648;
}
.block-order-estimate--left .btn-release, .btn-seting {
  width: 48px;
  height: 29px;
  font-size: 13px;
  padding: 0;
  background-color: #649E71;
  color: #FFF;
}
.block-order-estimate--left .btn-release:hover {
  background: #507f5a;
}

.page-estimate .block-order--address-cell .block-order--info-box {
  margin-bottom: 0;
  height: calc(100% - 68px);
}
.page-estimate .block-order-item-proc .info-box .btn-setting {
  color: #3b3b3b !important;
}

.block-order-estimate--left .btn-recal {
  width: 72px;
  height: 27px;
  font-size: 14px;
  padding: 0;
  background-color: #F0F0F0;
  margin-left: 1em;
}
.block-order-estimate--left .btn-recal:hover {
  background: #d6d6d6;
}
.block-order-estimate--left select {
  width: 80px;
}
.block-order-estimate--left .text-left {
  text-align: left;
}
.block-order-estimate--left .text-right {
  text-align: right;
}

.block-order-estimate--right {
  float: right;
  width: 228px;
  background-color: #F0F0F0;
  padding: 20px 25px;
  font-size: 13px;
}

.block-order-estimate--right-margin {
  margin-top: 50px;
}

.block-order-estimate--right .btn {
  padding: 0;
  font-size: 15px;
  background-color: #F172B0;
  border: none;
  margin-bottom: 18px;
  width: 100%;
  height: 62px;
}

.block-order-estimate--right .btn-upside {
  margin-top: 0px;
  margin-bottom: 20px;
}
.block-order-estimate--right .btn-underside {
  margin-top: 0px;
  margin-bottom: 0px;
}

.block-order-estimate--right .btn.btn-default:hover {
  background-color: #585858;
}

.block-order-estimate--right .btn.btn-default {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #727272;
}


.block-order-estimate--right .btn:hover {
  background-color: #ec4496;
}

.block-order-estimate--right .btn.btn-2buy {
  background-color: #9BCE25;
}
.block-order-estimate--right .btn.btn-2buy:hover {
  background-color: #7aa31d;
}
.block-order-estimate--right .btn.btn-estimate {
  background-color: #ED7767;
}
.block-order-estimate--right .btn.btn-estimate:hover {
  background-color: #e84e39;
}

.block-order-detail {
  display: table;
  width: 100%;
  line-height: 1.8;
  margin-bottom: 20px;
}
.block-order-detail .row {
  display: table-row;
}
.block-order-detail .cell {
  display: table-row;
}
.block-order-detail .label {
  text-align: left;
  float: left;
  overflow: hidden;
}
.block-order-detail .label.separator:after {
  white-space: nowrap;
  width: 158px;
  display: inline-block;
  content: "-------------------------------------------------------------------";
  letter-spacing: 0.1em;
}

.block-order-detail .amount {
  text-align: right;
  float: right;
}
.block-order-detail .total {
  font-weight: bold;
  font-size: 1.2em;
}
.block-order--info {
  background: #F0F0F0;
  border-collapse: separate;
  border-spacing: 25px;
  width: 100%;
}
.block-order--member-info {
  background: #F0F0F0;
  border-collapse: separate;
  border-spacing: 25px;
  width: 100%;
  border: none !important;
}
.block-order--member-info .title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #CECECE;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.block-order--member-info .name {
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
  color: #333;
}
.block-order-complete .field {
  font-size: 13px;
　width:230px;/* 2020/6/8　入鹿　カート内のボックス縦幅 */
}
.block-order-complete .field + .field {
  margin-top: 0.2em;
}
.page-method .block-order-complete .field + .field {
  margin-top: 0.5em;
}
.block-order--info-box.block-order--member-info .column {
  width: 4em;
}
.block-order--header-2nd {
  text-align: left;
  position: relative;
}
.block-order--header-about {
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 13px !important;
  font-weight: normal !important;
}
.block-order--info-box {
  height: 100%;
  border: 1px solid #D3D3D3;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 2em;
}
.block-order--info-box select {
  width: 180px;
}
.block-order--info-box input[type="text"].point {
  width: 72px;
}

.block-order--info-box.no-border {
  border: 0;
}
.block-order--info-box.fill {
  background-color: #F0F0F0;
  font-size: 13px;
}
.block-order--info-box.pl-0 {
  padding-left: 0;
}
.block-order--info-box .column {
  width:140px;
  display: inline-block;
  position: relative;
}
.block-order--info-box .column:after {
  content: ":";
  margin-right: 0.5em;
  position: absolute;
  right: 0;
}
.block-order--info-box .title {
  font-weight: bold;
}
.block-order--info-box .credit-cards {
  display: table;
  width: 100%;
}
.block-order--info-box .card {
  display: inline-block;
  padding: 8px;
  vertical-align: bottom;
}
.block-order--info-box .card .thumb {
  width: 44px;
}
.block-order--info-box.credit input[type=text].code {
  width: 78px;
  background-color: #FFF;
  text-align: center;
}
.block-order--info-box.credit input[type=text].holder-name {
  width: 250px;
  background-color: #FFF;
}
.block-order--info-box.credit .sep {
  padding: 3px;
  display: inline-block;
}
.block-order--info-box.credit p {
  padding: 10px 0 3px 0;
}
.block-order--info-box.credit select {
  background-color: #FFF;
}
.block-order--info-box.credit select.month {
  width: 50px;
}
.block-order--info-box.credit select.year {
  width: 80px;  
}
.block-order--info-box.credit select.times {
  width: 80px;  
}
.block-order--info-box.credit .regist {
  padding: 10px 0 0 0;
}

.bloc-popup-about-security-code {
  width: 780px;
  margin: auto;
  background-color: #f2f2f2;
  position: relative;
  padding: 50px 40px;
}
.block-popup-about-security-code--header {
  text-align: center;
  font-size: 18px;
}
.block-popup-about-security-code--list {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.block-popup-about-security-code--list li {
  flex-basis: 45%;
}
.block-popup-about-security-code--list figcaption {
  font-size: 14px;
  font-weight: bold;
  color: #ed4f9e;
  margin-bottom: 10px;
}

.block-popup-about-security-code--header-cards,
.block-popup-about-security-code--header-notes {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.block-popup-about-security-code--notes li {
  list-style: disc;
  line-height: 1.6;
  margin-left: 1.4em;
}
.mfp-close-btn-in .mfp-close {
  border: 3px solid #bcbcbc;
  margin: 25px;
  color: #bcbcbc;
  background: #fff;
  width: 28px;
  height: 28px;
  line-height: 26px;
}

.block-order--info-box-container {
  padding: 1em 0 0 2.5em;
}
.page-method .block-order--info-box-container .field + .field {
  margin-top: 0.2em;
}

.block-order--info-box-about-securitycode {
  display: inline-block;
  margin-left: 1.5em;
}
.block-order--info-box-about-securitycode:before {
  content: "?";
  display: inline-block;
  background-color: #C4242D;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 16px;
  margin-right: 0.5em;
}

.block-order-gift-select--delivery-dest .column {
  width: 3em;
  display: inline-block;
  position: relative;
  text-align: left;
}
.block-order-gift-select--delivery-dest .column:after {
  content: ":";
  margin-right: 0.5em;
  position: absolute;
  right: 0;
}
.block-order-gift-select--delivery-dest-goods-qty {
  text-align: left;
  display: flex;
  align-items: center;
}
.block-order-gift-select--delivery-dest-goods-message {
  margin-bottom: 10px;
}
.block-order-gift-select--delivery-dest-goods-name {
  padding-bottom: 10px;
}
.block-order-gift-select--delivery .charge {
  margin-left: -35px;
}
.block-order-gift-select--delivery .block-order-item .info-box .column {
  width: 9em;
}


.page-orderselect .block-order-item-info {
  width: 210px;
}

.block-order-gift-select--sammary {
  display: flex;
  justify-content: flex-end;
}
.block-order-gift-select--sammary-table {
  border: 1px solid #d3d3d3;
  font-size: 13px;
}
.block-order-gift-select--sammary-table th {
  background-color: #f0f0f0;
  text-align: center;
  padding: 10px 15px;
}
.block-order-gift-select--sammary-table td {
  text-align: center;
  padding: 5px 15px;
}
.block-order-gift-select--sammary-table .btn-recal {
  width: 48px;
  font-size: 13px;
  margin-left: 0;
  background-color: #e2e2e2;
}
.block-order-gift-select--sammary-table .total-price {
  font-size: 18px;
  text-align: right;  
}
.block-order-gift-select--sammary-table .total-price small {
  font-weight: normal;
}
.block-order-gift-select--sammary-table td:last-child {
  background-color: #f0f0f0;
  padding-right: 20px;
}

.block-order-item-proc .btn-setting {
  background-color: #e2e2e2;
  color: #3b3b3b;
  padding: 4px 10px;
  margin-left: 20px;
  width: 50px;
}

.page-method .block-order--address-cell,
.page-orderdest .block-order--address-cell {
  margin-bottom: 25px;
}
.page-orderdest .action-buttons .btn-primary,
.page-orderdest .action-buttons .btn-default {
  width: 223px;
  height: 62px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-order--address-info {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em;
  align-items: stretch;
  height: 100%;
}
.block-order--address-info .block-order--info-box .btn {
  width: 93px;
  height: 27px;
  padding: 0;
  font-size: 14px;
}
.block-order--address-cell {
  text-align: left;
  flex-basis: 48.5%;
}
.block-order--address-cell label {
  font-weight: bold;
}
.block-order--address-cell p {
  padding: 10px 0px 0px 32px;
}
.block-order--address-cell .block-order--info-box {
  margin-bottom: 0;
}

.block-order-table {
  display:table;
}
.block-order-cell {
  display:table-cell;
}
.block-order-row {
  display:table-row;
}
.block-order-fullw {
  width: 100%;
  border: none;
}
.block-order-halfw {
  width: 50%;
}
.block-order-fright {
  float: right;
}
.block-order-fleft {
  float: left;
}
.block-clearfix {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.block-order-item {
  display: table;
  width: 100%;
  border: 1px solid #D3D3D3;
  padding: 10px;
  margin-bottom: 12px;
  background-color: #FFF;
  position: relative;
}
.block-order-item .column {
  width: 4em;
  display: inline-block;
  position: relative;
}
.block-order-item .column:after {
  content: ":";
  margin-right: 0.5em;
  position: absolute;
  right: 0;
}
.block-order-item .thumb {
  width: 156px;
  height: 156px;
  background-color: #F0F0F0;
  float: left;
  display: table-cell;
}
.block-order-item-info {
  float: left;
  display: table-cell;
  text-align: left;
  height: 156px;
  padding: 0 10px;
  position: relative;
}
.block-order-item-info .name {
  font-size: 15px;
  text-decoration: underline;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  width: 230px;
}
.block-order-item-info .name a {
  color: #005aab;
}
.block-order-item-info .name a:hover {
  color: #874272;
}
.block-order-item-info .field {/* 2020/6/8 入鹿　カート内のボックス縦幅 */
   width: 230px;
}
.block-order-item-info .cnt {
  position: absolute;
  bottom: 0;
  height: 29px;
}
.block-order-item-proc {
  float:right;
  display: table-cell;
  text-align: left;
  position: relative;
}
.block-order-item-proc .info-box {
  background-color: #F0F0F0;
  width: 290px;
  padding: 10px;
  margin-top: 2px;
  margin-bottom: 18px;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.block-order-item-proc .info-box.no-proc {
  background: transparent;
  height: 107px;
}

.block-order-item-proc .info-box .block-item-circle {
  width: 42px;
  height: 42px;
  font-size: 11px;
  font-weight: normal;
}
.block-order-item-proc .info-box .block-item-circle.noshi {
  width: 96px;
  height: 42px;
  border-radius: 100px;
}

.block-order-item-proc .info-box .block-item-circle:nth-child(-n+2) {
  margin-bottom: 4px;
}

.block-order-item-proc .info-box .status {
  background-color: #E2E2E2;
  color: #3B3B3B;
  display: inline-block;
  width: 160px;
  height: 30px;
  border-radius: 6px;
  text-align: center;
/*  float: right;*/
  padding: 4px;
}
.block-order-item-proc .info-box .status.done {
  background-color: #858585 !important;
  color: #FFF !important;
}
.block-order-item-proc .info-box .amount {
  padding: 7px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 162px;
  font-size: 13px;
  text-align: left;
  flex-basis: auto;
}
.block-order-item-proc .total {
  width: 290px;
  font-size: 18px;
  font-weight: normal;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  text-align: right;
}
.block-order-item-proc .total small {
  font-weight: normal;
}
.total-price.default-price {
  width: 290px;
  text-align: right;
  margin-right: 68px;
}

.block-order-novelty--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 600px;
}
.block-order-novelty--list:after{
  content:"";
  display: block;
  width:30%;
}
.block-order-novelty--list li {
  width: 180px;
}
.block-order-novelty--list a {
  text-decoration: none;
  color: #3b3b3b;
  font-weight: bold;
}
.block-order-novelty--list img {
  width: 100%;
  border: 4px solid #d3d3d3;
  transition: 0.2s;
}
.block-order-novelty--list figcaption {
  text-align: center;
}
.block-order-novelty--list li:hover img,
.block-order-novelty--list li.active img {
  border-color: #F387BC;
}

.block-order-catalog--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 724px;
}
.block-order-catalog--list:before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.block-order-catalog--list:after{
  content:"";
  display: block;
  width:23%;
}

.block-order-catalog--list li {
  width: 164px;
}
.block-order-catalog--list a {
  text-decoration: none;
  color: #3b3b3b;
  font-weight: bold;
}
.block-order-catalog--list img {
  width: 164px;
  height: 200px;
  object-fit: cover;
  border: 4px solid #d3d3d3;
  transition: 0.2s;
}
.block-order-catalog--list figcaption {
  text-align: center;
}
.block-order-catalog--list li:hover img,
.block-order-catalog--list li.active img {
  border-color: #F387BC;
}

.block-order-novelty--notice {
  margin: -10px 0 20px;
  font-size: 13px;
}
.block-order-novelty--notice span {
  color: #ed4f9e;
}

/* 商品詳細 */
.block-item-deteil--badges {
  display: flex;
  margin-top: 10px;
}
.block-item-deteil--badges li + li {
  margin-left: 5px;
}

.icon-arrow.down {
  display: inline-block;
  transform: rotate(90deg);
}
.page-goodspreview .block-item-detail--header-2nd,
.page-goods .block-item-detail--header-2nd {
  font-weight: bold !important;
}
.block-item-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
}
.block-item-wrapper .block-item--items {
  width: 400px;
  margin: auto;
}
.block-item-wrapper .left {
  position: relative;
}
.block-item-wrapper .right {
  width: 452px;
  grid-column: 2;
  grid-row: 1;
  /* IE11 */
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  margin-left: 20px;
}
.block-item-wrapper .gallery-thumb {
  width:400px;
  height: 400px;
  background-color: #F0F0F0;
}

.block-item--image-container {
  position: relative;
  font-size: 0;
}
.block-item--image-container .icon-zoom {
  position: absolute;
  bottom: 0.2em;
  right: 2.5em;
  font-size: 25px;
  background-color: #fff;
  color: #afafaf;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 50px;
  opacity:0.5;
}

.block-item-detail-icons {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 10px;
}
.block-item-detail-icon {
  display: table-cell;
  text-align: center;
}
.block-item-detail-icon i {/* 入鹿 */
  /*font-size: 40px;*/
  font-size: 60px;
  background-color: #659F72;/* アイコンの色・緑 */
  color: #fff;
  border-radius: 3px;
  vertical-align: baseline;
 /* width: 48px;
  height: 48px;*/
  width: 68px;
  height: 72px;
  display: inline-block;
}

.block-item-detail-icon i.icon-way-01,
.block-item-detail-icon i.icon-belt-01,
.block-item-detail-icon i.icon-hook-02,
.block-item-detail-icon i.icon-fastener-01,
.block-item-detail-icon i.icon-led-01,
.block-item-detail-icon i.icon-led-02,
.block-item-detail-icon i.icon-knock-type-01,
.block-item-detail-icon i.icon-scale-01,
.block-item-detail-icon i.icon-light-02,
.block-item-detail-icon i.icon-light-03,
.block-item-detail-icon i.icon-scale-02,
.block-item-detail-icon i.icon-scale-03,
.block-item-detail-icon i.icon-pocket-02,
.block-item-detail-icon i.icon-pocket-03,
.block-item-detail-icon i.icon-pocket-01,
.block-item-detail-icon i.icon-loop-01,
.block-item-detail-icon i.icon-sleeve-01, 
.block-item-detail-icon i.icon-dcan-01,
.block-item-detail-icon i.icon-hook-01,
.block-item-detail-icon i.icon-clip-01,
.block-item-detail-icon i.icon-powderfree-01,
.block-item-detail-icon i.icon-elastic-01{/* 入鹿 アイコンの色替え・青 */
	background-color:#4192b4;
}

.block-item-detail-icon i.icon-light-01,
.block-item-detail-icon i.icon-light-04,
.block-item-detail-icon i.icon-size-01,
.block-item-detail-icon i.icon-size-02,
.block-item-detail-icon i.icon-size-03,
.block-item-detail-icon i.icon-size-04,
.block-item-detail-icon i.icon-size-05,
.block-item-detail-icon i.icon-size-06,
.block-item-detail-icon i.icon-size-07,
.block-item-detail-icon i.icon-size-08,
.block-item-detail-icon i.icon-size-09,
.block-item-detail-icon i.icon-size-10,
.block-item-detail-icon i.icon-wide-03,
.block-item-detail-icon i.icon-wide-04,
.block-item-detail-icon i.icon-heel-01,
.block-item-detail-icon i.icon-heel-02,
.block-item-detail-icon i.icon-heel-03,
.block-item-detail-icon i.icon-heel-04,
.block-item-detail-icon i.icon-heel-05,
.block-item-detail-icon i.icon-heel-06,
.block-item-detail-icon i.icon-heel-07,
.block-item-detail-icon i.icon-uni-01,
.block-item-detail-icon i.icon-mens-01{/* 入鹿 アイコンの色替え・紫 */
	background-color:#9d71c6;
}

.block-item-detail-icon i.icon-cotton-01,
.block-item-detail-icon i.icon-cotton-02,
.block-item-detail-icon i.icon-wool-01,
.block-item-detail-icon i.icon-wool-02,
.block-item-detail-icon i.icon-gauge-12,
.block-item-detail-icon i.icon-gauge-14,
.block-item-detail-icon i.icon-washer-01,
.block-item-detail-icon i.icon-washer-02{/* 入鹿 アイコンの色替え・グレー */
	background-color:#8c8989;
}

.block-item-detail-icon i.icon-infirmiere-01,
.block-item-detail-icon i.icon-infirmiere-02,
.block-item-detail-icon i.icon-japan-01,
.block-item-detail-icon i.icon-hit-01,
.block-item-detail-icon i.icon-hit-02{/* 入鹿 アイコンの色替え・濃ピンク */
	background-color:#cc0066;
}

.block-item-detail-icon i.icon-capless-01,
.block-item-detail-icon i.icon-twin-01,
.block-item-detail-icon i.icon-twin-02,
.block-item-detail-icon i.icon-twin-03,
.block-item-detail-icon i.icon-ink-01,
.block-item-detail-icon i.icon-font-01,
.block-item-detail-icon i.icon-font-02{/* 入鹿 アイコンの色替え・薄ピンク */
	background-color:#fb7474;
}

.block-item-detail-icon i:before {/* 入鹿 */
  /*line-height: 48px;
  vertical-align: top;*/
  /*line-height:60px;*/
  vertical-align: 20%;  
}
.block-item-detail-icon figcaption {
  font-size: 12px;
  white-space: nowrap;
}

.block-item-wrapper .right .item-images {
  width: 100%;
}
.block-item-wrapper .right .item-image .thumb {
  width: 68px;
  height: 68px;
  background-color: #F0F0F0;
}
.block-item-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 452px;
} 
.block-item-thumbnails img {
  border: 2px solid transparent;
} 
.block-item-thumbnails .active img {
  border: 2px solid #afafaf;
}

.block-item-detail--container {
  display: table;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: 10px 0;
}
.block-item-detail--container .price {
  font-size: 18px;
  font-weight: bold;
  color: #676767;
}

.block-item-detail--container .prices {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.block-item-detail--container .circles {
  display: flex;
  justify-content: space-between;
}

.block-item-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}
.block-item-circle.naire {
  background-color: #DD6A5B;
}
.block-item-circle.susoage {
  background-color: #CC9619;
}
.block-item-circle.innmen {
  background-color: #FF9608;
}
.block-item-circle.shishuu {
  background-color: #a56e9d;
}
.block-item-circle.noshi {
  background-color: #EC6D8B;
}
.block-item-circle.favorite {
  color: #afafaf;
  border: 2px solid #afafaf;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: 0.2s;
}
.block-item-circle.favorite.active {
  color: #E9519C;
  border-color: #E9519C;
}

.block-variation {
  width: 11em;
}
.block-variation-size,
.block-variation-color {
  font-weight: bold;
}
.block-item-sizes .column {
  width: 4em;
  display: inline-block;
  position: relative;
}
.block-item-sizes .column:after {
  content: ":";
  margin-right: 0.5em;
  position: absolute;
  right: 0;
}

.block-item-sizes table.sizes {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px 0;
  margin-top: 70px;
  position: relative;
  border-bottom:2px dashed #D3D3D3;
  border-right:2px dashed #D3D3D3;
}
.block-item-sizes p {
  padding: 10px;
}
.block-item-sizes caption {
  padding: 10px 5px;
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
}
.block-item-sizes caption .left {
  float: left;
  font-size: 16px;
  color: #676767;
  font-weight: bold;
}
.block-item-sizes caption .right {
  float: right;
}
.block-item-sizes caption .btn {
  background-color: #F0F0F0;
  color: #3B3B3B;
  width: 200px;
}
.block-item-sizes caption .btn:hover {
  background-color: #d6d6d6;
}
.block-item-sizes th,
.block-item-sizes td  {
  text-align: center;
  padding: 10px;
}
.block-item-sizes th {
  font-weight: bold;
  color: #3B3B3B;
  background-color: #FFC6C6;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  border-right:2px solid #FFFFFF;
}
.block-item-sizes td {
  position: relative;
  vertical-align: top;
  border-bottom:2px dashed #D3D3D3;
  border-left:2px dashed #D3D3D3;
  border-right:2px dashed #D3D3D3;
}

.block-item-sizes caption + tbody th:first-of-type{
  border-top:2px solid #FFC6C6;
}
.block-item-sizes caption + tbody td:first-of-type{
  border-top:2px dashed #D3D3D3;
}
.block-item-sizes thead th{
  border-top:0px;
  border-bottom:0px;
}
.block-item-sizes thead th:first-of-type {
  border-left:2px solid #FFC6C6;
}

.block-item-sizes thead th:last-of-type {
  border-right:2px solid #FFC6C6;
}

.block-item-sizes tbody tr td:first-child{
  border-left:2px dashed #D3D3D3;
}
.block-item-sizes tbody tr:last-of-type th{
  border-bottom:2px solid #FFC6C6;
}

.block-item-sizes td:first-of-type {
  border-left:none;
}

.block-item-sizes td label {
  margin-left: 32px;
}
.block-item-sizes .choose {
  background-color: #F0FFCE;
}
.block-item-sizes .none {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF !important;
}
.block-item-sizes .sale {
  font-size: 12px;
  background-color: #C4242D;
  color: #FFF;
  padding: 3px 8px;
  position: absolute;
  left: 8px;
  border-radius: 4px;
}
.item-contens .sale {
  font-size: 12px;
  background-color: #C4242D;
  color: #FFF;
  padding: 3px 8px;
  border-radius: 4px;
}
.block-item-sizes .message {
  font-size: 12px;
}
.block-item-sizes .message .there {
  color: #005aab;
}
.block-item-sizes .message .none {
  color: #DD6A5B;
}
.block-item-sizes th.dark {
  background-color: #FFC6C6;
}
.block-item-sizes th.light {
  background-color: #FFC6C6;
}
.block-item-sizes tr.dark {
  background-color: #FFFFFF;
}
.block-item-sizes tr.light {
  background-color: #FFFFFF;
}
.block-item-sizes .selected {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-item-sizes .select {
  flex-basis: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-item-sizes .select.selected-price {
  display: flex;
  flex-wrap: wrap;
}
.block-item-sizes .select+.select {
  border-left: 1px solid #C9C9C9;
}
.block-item-sizes .select .title {
  display: inline-block;
  font-weight: bold;
  padding-right: 10px;
}
.block-item-sizes .select li:before {
  content: "・";
}
.block-item-sizes .cnt-box {
  display: flex;
  justify-content: space-between;
  width: 204px;
  color: #676767;
  font-weight: bold;
  font-size: 18px;
}
.block-item-sizes .price {
  color: #3B3B3B;
  font-size: 18px;
  display: block;
  text-align: right;
  font-weight: normal;
}
.block-item-sizes .cnt-box .cnt-btn {
  width: 40px;
  height: 40px;
  background-color: #9C9C9C;
  color: #FFF;
  font-size: 24px;
  line-height: 1;
  border: 0;
  transition: 0.2s;
}
.block-item-sizes .cnt-box .cnt-btn:hover {
  background-color: #828282;
}
.block-item-sizes .cnt-box .cnt-val {
  width: 120px;
  height: 40px;
  text-align: center;
  background-color: #FFF;
  border-width: 2px;
}
.block-item-sizes .btn+.btn {
  margin-left: 1em;
}
.block-item-actions {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.block-item-action {
  display: table-cell;
  vertical-align: bottom;
}
.block-item-action img.icon {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
.block-item-action.right button {
  background-color: #F0F0F0;
  color: #3B3B3B;
  width: 175px;
  margin-top: 6px;
  height: 27px;
  padding-left: 2em;
}
.block-item-action.right button:hover {
  background-color: #d6d6d6;
}

.block-item-action.left {
  width: 200px;
}
.block-item-action.right {
  text-align: right;
  width: 200px;
}

.block-item-action .btn-add-cart {
  width: 240px;
  height: 60px;
  padding: 0 !important;
}
.block-item-action .btn-add-cart i {
  font-size: 160%;
  margin-right: 0.5em;
}

.block-item-action .btn-add-cart-hover-alert {
  display: none;
  top: 70px !important;
  left: 20px !important;
  position: absolute !important;
  z-index: 9999 !important;
  border: 2px solid #CECECE !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.block-item-action .btn-add-cart-hover-alert.hover {
  display: inline-block !important;
}

.block-item-action .btn-add-cart-hover-alert .title {
  background-color: #F172B0;
  padding: 6px 8px !important;
  font-weight: bold !important;
  color: #fff;
  font-size: 14px !important;
}

.block-item-action .btn-add-cart-hover-alert .content {
  background-color: #FFFFFF;
  padding: 6px 8px !important;
  font-size: 12px !important;
}

.block-item-action .btn-request-mail {
  width: 240px;
}
.block-item-action .btn-request-mail i {
  margin-right: 0.5em;
}

.block-item-detail-icon {
  display: table-cell;
}
.block-item-exp-wrapper {
  width: 1024px;
  margin: 30px -30px 0;
  background-color: #F6F6F6;
}
.block-item-exp-wrapper+hr {
  margin-top: 0;
}
.block-item-exp {
  /*display: grid;*/
  display: block !important;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
/*  margin-top: 20px 30px;*/
  /* IE11 */
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  -ms-grid-rows: auto 1fr;
}
.block-item-exp .exp-left {
  padding: 30px;
}
.block-item-exp .exp-right {
  padding: 80px 30px 30px 30px;
  grid-column: inherit;
  grid-row: inherit;
  /* IE11 */
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  margin-left: 30px;
}

.block-item-exp h5 {
  margin-top: 1em;
}
.block-item-exp table,
.block-item-exp td,
.block-item-exp th {
  border: 1px solid #3B3B3B;
  padding: 0 3px;
}
.block-item-exp th {
  text-align: center;
}
.block-item-exp .attach-file-box {
  font-size: 12px;
  color: #000;
  display: inline-block;
  padding: 20px 10px;
}
.block-item-exp .attach-file-box a:link, a:active, a:visited, a:hover {
  color: #000;
}
.block-item-exp .attach-file {
  padding: 8px;
  border-bottom: 1px solid #000;
}
.block-item-exp .exp {
  text-align: center;
  padding: 8px;
}

.item-contens .more-btn {
  width: 100%;
  padding: 20px;
  text-align: center;
  grid-row: 1/2;
  grid-column: 1/2;
}
.item-contens .more-btn .btn {
  width: 300px;
  background-color: #F0F0F0;
  color: #3B3B3B;
}
.item-contens .more-btn .btn:hover {
  background-color: #d6d6d6;
}
.item-contens .icons .icon {
  color: #D33713;
}

.block-goods-user-review {
  padding: 20px 30px;
}

.block-goods-user-review--list {
  /*display: flex;*/
  flex-wrap: wrap;
}
.block-goods-user-review--list li {
  flex-basis: 50%;
}

.block-goods-user-review--item-dt,
.block-goods-user-review--count-summary,
.block-goods-user-review--score,
.block-goods-user-review--count,
.block-goods-user-review--item-summary,
.block-goods-user-review--item-score,
.block-goods-user-review--item-name {
  vertical-align: middle;
}
.block-goods-user-review--item-dt,
.block-goods-user-review--score,
.block-goods-user-review--count,
.block-goods-user-review--item-score,
.block-goods-user-review--item-name {
  display: inline-block;
}
.block-goods-user-review--score dt {
  font-weight: normal;
}
.block-goods-user-review--item-dt,
.block-goods-user-review--score dt,
.block-goods-user-review--score dd,
.block-goods-user-review--score dd img,
.block-goods-user-review--item-score dt,
.block-goods-user-review--item-score dt img,
.block-goods-user-review--item-name dt,
.block-goods-user-review--item-name dd {
  height: 25px;
  line-height: 25px;
  margin: 0;
}

.block-goods-user-review--score,
.block-goods-user-review--item-score {
  margin-right: 30px;
}
.block-goods-user-review--info {
  margin-bottom: 30px;
}
.block-goods-user-review--item-summary {
  margin: 10px 0;
}

.btn.block-goods-user-review--write-review-btn {
  width: 175px;
  height: 27px;
  background-color: #F0F0F0;
  color: #3B3B3B;
  margin-top: 10px;
  position: relative;
}
.btn.block-goods-user-review--write-review-btn:hover {
  background-color: #d6d6d6;
}
.block-goods-user-review--more {
  text-align: center;
  margin: 50px 0 30px;
}
.btn.block-goods-user-review--more-btn {
  width: 300px;
  height: 27px;
  background-color: #F0F0F0;
  color: #3B3B3B;
  position: relative;

}
.btn.block-goods-user-review--more-btn:hover {
  background-color: #d6d6d6;
}

.page-goodspreview button.btn-default,
.page-goods button.btn-default {
  position: relative;
}
.page-goodspreview button.btn-default:not(.block-global-search--submit ) i,
.page-goodspreview a.btn i,
.page-goods button.btn-default:not(.block-global-search--submit ) i,
.page-goods a.btn i {
  position: absolute;
  left: 1em;
  line-height: 1;
  top: calc(50% - 7px);
}
.page-goodspreview .more-btn button.btn-default i,
.page-goods .more-btn button.btn-default i {
  left: 5em;
}
.page-goodspreview .item-contents .price,
.page-goods .item-contents .price {
  font-size: 18px;
  color: #676767;
  font-weight: bold;
}
.page-goodspreview .price small,
.page-goods .price small {
  font-weight: normal;
}
.page-goodspreview .block-recommend-item,
.page-goodspreview .block-recent-item--body,
.page-goods .block-recommend-item,
.page-goods .block-recent-item--body {
  width: 964px;
}

.page-goodspreview .item-contens .slick-dotted.slick-slider,
.page-goods .item-contens .slick-dotted.slick-slider {
  margin-bottom: 10px;
}
.page-goodspreview .item-contens .slick-dots,
.page-goods .item-contens .slick-dots {
  display: flex;
  flex-wrap: wrap;
  width: 452px;
  position: relative;
  bottom: 0;
}
.page-goodspreview .item-contens .slick-dots li,
.page-goods .item-contens .slick-dots li {
  width: 75px;
  height: 75px;
  margin: 0;
  border: 2px solid transparent
}
.page-goodspreview .item-contens .slick-dots li.slick-active,
.page-goods .item-contens .slick-dots li.slick-active {
  border-color: #afafaf;
}

/* カタログ注文 */
.page-quickorder .pane-main {
  padding-top: unset;
}
.block-catalog--header {
  margin-top: 2em;
  font-weight: normal !important;
}
.block-catalog--header span {
  color: #EC4E9D;
}
.block-order-catalogs {
  display: table;
  width: 100%;
}
.block-order-catalogs-left {
  float: left;
  display: table-cell;
  width: 228px;
}
.block-order-catalogs-right {
  float: right;
  display: table-cell;
  width: calc(100% - 236px);
}
.block-order-catalogs-right .btn-catalog-unknown {
  color: #3B3B3B;
  background-color: #F0F0F0;
  width: 300px;
  margin-left: 8px;
  margin-top: 36px;
}
.block-order-catalogs-right .btn-catalog-unknown:hover {
  background-color: #d6d6d6;
}
.block-catalog-box {
  width: 100%;
  background-color: #F0F0F0;
  padding: 18px;
}
.block-catalog-box .expb {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
}
.block-catalog-box .no {
    margin: 10px 0;
    width: 194px;
    border: 2px solid #D3D3D3;
    background-color: #FFF;
    color: #EC4E9D;
    font-size: 32px;
    text-align: center;
}
.block-catalog-box .exp {
  font-size: 12px;
  margin-bottom: 1em;
}
.block-catalog-box .thumb {
  width: 194px;
  height: 114px;
  padding: 4px;
  background-color: #FFF;
  object-fit: contain;
}
.block-catalogs {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.block-catalog {
  display: table-cell;
  text-align: center;
}
.block-catalog .thumb {
  width: 166px;
  height: 200px;
  background-color: #F0F0F0;
}
.block-catalog .title {
  font-weight: bold;
}
.block-catalog-order-items {
  display: table;
  width: 100%;
/*  table-layout: fixed; */
  background-color: #F0F0F0;
  padding: 20px;
}
.block-catalog-order-items .left {
  display: table-cell;
  padding-right: 10px;
}
.block-catalog-order-items .right {
  display: table-cell;
  padding-left: 10px;
}
.block-catalog-order-items .expb {
  font-weight: bold;
  margin-bottom: 10px;
}
.block-catalog-order-items .no-section input {
  background-color: #FFF;
  text-align: center;
  margin-bottom: 10px;
  vertical-align: top;
  width: 112px;
  margin-right: 1.2em;
}
.block-catalog-order-items .no-section select {
  background-color: #FFF;
}
.block-catalog-order-items .block-order-item-info {
  width: calc(100% - 156px);
}
.block-catalog-order-items .block-order-item-proc {
  height: unset;
}
.block-catalog-order-items .block-order-item-proc .total {
  padding-left: 10px;
  font-size: 18px;
}
.block-catalog-order-items .cnt {
  width: 56px;
}
.block-order-item--container {
  flex-basis: 96px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.block-order-item-proc .amount {
  flex-basis: 160px; 
  display: flex;
  flex-wrap: wrap;
}
.block-order-item-proc .amount .btn-setting {
  width: 160px;
  height: 30px;
  margin-left: 0;
  margin-bottom: 14px;
  background-color: #e2e2e2;
}
.block-order-item-proc .amount .btn-setting.required:before {
  display: inline;
  padding: .2em .6em;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: .25em;
  color: #fff;
  background-color: #b41022;
  content: "必須";
  margin-right: 0.5em;
}
.block-order-item-proc .amount .btn-setting.required:after {
  content: none;
}
/* カテゴリ画面 */
.block-category-list--header-img {
  margin-top: 0;
}

/* 加工設定　*/
.block-proc-header {
  width: 100%;
  height: 80px;
  background-color: #E2E2E2;
  border-bottom: 2px solid #080000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 24px;
  margin-bottom: 20px;
  margin-top: 0;
}
.block-proc .target-items {
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 2px solid #676767;
}
.block-proc .target-item {
  display: table-cell;
  padding: 20px;
}
.block-proc .target-item.label {
  background-color: #676767;
  color: #FFF;
  width: 120px;
  text-align: center;
}
.block-proc .chars {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.block-proc .char {
  display: table-cell;
  padding: 20px 0;
}
.block-proc .char .label {
  margin-bottom: 20px;
}
.block-proc .char .label .title {
  font-weight: bold;
  margin-right: 10px;
}
.block-proc .text {
  background-color: #F2F2F2;
  padding: 3px;
  width: 80%;
}

.block-proc-header-second {
  background-color: #E2E2E2;
  border-bottom: 3px solid #b3b3b3;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 20px;
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}
.block-proc-header-second .icon-accordion {
  position: absolute;
  right: 1em;
  top: calc(50% - 12px);
}
.block-proc-contents {
  padding: 20px;
}
.block-proc-contents .star {
  color: #EC4E9D;
  font-size: 80%;
  vertical-align: middle;
}
.block-proc-contents.border {
  border-bottom: 3px solid #b3b3b3;
}
.block-proc-contents h4 {
  font-weight: bold;
  display: inline-block;
  margin-right: 20px;
}
.block-proc-finish-images {
  display: table;
  width: 100%;
  table-layout: fixed;
   border-spacing: 10px;
}
.block-proc-finish-image {
  display: table-cell;
  text-align: center;
  border: 4px solid #d3d3d3;
}
.block-proc-finish-image .title {
  background-color: #F0F0F0;
  padding: 6px;
}
.block-proc-finish-image .thumb {
  width: 160px;
  height: 96px;
  background-color: #F0F0F0;
  margin-top: 20px;
}
.block-proc-finish-image .exp {
  padding: 8px;
}



.block-proc-contents ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.block-proc-use {
  padding: 20px;
}
.block-proc-styles {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.block-proc-styles-row {
  display: table-row;
}
.block-proc-style {
  display: table-cell;
  text-align: center;
}
.block-proc-style .title {
  padding: 20px;
  text-align: left;
}
.block-proc-style .thumb {
  width: 284px;
  height: 115px;
  background-color: #F0F0F0;
}
.block-proc-positions {
  padding: 20px;
  display: grid;
  grid-template-columns: 384px 540px;
  grid-column-gap: 20px;
  display: -ms-grid;
  -ms-grid-columns: 374px 540px;
  -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto;
}
.block-proc-positions .block-proc-positions-radio {
  grid-column: 1/3;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.block-proc-positions label {
  margin-top: 20px;
}
.block-proc-positions .block-proc-positions-comment {
  grid-column: 2/3;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}

.block-proc-marks {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 20px;
}
.block-proc-marks-row {
  display: table-row;
}
.block-proc-mark {
  display: table-cell;
  width: 140px;
  float: left;
}
.block-proc-mark .icon {
  display: inline-block;
  text-align: center;
  width: 86px;
}
.block-proc-mark .icon .thumb {
  width: 54px;
  height: 54px;
}
.block-proc-mark .checkmark {
  margin-top: 20px;
}

.block-proc-colors {
  padding: 20px;
  display: table;
}
.block-proc-colors select {
  display: table-cell;
  width: 120px;
  float: left;
}
.block-proc-color {
  display: table-cell;
  text-align: center;
  width: 100px;
  font-size: 10px;
}
.block-proc-color .thumb {
  width: 28px;
  height: 28px;
}
.block-proc-contents p.colors {
  margin-left: 150px;
}

.block-proc-names {
  padding: 20px;
}
.block-proc-name {
  display: inline-block;
  margin-right: 60px;
  width: 340px;
  vertical-align: top;
}
.block-proc-contents p.names {
  margin-left: 50px;
}

.block-proc-total {
    border: 1px solid #D3D3D3;
}
.block-proc-total .box {
  width:510px;
  margin-left: auto;
  margin-right: auto;
}
.block-proc-total .box {
  padding-top: 40px;
  padding-bottom: 40px;
}
.block-proc-total .box span {
  display: inline-block;
}
.block-proc-total .box .column {
  width: 190px;
  position: relative;
}
.block-proc-total .box .column:after {
  content: ":";
  margin-right: 0.5em;
  position: absolute;
  right: 0;
}
.block-proc-total .box .item {
  width: 250px;
}
.block-proc-total .box .priceb {
  width: 70px;
  text-align: right;
}
.block-proc-total .box .total-column {
  width: 50%;
}
.block-proc-total .box .total-price {
  font-size: 18px;
  font-weight: bold;
  width: 50%;
  text-align: right;
}

.block-proc-total--total-price {
  overflow: hidden;
}
.block-proc-total--total-price:before {
  content: "-------------------------------------------------------------------------------------------------------------";
  white-space: nowrap;
}

.page-naire .action-buttons .btn-primary,
.page-naire .action-buttons .btn-default {
  width: 223px;
  height: 62px;
  padding: 0 !important;
}

/* 検索結果画面 */
.block-search-goods--condition-items-header {
  background: #f0f0f0;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  margin: 0 -32px;
  width: 100%;
  padding: 1em;
  width: calc(100% + 64px);
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom:-1px;
}
.block-search-goods--condition-items-header:before {
  color: #4b4b4b;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 0.5em;
}
.block-search-goods--condition-items-header .icon-accordion {
  position: absolute;
  right: 1em;
  top: calc(50% - 12px);
  color: #000000;
}
.icon-accordion:before {
  vertical-align: middle;
}
.icon-accordion.open {
  transform: rotate(180deg);
}
.btn.block-search-goods--search-btn {
  background-color: #ef856d;
  color: #ffffff;
  width: 240px;
}
.btn.block-search-goods--search-btn:hover {
  background-color: #ed5f3f;
}
.page-search .action-buttons {
  padding-bottom: 2em;
}
.block-search-goods--condition-items input[type="text"],
.block-search-goods--condition-items select {
  background-color: #fff;
}


/* 配送先の選択 */
.block-order-gift--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  position: relative;
}

/* 配送先商品の追加 */
.block-order-gift-select--sales-append-content {
  border: none;
}

/* ログインページ */
.block-login--login,
.block-login--entry {
  width: auto;
}
/* ----ログアウト画面---- */

/* お気に入り画面 */
.block-favorite--checkbox .checkbox-container {
  vertical-align: top;
}
.block-favorite--favorite-goods {
  justify-content: space-between;
}
.block-favorite--comment {
  flex-basis: 446px;
}
.block-favorite--price-items {
  text-align: left;
}
.block-favorite--update-dt {
  text-align: left;
}

/* ----購入履歴一覧画面---- */
.block-purchase-history--pager-top .pager,
.block-purchase-history--pager-bottom .pager {
  border: none;
}
.block-purchase-history--status a {
  color: #676767;
  text-decoration: none;
}

/* 購入履歴詳細画面 */
.block-purchase-history-detail--order-detail-items {
  font-size: 13px;
}

/* トピック詳細ページ */
.block-topic-details--pager-top.pager,
.block-topic-details--pager-bottom.pager {
  border: none;
}
.block-topic-details--items li:first-child {
  border-top: #ddd 1px solid;
}

/* 会社概要ページ */
.block-company--outline {
  width: 100%;
}

.block-company--outline th,
.block-company--office th {
  width: 20%;
}

/* FAQページ */
.block-faq--faqs {
  border: 1px solid #d1d1d1;
  margin: 20px 0 30px;  
}
.block-faq--faqs h3 {
  background-color: #f1f1f1;
  margin: 0;
  padding: 15px 30px;
  color: #333;  
}
.block-faq--faqs ul {
  margin: 30px;
}
.block-faq--faqs ul li {
  line-height: 2;
}
.block-faq--faqs ul li:before {
  content: "・";
}
.block-faq--links {
  /*display: flex;
  justify-content: space-between;*/
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-bottom: 30px;
}
.block-faq--links li {
  flex-basis: 24%;
}
.block-faq--links .btn {
  background-color: #f0f0f0;
  color: #333;
  white-space: normal;
  padding: 10px;
  text-decoration: none;
}
.block-faq--links .btn:hover {
  background-color: #d6d6d6;
}
.block-faq--links-eyecatch {
  color: #659f72;
  font-size: 50px;
}
.block-faq--links h4 {
  color: #2e73ba;
  font-weight: bold;
  font-size: 13px;
  line-height: 2;
}
.block-faq--links p {
  text-align: left;
}
.block-faq--links-link {
  float: right;
}

.block-faq--contact {
  background-color: #f0f0f0;
  padding: 30px;
}

.block-faq--contact .btn-contact {
  background-color: #659f72;
  display: block;
  margin: 20px auto;
  width: 320px;
  padding: 18px 0;
  font-size: 16px;
  text-decoration: none;
}
.block-faq--contact .btn-contact:hover {
  background-color: #50815b;
}

/* FAQ詳細ページ */
.block-faq--links-questions {
  display: flex;
  padding: 10px 3em;
  border-top: 2px solid #DFDFDF;
  border-bottom: 2px solid #DFDFDF;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.block-faq--links-questions li {
  flex: 1 1 auto;
}

.block-faq--links-questions .icon-link:before {
  color: #2973BA;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 1em;
}

.block-faq--questions {
  border-bottom: 2px solid #DFDFDF;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
}
.block-faq--questions .icon-q:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.5em;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  background-color: #afafaf;
  border-radius: 4px;
  text-align: center;
}

.block-faq--questions > ul > li {
  padding: 10px 0;
}

/* 入鹿 */  /* FAQアコーディオンjsからlabelへ修正 ここから*/
.block-faq--questions .icon-q label { /* 追記 */
  color: #2e73ba;
  text-decoration: underline;
}

.block-faq--questions .icon-q label:hover { /* 追記 */
  color: #874272;
}

.block-faq--questions .icon-q input { /* 追記 */
	display: none;
}

.block-faq--answer { /* 追記 */
	/*height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;*/
	/* ↑Aマークがブレるため下記に変更↓ */
	display:none;
}

/* 削除 */
/*
.block-faq--answer {
  background-color: #edf5d9;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 24px 24px 24px 85px;
  position: relative;
  display: none;
}
*/

.block-faq--questions .icon-q input:checked ~ .block-faq--answer {/* 追記 */
  background-color: #edf5d9;
  margin-top: 10px;
  margin-bottom: 10px;
  /*padding: 0px;
  height: auto;
  opacity: 1;
  position: relative;*/
  /* ↑Aマークがブレるため下記に変更↓ */
  display: block;
  position: relative;
}

.block-faq--answer .block-faq--answer-inner {/* 追記 */
	padding: 24px 24px 24px 74px;
}

/* 削除 */
/*
.block-faq--answer .icon-a {
  position: absolute;
  left: 16px;
  top: 24px;
}*/

.block-faq--answer .icon-a {/* 追記 */
	position: absolute;
	left: 16px;
}
/* 入鹿 */  /* FAQアコーディオンjsからlabelへ修正 ここまで*/

.block-faq--answer .icon-a:before {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  background-color: #ACD052;
  border-radius: 50%;
  text-align: center;
}

.block-faq--answer-other-links {
  margin-top: 10px;
}
.block-faq--answer-other-links li:before {
  content: "⇒";
  margin-right: 0.5em;
}

.block-faq--questions a.block-faq--answer-close {
  position: absolute;
  right: 16px;
  bottom: 24px;
  text-decoration: none; 
  color: #676767;
}
.block-faq--answer-close:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 10px;
  line-height: 24px !important;
  margin-right: 1em;
  color: #676767;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
}

/* のし画面 */
.page-noshi .action-buttons {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.page-noshi .action-buttons .btn {
  padding: 0 !important;
  height: 62px;
  width: 250px;
  line-height: 62px;
}

/* カルーセル */
.slick-dots {
  bottom: -40px;
}
.slick-dots li button {
  background: #d3d3d3;
  width: 18px;
  height: 18px;
  margin: 0 8px;
  border-radius: 50%;
  transition: 0.2s;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
  background: #E5338B;
}
.slick-dots li button:before {
  content: none;
}
.slick-dotted.slick-slider {
  margin-bottom: 56px;
}
.slick-prev, .slick-next {
  z-index: 5;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-prev:before,
.slick-next:before {
  font-size: 40px;
  font-family: 'icomoon';
  content: '\e92a';
  color: #676767;
  display: inline-block;
}
.slick-next:before {
  transform: rotate(180deg);
}

/* 最近チェックしたアイテム, おすすめ, グループサイトリンク のカルーセル*/

.block-recent-item--items ul,
.block-recommend-item ul,
.block-top-link--goods ul {
  width: 80%;
  margin: auto;
}

.block-recent-item--items .slick-next,
.block-recommend-item .slick-next,
.block-top-link--goods .slick-next {
  right: -40px;
  top: 80px;
}
.block-recent-item--items .slick-prev,
.block-recommend-item .slick-prev,
.block-top-link--goods .slick-prev {
  left: -40px;
  top: 80px;
}

/* 商品詳細 */
.block-item--image-container .slick-prev {
  left: -36px;
}
.block-item--image-container .slick-next {
  right: -36px;
}

/* ご注文内容確認 */
.back-color-white {
  background-color: #FFF;
}

/* メールニュース *//* 入鹿 */
.block-mail-news .block-mail-news--terms-of-service p {
	margin-bottom: 2em;
}

/* ----ジャンル別商品・商品検索・商品詳細画面・下部テンプレート---- *//* ----右メニュー・上部テンプレート---- */  /*入鹿*/
.block-top-merit dl:after {/* 入鹿 */
	content: "";
	clear: both;
	display: block;
}

.block-top-merit dd {/* 入鹿 */
	float: left;
}

.block-top-column h3 {/* 入鹿 */
  font-weight: bold;
  font-size: 16px;
  padding: 0.5em 0;
  border-bottom: 1px solid #E2E2E2;
}
.block-top-column h3:before {
  content: "●";
  color: #E5318B;
  margin-right: 0.5em;
}
.block-top-column img {
	width: 100px;
}
.block-top-column ul {
	margin-bottom: 20px;
}
.block-top-column ul:after {
	content: "";
	clear: both;
	display: block;
}
.block-top-column ul li{
	float: left;
	margin-right: 35px;
	margin-bottom: 20px;
}
.block-top-column ul li:nth-child(even){
	margin-right: 0;
}
.block-top-column ul li dl:after {
	content: "";
	clear: both;
	display: block;
}
.block-top-column ul li dl dt,
.block-top-column ul li dl dd {
	float: left;
}
.block-top-column ul li dl dt {
	margin-right: 10px;
}
.block-top-column ul li dl dd {
	font-size: 0.9em;
	line-height: 1.6em;
}
.block-top-column ul li dl dd a {
	font-size: 1.5em;
	display: block;
	margin-bottom: 10px;
}

.block-footer-category { 
	padding-bottom: 30px;
}

.block-footer-category ul::after {
    content : " ";
    display : block;
    clear : both;
}

.block-footer-category ul li { 
	float:left;
	width: 20%;
	font-size: 0.9em;
	height:50px;
	border-top: 1px solid #d3d3d3;
	position:relative;
	border-right: 1px solid #d3d3d3;
}

.block-footer-category ul li:nth-child(5),
.block-footer-category ul li:nth-child(10){
	border-right: none;
}

.block-footer-category ul li:nth-last-child(1),
.block-footer-category ul li:nth-last-child(2),
.block-footer-category ul li:nth-last-child(3),
.block-footer-category ul li:nth-last-child(4),
.block-footer-category ul li:nth-last-child(5){
	border-bottom: 1px solid #d3d3d3;
}

.block-footer-category ul li a {
	display: block;
	text-decoration: none;
	color: #676767;
	background-image: url(../../../../img/usr/common/block-footer-category-arrow.png);
	background-position:95% center;
	background-repeat: no-repeat;
}

.block-footer-category ul li a:hover {
	color: #874272;
}

.block-footer-category ul li a span {
	position: absolute;
	top:16px;
}

.block-footer-category ul li a span.rows-2 {
	top:7px;
}

.block-footer-category ul li a::before {
	display: inline-block;
	content: "";
	margin: 7px 5px 0;
	width: 35px;
	height: 35px;
	background-image: url(../../../../img/usr/common/sprite_category.png);
	background-size: 35px 395px;
	background-repeat: no-repeat;
}

.block-footer-category ul li:nth-child(1) a::before {
	background-position: 0 0;
}

.block-footer-category ul li:nth-child(3) a::before {
	background-position: 0 -40px;
}

.block-footer-category ul li:nth-child(5) a::before {
	background-position: 0 -80px;
}

.block-footer-category ul li:nth-child(7) a::before {
	background-position: 0 -120px;
}

.block-footer-category ul li:nth-child(9) a::before {
	background-position: 0 -160px;
}

.block-footer-category ul li:nth-child(2) a::before {
	background-position: 0 -200px;
}

.block-footer-category ul li:nth-child(4) a::before {
	background-position: 0 -240px;
}

.block-footer-category ul li:nth-child(6) a::before {
	background-position: 0 -280px;
}

.block-footer-category ul li:nth-child(8) a::before {
	background-position: 0 -320px;
}

.block-footer-category ul li:nth-child(10) a::before {
	background-position: 0 -360px;
}

.block-footer-category-bnrs {
	border-bottom: 4px solid #e2e2e2;
	padding-bottom: 20px;
	margin-bottom: 5px;
	margin-top: 25px;
}

.block-footer-category-bnrs ul::after {
    content : " ";
    display : block;
    clear : both;
}

.block-footer-category-bnrs ul li { 
	float:left;
	width: 15%;
	margin-right:2%;
}

.block-footer-category-bnrs ul li:last-child { /* 入鹿 */
	margin-right: 0;
}

/* カート内画面 *//* 入鹿 */
.block-cart-category { 
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 5px;
	margin-top: 25px;
}

.block-cart-category ul { 
	display: flex;
	margin-bottom: 10px;
}

.block-cart-category ul:last-child{ 
	margin-bottom :0;
}

.block-cart-category ul li { 
	margin-right: 16px;
}

.block-cart-category ul li:last-child { 
	margin-right: 0;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .block-cart-category ul {
		width: 100%;
	}
	*::-ms-backdrop, .block-cart-category ul li {
		width:32%;
		margin-right: 2%;
	}
}

/* ----トップページ予備テンプレート2---- */　/*入鹿*/
.block-top-type ul:after {
	content: "";
	clear: both;
	display: block;
}

.block-top-type ul li img {
	float: left;
	width: 133px;
}

/* ----トップページ予備テンプレート1---- */　/*入鹿*/ 
.block-top-pickup { 
	position: relative;
}

.block-top-pickup ul { 
	display: flex;
}

.block-top-pickup ul li { 
	margin-right: 16px;
	width: 180px;
}

.block-top-pickup ul li:last-child { 
	margin-right: 0;
}

.block-top-pickup ul li a:visited,
.block-top-pickup ul li a:hover,
.block-top-pickup ul li a:active {
	color: #448aff;
}

.block-top-pickup ul li dd a {
	font-size: 85%;
}

.block-top-pickup ul li dd.price_d {
	font-weight: bold;
	color: #000000;
	text-align: right;
}

.block-top-pickup ul li dd.price_d span {
	font-size: 10px;
	font-weight: normal;
}

.page-top .block-top-body--items-child {
  display: none;
}

.page-top .slick-track .block-top-body--items-child {
  display: block;
}

/* ----お知らせ---- *//*入鹿*/
.block-topic-page--article-body #announcement p {
	margin-bottom: 1em;
}

/*----マイページ「sns連携/解除」ボタンhover対応2020.12.31 -------------------------*/
.block-login--snslogin-body .btn-sns-sync {
 background: #ff0000;
}

.block-login--snslogin-body .btn-sns-sync:hover {
 background: #ff4e60;
}

.block-login--snslogin-body .btn-sns-release {
 background: #ff0000;
}

.block-login--snslogin-body .btn-sns-release:hover {
 background: #ff4e60;
}
/*----マイページ「sns連携/解除」ボタンhover対応2020.12.31 -------------------------*/

.block-top-event--goods {
  padding: 5px 0;
  border-top: 1px solid #d3d3d3;
}

.block-category-menu--genre-list li {
  margin-bottom: 0;
  justify-content: start;
}

.block-category-menu--genre-list li dl+dl {
  margin-left: 0;
}

.block-category-menu--genre-list li:before {
  content:"";
  display: block;
  width:17%;
  order:1;
}

.block-category-menu--genre-list li:after {
  content:"";
  display: block;
  width:17%;
}

.block-category-menu--genre-list .block-thumbnail-t--goods {
  flex-basis: 17%;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 15px;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-image figure {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  background: transparent;
  justify-content: space-between;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-image a:hover {
  text-decoration: underline;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-image figure img {
  width: 100%;
}

.page-category .block-category-menu--genre-list .block-thumbnail-t--goods-image figure img {
  border-radius: 50%;
  width: 38%;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-image figcaption {
  width: 100%;
  height: auto;
/*  padding-left: 0.3em;*/
  background: transparent;
  color: #874272;
  text-align: left;
  font-weight: bold;
}

.page-category .block-category-menu--genre-list .block-thumbnail-t--goods-image figcaption {
  width: 62%;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-image figcaption span {
  font-weight: normal;
  font-size: 12px;
  display: block;
  color: #3B3B3B;
  margin-left: 0px;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-description {
  margin: 15px 0;
  font-size: 12px;
}

.block-category-menu--genre-list .block-thumbnail-t--goods-description .block-thumbnail-t--goods-name {
  min-height:0em
}
/* 税込価格表示用 */
.block-thumbnail-t--goods .taxinclude-price,
.block-thumbnail-t--goods .discount-taxinclude-price {
  font-size: 10px;
  font-weight: normal;
  text-align: right;
}

.block-ranking-r--goods .taxinclude-price {
  font-weight: normal;
  font-size: 10px;
}
.block-ranking-r--goods .taxinclude-price span {
  font-weight: normal;
  font-size: 8px;
}

.block-order-gift-select--delivery-dest-goods-price {
  padding-bottom: 10px;
  padding-right: 30px;
}
.block-order-gift-select--delivery-dest-goods-price .taxinclude-price {
  font-size: 10px;
}

.block-order-gift-select--sammary-table .total-taxinclude-price {
  font-size: 10px;
  font-weight: normal;
}

.block-order-item-proc .taxinclude-price {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.block-item-detail--container .taxincludeprice {
  font-size: 12px;
}

.block-item-sizes .price .taxinclude {
  font-size: 12px;
  font-weight: normal;
}
.block-item-sizes .select .title.selected-price {
  font-size: 12px;
}

.block-catalog-order-items .block-order-item-proc .total .taxinclude-price {
  font-size: 10px;
}

.block-purchase-history-detail--goods-amt {
  text-align: right;
  margin: 0 15px 0 auto;
}
td.block-purchase-history-detail--goods-price {
  border: none;
  padding: 0px;
}
td.block-purchase-history-detail--goods-taxinclude-price {
  font-size: 10px;
  border: none;
  padding: 0px;
}
.block-item-discount-price {
    display: flex;
    justify-content: flex-strat;
    margin-left: 120px; 
    font-weight: normal;
}

.block-item-detail--container .default-price {
  font-weight: normal;
}

.block-thumbnail-t--goods .price,
.block-thumbnail-t--goods .discount-price
{
  font-weight: bold;
}

.block-mypage--userinfo-userid
{
  font-size: 120%;
}

.block-order-detail .info {
  margin: 10px 0;
  font-size: 11px;
  text-align: left;
  line-height: 1.2;
}

.page-estimate .block-order-complete--wrapper {
  margin-bottom: 20px;
}

.page-estimate .pane-order-contents hr {
  margin: 0 0 10px 0;
}

.block-item-action.right ,
.block-goods-user-review--form ,
.block-goods-user-review--more {
  line-height: 1.5;
}

.block-goods-user-review--item-dt {
  float: right;
}

.block-goods-user-review--item-name,
.block-goods-user-review--item-dt,
.block-goods-user-review--item-sexClass,
.block-goods-user-review--item-ers,
.block-goods-user-review--item-height,
.block-goods-user-review--item-weight,
.block-goods-user-review--item-purchasedSize {
  font-size: 85%;
  color: #6A6A6A;
}

.block-goods-user-review--item-frame-line {
  display: flex;
  margin-top: 15px;
}

.block-goods-user-review--item-sexClass,
.block-goods-user-review--item-ers,
.block-goods-user-review--item-height {
  margin-right: 25px;
}

.block-goods-user-review--item-name {
  width: 300px;
}

.block-goods-user-review--list li:not(:first-child) {
  border-top: 2px solid #E2E2E2;
  padding-top: 10px
}

.block-login--member ,
.block-login--social-frame {
  margin-bottom: 20px;
}

.block-login--first-time-message {
  text-align: center;
}

.block-login--first-time-message-list {
  text-align: left;
  display: inline-block;
}

#ranking .content {
    padding: 0 0 20px 0;
}

.page-search #ranking .content {
    width: 100%;
    padding-bottom: 40px;
}

.page-genre #ranking .content {
    width: 738px;
}

.page-goods #ranking .content {
    width: 1024px;
}

#ranking .content .tab_box .panel_area .ranking-item .rank-number {
    width: 30px;
    height: 30px;
    font-family: "Marcellus",serif;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 10px;
    background: #f4f4f4
}

#ranking .content .tab_box .panel_area .ranking-item .rank-1 {
    background: #bea870;
    color: #fff;
    position: relative
}

#ranking .content .tab_box .panel_area .ranking-item .rank-1:after {
    content: "";
    background: url(../../img/usr/top/fb/ranking/rank-1.svg) no-repeat;
    width: 22px;
    height: 15px;
    background-size: contain;
    position: absolute;
    left: 45px;
    top: 50%;
    margin-top: -8px
}

#ranking .content .tab_box .panel_area .ranking-item .rank-2 {
    background: #a8a9a8;
    color: #fff;
    position: relative
}

#ranking .content .tab_box .panel_area .ranking-item .rank-2:after {
    content: "";
    background: url(../../img/usr/top/fb/ranking/rank-2.svg) no-repeat;
    width: 22px;
    height: 15px;
    background-size: contain;
    position: absolute;
    left: 45px;
    top: 50%;
    margin-top: -8px
}

#ranking .content .tab_box .panel_area .ranking-item .rank-3 {
    background: #997a5c;
    color: #fff;
    position: relative
}

#ranking .content .tab_box .panel_area .ranking-item .rank-3:after {
    content: "";
    background: url(../../img/usr/top/fb/ranking/rank-3.svg) no-repeat;
    width: 22px;
    height: 15px;
    background-size: contain;
    position: absolute;
    left: 45px;
    top: 50%;
    margin-top: -8px
}

#ranking .slick4 .slick-slide a {
    outline: none;
}

.page-goods #ranking .slick4 dl {
  padding: 0 3.5%;
}

.page-goods #ranking .content .tab_box .panel_area {
    width: 80%;
    margin: auto;
}

@media screen and (min-width: 813px) {
  #ranking .content .tab_box .panel_area .ranking-item dl dt {
      font-size: 12px;
  }
  #ranking .content .tab_box .panel_area .ranking-item dl dd:nth-of-type(1) {
      font-size: 15px;
  }
  #ranking .content .tab_box .panel_area .ranking-item dl dd:nth-of-type(2) {
      font-size: 10px;
  }
}

@media screen and (max-width: 812px) {
  #ranking .content .tab_box .panel_area .ranking-item dl dt {
      font-size: 12px;
  }
  #ranking .content .tab_box .panel_area .ranking-item dl dd:nth-of-type(1) {
      font-size: 12px;
  }
  #ranking .content .tab_box .panel_area .ranking-item dl dd:nth-of-type(2) {
      font-size: 10px;
  }
}

.page-entry .block-member-info--birth .help-block ,
.page-customer .block-member-info--birth .help-block {
  color: #000000;
}

.block-order-estimate--right .btn.btn-estimate .estimate-print-comment {
  font-size: 12px;
}

/* 汎用完了ページ*/
.page-paytree_pending .pane-order-contents {
  text-align: center;
}

.page-goods .block-item-unisize_tag {
  width: 452px;
  margin: 0 30px 0 auto;
}