/* ヘッダーのカテゴリドロワー */

.header-category-title {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
}

.header-category-subtitle {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0;
  margin: 30px 0 0;
}

.header-category-drawer {
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  max-width: 300px;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  transition: left 0.3s ease;
  z-index: 999;
}

.header-category-drawer.active {
  left: 0;
}

.header-category-grid {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 1em;
}

.header-category-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
}

.header-category-item img {
  width: 40px;
  height: auto;
  margin-right: 0.5em;
}

.header-category-item span {
  flex-grow: 1;
}

.header-category-item .header-arrow-icon {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.light-menu {
  background: #fff; /* 明るい背景 */
  border-bottom: 1px solid #ddd;
}

.light-menu a {
  color: #333; /* 黒文字 */
}

.light-menu a:active {
  background: rgba(0, 0, 0, 0.1);
}

/* カテゴリ一覧 */
.top-category {
  width: 100%;
  padding: 30px 0px;
  background: #e3e5e4;
  box-sizing: border-box;
}

.top-category__title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
}

.top-category__subtitle {
  font-size: 14px;
  font-weight: normal;
}

.top-category__section {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 10px;
  text-align: left;
}

.top-category__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.top-category__item {
  display: flex;
  align-items: center;
  padding: 0px 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  color: #333;
  box-sizing: border-box;
  height: 70px; 
}

.top-category__item img:first-child {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-right: 10px;
  flex-shrink: 0;
}

.top-category__text {
  flex-grow: 1;
  font-size: 12px;
}

.top-arrow-icon {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

/* 新しいヘッダー用の3アイコン横並びスタイル */
.new-header-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex: 0 0 auto;
}

.new-header-icons .header-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px;
}

.new-header-icons .header-icon img {
  width: 9vw;
  max-width: 50px;
  height: auto;
}

/* 20250417 だいき追加カスタム ハンバーガーメニューのタイトル */
.drawer-title {
  padding: 12px 16px;
  font-weight: bold;
  font-size: 1.1em;
  color: #ffffff;
  background-color: #444;
}

.drawer-item.sub-item .drawer-item-name-text::before {
  content: "└ ";
  margin-right: 4px;
  color: #ccc;
}

/* 20250327 だいき追加カスタム 共通メニュー カラー別 */

.drawer-accordion-item.colors a img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}


/* 20230702 だいき追加カスタム セール品の簡易説明文の二重訂正線 */
span.deldel {
  font-weight: bold;
  text-decoration-line: line-through;
  text-decoration-style:solid;
  text-decoration-color: red;
}


/* 20230623 だいき追加カスタム remillaルックブックページの画像に枠線付与 */
img[src*="23SS_remilla_LOOK2"] {
	border: 2px solid #b5b5b5;
	padding: 10px;
   text-align: left;
   box-sizing: border-box;
}

/* 20240118 だいき追加カスタム GHルックブックページの画像に枠線付与 */
img[src*="24SS_GH_LOOK"] {
	border: 2px solid #b5b5b5;
	padding: 10px;
   text-align: left;
   box-sizing: border-box;
}


/* 20220319 だいき追加カスタム 商品詳細ページのアスタリスク */
.astaRi {
	color: #ff7300;
	font-weight:  bold;
}

/* 20250203 だいき追加カスタム スノー予約特典 */
.GenTem {
	color: #ff7300;
	font-weight:  bold;
	font-size:  1.1em;
}
/* 20220306 だいき追加カスタム グリーン着せ替えページ */
.kisekae-h2 {
	font-weight: bold;
	font-size: 1.2em;
}

/* 20220227 だいき追加カスタム トップ上部検索窓 */
.drawer--search227 {
	padding: 0px 20px 10px;
}


/* 20210927 だいき追加カスタム まとめページ */
.matome-h1 {
    font-weight: bold; 
	font-size: 1.8em;
	line-height: 1.9;
}

.matome-h2 {
	line-height: 1.9;
	padding-top: 40px;
	margin-top: -10px;
	margin-left: -30px;
	font-weight: bold;
	font-size: 1.6em;
}

.matome-mokuji {
	font-size: 1.2em;
	line-height: 1.1;
}

.matome-bun {
	font-size: 1.2em;
	line-height: 1.4;
}

.matome-news {
	font-size: 1em;
	line-height: 1.8;
}

.matome-ranking {
	font-size: 1.2em;
	line-height: 1.4;
}

.box-matome {
	/* スクロールボックス */
	width: 100%;
	height: 220px;
	border: 1px solid #eaede7;
	/* わかりやすくボーダーを引く */
	overflow-y: scroll;
	/* 縦方向にスクロール可能にする */
}

.matome-contents {
	padding: 30px;
	text-align: left;
}


/* 20210904 だいき追加カスタム remillaまとめページ */
.remilla-h2 {
	padding-top: 100px;
	margin-top: -10px;
	margin-left: -30px;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.8;
}

.remilla-mokuji {
	font-size: 1.2em;
	line-height: 1.3;
}

.remilla-bun {
	font-size: 1.1em;
	line-height: 1.3;
}

.remilla-news {
	font-size: 1em;
	line-height: 1.6;
}

.remilla-ranking {
	font-size: 1.2em;
	line-height: 1.4;
}

.box-remilla {
	/* スクロールボックス */
	width: 100%;
	height: 220px;
	border: 1px solid #eaede7;
	/* わかりやすくボーダーを引く */
	overflow-y: scroll;
	/* 縦方向にスクロール可能にする */
}



/* 20210704 だいき追加カスタム 商品詳細のカートボタン下用 */
#p-top-bnr-D-A {
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: -30px;
}

#p-top-bnr-D-B {
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: -30px;
}

#p-top-bnr-D-A li {
	display: block;
	float: left;
	width: 48%;
}

#p-top-bnr-D-B li {
	display: block;
	float: left;
	width: 48%;
}

#p-top-bnr-D-A li:nth-child(n+2) {
	margin-left: 5px;
}

#p-top-bnr-D-B li:nth-child(n+2) {
	margin-left: 5px;
}






@charset "euc-jp";
/*-------------------------------------------
デフォルトスタイルをリセット
-------------------------------------------*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/* ************************************************
*  clearfix
* ************************************************ */

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

/*-------------------------------------------
共通
-------------------------------------------*/

body {
	background-color: #fff;
	color: #212121;
	font-size: 14px;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}

a {
	text-decoration: none;
	color: #2196f3;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

a:active {
	background: rgba(0, 0, 0, 0.1);
}

p {
	line-height: 1.2rem;
	margin: 0;
}

h2 {
	padding: 0 20px;
	margin: 20px 0 0.5rem;
	font-size: 142.85714%;
	font-weight: normal;
}

h3 {
	font-size: 114.28571%;
	font-weight: normal;
	margin: 20px 0 .5rem;
	padding: 0 20px;
}

h4 {
	font-size: 100%;
	font-weight: normal;
	margin: 20px 0 .5rem;
}

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

.wrap {
	text-align: center;
	vertical-align: middle;
	zoom: 1;
}

.wrap img {
	vertical-align: bottom;
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/*
 * layout
 */
#outer {
	overflow-x: hidden;
	max-width: 100%;
	height: auto;
  padding-bottom: 100px; 
}

#wrapper {
	position: relative;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#wrapper.open {
	/* -moz-transform: translate3d(300px, 0, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0); */
	-moz-transform: translate3d(-300px, 0, 0);
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.section {
	border-bottom: solid 1px #e0e0e0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.section-inner {
	padding: 0 20px 15px;
}

.section-inner2207 {
	padding: 0 5px 15px;
}

/* ツールバー */
.toolbar {
	background: #382f19;
	-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.toolbar-inner {
	margin: 0;
	padding: 0;
}

.toolbar-item {
	list-style: none;
	float: left;
	width: 33.3%;
	text-align: center;
	border-right: solid 1px #251812;
	border-left: solid 1px #6e5a52;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.toolbar-item a {
	font-size: 105%;
	display: block;
	padding: 8px 0 7px;
	color: #fff;
	line-height: 1.0;
	font-weight: bold;
}

.toolbar-item a span {
	font-size: 108%;
	font-weight: normal;
	margin-top: 5px;
	display: inline-block;
}

.toolbar-item a:active {
	background: rgba(255, 255, 255, 0.1);
}

.toolbar-item a .icon {
	width: 20px;
	margin: 0 10px 0 0;
}

#header--sticky {
	background: #555;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 0;
	display: none;
	/* width: 100%; */
	width: auto;
}

#header--sticky .toolbar-item {
	list-style: none;
	float: none;
	width: 60px;
	border: none;
}

#header--sticky .toolbar-item .icon {
	margin: 0;
}

#header--sticky .toolbar--menu {
	/* float: left; */
	/* width: 18%; */

}

#header--sticky .toolbar--cart {
	/* float: right; */
	/* width: 18%; */
}

.toolbar--totop {
	width: 64%;
	border: none;
	border-right: solid 1px #251812;
	border-left: solid 1px #6e5a52;
}

.toolbar--totop a {
	font-size: 100%;
	width: 100%;
	padding: 14px 0 15px;
	line-height: 1;
}

.toolbar--totop a .icon--up_w {
	width: 16px;
}

/* フッター */
#footer .footer-nav {
	padding: 0;
}

#footer--sticky {
	/* background: #555; */
	position: fixed;
	z-index: 2000;
	/*
	bottom: 0;
	left: 0;
	display: none;
	 width: 100%; */
	left: 10px;
	bottom: 10px;
	width: 85px;
	transition: all .3s ease;
	transform-origin: left bottom;
}

#footer--sticky .toolbar li.toolbar-item {
	width: 100%;
	border: none;
}

#footer--sticky .footer-nav {
	padding: 0;
	margin: 0;
}

.footer-nav-item {
	border-bottom: solid 1px #e0e0e0;
	list-style: none;
}

.footer-nav-item a {
	display: table;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 20px;
	color: #212121;
}

.footer-nav-item a span {
	display: table-cell;
	vertical-align: middle;
}

.footer-nav-item-text {
	width: 80%;
	height: auto;
}

.footer-nav-item-icon {
	width: 10%;
	height: auto;
	text-align: right;
}

.footer-nav-item-icon .icon {
	width: 16px;
}

.section--address {
	background: #ddd;
	text-align: center;
}

.section--address .section-inner {
	padding: 20px 20px 30px;
}

.switch {
	margin: 0 0 10px;
}

.section--sns {
	padding: 20px 0 0;
	text-align: center;
}

.sns-link {
	text-align: center;
	margin: 0 3px 0;
	padding: 10px 11px;
	color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
}

.sns-link .icon {
	width: 20px;
}

.sns-link--twitter {
	background: #00acee;
}

.sns-link--facebook {
	background: #3b579d;
}

.sns-link--instagram {
	background: #393939;
}

.sns-link--google {
	background: #d95333;
}

.sns-link--pinterest {
	background: #c9232d;
}

.copyright {
	margin: 0 0 20px;
	font-size: 80%;
}

/* ドロワー */
#drawer {
	position: fixed;
	top: 0;
	/* left: -300px; */
	right: -300px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 300px;
	height: 100%;
	max-width: 100%;
	color: #fff;
	background: #555;
	-webkit-overflow-scrolling: touch;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px inset;
	box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px inset;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#drawer.open {
	/* -moz-transform: translate3d(300px, 0, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0); */
	-moz-transform: translate3d(-300px, 0, 0);
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.drawer-item {
	border-bottom: 1px solid #333;
}

.drawer-item-name {
	font-size: 114.28571%;
	font-weight: normal;
	display: inline-block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px;
	color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.drawer-item-name .icon {
	width: 24px;
	margin: 0 10px 0 0;
}

.drawer-item-name-text {
	display: inline-block;
	width: 80%;
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.drawer-item-name-icon {
	width: 10%;
	height: auto;
	text-align: right;
}

.drawer-item-name-icon .icon {
	width: 16px;
	margin: 0;
}

.drawer-accordion {
	border-bottom: 1px solid #333;
}

.drawer-accordion ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.drawer-accordion-name {
	font-size: 114.28571%;
	font-weight: normal;
	display: inline-block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px;
	color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.drawer-accordion-name .icon {
	width: 24px;
	margin: 0 10px 0 0;
}

.drawer-accordion-name-text {
	display: inline-block;
	width: 80%;
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.drawer-accordion-name-icon {
	width: 10%;
	height: auto;
	text-align: right;
}

.drawer-accordion-name-icon .icon {
	width: 16px;
	margin: 0;
}

.drawer-accordion-item {
	border-bottom: 1px solid #111;
	background: #222;
}

.drawer-accordion-item:last-child {
	border: none;
}

.drawer-accordion-item a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 20px;
	color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.drawer-accordion-item a:active {
	background: rgba(255, 255, 255, 0.1);
}

.drawer-accordion-item a img {
	vertical-align: middle;
}

.drawer-accordion-item .icon {
	width: 24px;
	margin: 0 10px 0 0;
}

.drawer-accordion-item-text {
	display: inline-block;
	width: 87%;
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.drawer-accordion-item-icon {
	width: 10%;
	height: auto;
	text-align: right;
}

.drawer-accordion-item-icon .icon {
	width: 16px;
	margin: 0;
}

.drawer--search {
	border-bottom: 2px solid #333;
	padding: 20px;
}

.drawer-item-close {
	cursor: pointer;
	display: flex;
}

.drawer-item-close__icon {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
}

.drawer-item-close__icon::before,
.drawer-item-close__icon::after {
	/* 共通設定 */
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	/* 棒の幅（太さ） */
	height: 18px;
	/* 棒の高さ */
	background: #fff;
}

.drawer-item-close__icon::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.drawer-item-close__icon::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

/*
 * product
 */
.regular {
	text-decoration: line-through;
	color: #aaa;
}

.price {
	font-size: 142.85714%;
	font-weight: bold;
}

.rate {
	color: #f44336;
	font-weight: bold;
}

.breadcrumblist {
	padding: 20px 20px 0;
}

.taglist {
	padding: 20px 0 0;
}

.taglist p {
	margin: 0 0 10px;
}

.taglist a {
	margin: 0 6px 8px 0;
}

.productform-inner {
	margin: 0 0 15px;
}

.stock_error {
	font-weight: bold;
	text-align: center;
	color: #f44336;
}

.table {
	width: 100%;
	height: auto;
}

.table--bordered {
	font-size: 120%;
	border-top: 1px solid #ddd;
}

.table--bordered th {
	font-weight: normal;
	width: 30%;
	padding: 10px 10px;
	text-align: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table--bordered td {
	padding: 10px 10px 10px 15px;
	border-bottom: 1px solid #ddd;
}

.otherlist {
	padding: 0;
	list-style: none;
}

.social {
	width: 110px;
	float: left;
	margin: 10px 0 0;
}

.imagelist.slick-slider {
	margin: 0 0 50px;
}

.imagelist.slick-slider .slick-slide {
	padding: 0 40px;
	text-align: center;
}

/*
 * product-list
 */
.boxlist {
	list-style: none;
	padding: 0 10px;
	margin: 0;
}

.box {
	display: block;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.box .box-inner {
	display: block;
	padding: 10px 10px 6px;
}

.box .box-image {
	display: block;
	margin: 0 0 5px;
	text-align: center;
}

.box .box-title {
	margin: 0 0 5px;
	color: #212121;
}

.box .box-price {
	font-weight: bold;
	margin: 0 0 5px;
	color: #212121;
	text-align: center;
}

.box .box-price--soldout {
	margin: 0 0 5px;
	color: #B30000;
}

.box .box-caption {
	text-align: center;
	font-size: 100%;
	line-height: 1rem;
}

.box--half {
	width: 50%;
}

.box--3row {
	width: 33.33%;
}

.box--full {
	float: none;
	width: 100%;
}

.slidelist {
	margin: -10px 0 10px !important;
}

.slidelist .slick-track {
	padding: 0 10px;
}

.slidelist .slick-slide {
	padding: 0;
}

.slidelist .slide-inner {
	display: block;
	padding: 10px 10px 5px;
}

.slidelist .slide-image {
	display: block;
	margin: 0 0 5px;
	text-align: center;
}

.slidelist .slide-title {
	font-size: 85.71429%;
	margin: 0 0 5px;
	color: #212121;
}

.slidelist .slide-title2 {
	font-size: 85.71429%;
	margin: -7px 0 5px;
	color: #212121;
}

.slidelist .slide-price {
	font-weight: bold;
	margin: 0 0 5px;
	color: #212121;
}

.slidelist .slide-price2 {
	font-size: x-small;
	margin: -7px 0 5px;
	color: #212121;
}

.slidelist .slide-price--soldout {
	font-size: 85.71429%;
	color: #f44336;
}

.result {
	margin: 10px 0;
}

.result span {
	font-size: 128.57143%;
	font-weight: bold;
}

.sort {
	text-align: center;
}

.pager {
	padding: 0 20px 20px;
}

.rest {
	text-align: center;
	margin: 15px 0;
}

.rest span {
	font-size: 114.28571%;
	font-weight: bold;
}

.pager-prev {
	float: left;
	line-height: 1;
}

.pager-prev .icon {
	width: 14px;
}

.pager-next {
	float: right;
	line-height: 1;
}

.pager-next .icon {
	width: 14px;
}

.section--list .boxlist {
	padding: 20px 10px 0;
	margin: 0;
}

.section--list--sub .section-inner {
	padding: 0 20px 10px;
}

.subcategorylist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.subcategorylist-item {
	float: left;
	margin: 0 20px 10px 0;
}

.subcategorylist-item a {
	font-size: 85.71429%;
}

.freespace01 {
	margin: 0 0 20px;
}

.freespace02 {
	padding: 20px 0 0;
}

.freespace-item {
	font-size: 85.71429%;
}

/*
 * 特商法・その他
 */
.deflist {
	margin: 0;
}

.deflist-title {
	font-size: 128.57143%;
	margin: 0 0 0.5rem;
}

.deflist-body {
	margin: 0 0 20px;
}

.section--search .section-inner,
.section--free .section-inner,
.section--push .section-inner {
	padding: 20px;
}

.section--main {
	padding: 0 0 30px;
}

.section--search--detail {
	background: #212121;
}

.section--search--detail h2 {
	margin: 0 0 .5rem;
	padding: 20px 20px 0;
	color: #fff;
}

.section--search--detail .section-inner {
	padding: 0 20px 30px;
}

.section--push ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*
 * パーツ
 */

.slick-slide img {
	margin: 0 auto;
}

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

.icon-open--flip {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	border: none;
	display: inline-block;
}

.button--red {
	background: #f44336;
	color: #fff;
}

.button--blue {
	background: #2196f3;
	color: #fff;
}

.button--orange {
	background: #C25700;
	color: #FFF;
}

.button--green {
	background: #565937;
	color: #fff;
}

.button--line {
	border: 1px solid #2196f3;
	color: #2196f3;
}

.button--sort {
	font-size: 100%;
	padding: 5px 0;
	width: 28%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.button--tag {
	font-size: 85.71429%;
	padding: 4px 4px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.button--small {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 114.28571%;
	padding: 11px 0 12px;
	width: 25%;
	line-height: 1;
}

.button--medium {
	font-size: 100%;
	padding: 10px;
	margin: 8px 0;
	width: 100%;
	line-height: 1;
}

.button--medium .icon {
	width: 14px;
	margin: 0 0 0 5px;
}

.button--large {
	font-size: 128.57143%;
	font-weight: bold;
	padding: 20px 0;
	width: 100%;
	margin: 0 0 10px;
}

.button--disabled {
	background: #666666;
	color: #fff;
}

input[type="text"].keyword {
	font-size: 85.71429%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"].keyword--small {
	width: 68%;
	margin: 0 10px 0 0;
	height: 40px;
}

input[type="text"].keyword--white {
	background: #fff;
	color: #212121;
}

input[type="text"].keyword--black {
	background: #000;
	color: #fff;
	border: none;
}

input[type="number"].productnum {
	padding: 8px 10px;
	width: 15%;
}

input[type="text"].productnum {
	padding: 8px 10px;
	width: 15%;
}

.pulldown {
	width: 100%;
	height: 40px;
	background: #fff;
	margin: 0 0 15px;
	border: 1px solid #bdbdbd;
}

/*
 * モーダル
 */
#modal-content {
	position: absolute;
	z-index: 9999;
	display: none;
	width: 75%;
	margin: 0;
	padding: 10px 20px;
	background: #fff;
}

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

#modal-close {
	font-size: 28px;
	position: absolute;
	top: -20px;
	right: -5%;
	padding: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#modal-close .icon {
	width: 20px;
	vertical-align: initial;
}

/* ************************************************
*  追記
* ************************************************ */

body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.6em;
	color: #333;
}

a {
	color: #333;
}

/* フッター */
.footer-nav li:first-child {
	border-top: 1px solid #e0e0e0;
}

#f_info {
	margin: 0 10px 20px;
	border: 3px solid #212121;
}

#f_info p {
	text-align: center;
	padding: 15px 10px;
}

#f_info p span {
	color: #FF0004;
	font-weight: bold;
}

/* スライダーボーダーとctr削除 */
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc !important;
	-webkit-box-shadow: 0 0 0px #ccc !important;
	box-shadow: 0 0 0px #ccc !important;
	border: solid #fff 0px !important;
	left: 0px !important;
	background: #fff !important;
}

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

.bx-pager.bx-default-pager {
	display: none;
}

.bx-wrapper img {
	width: 100% !important;
	height: auto;
}

/* TOPページ */

.topTitle {
	font-size: 16px;
	text-align: left;
}

/* 見出しが画像の場合　*/
.topTitle img {
	width: 100%;
	height: auto;
}

#top_info {
	padding: 10px;
	border: 3px double #e0e0e0;
	margin-bottom: 20px;
}

#top_info h2 {
	margin: 0;
}

#top_info .info_box {
	height: 170px;
	overflow: auto;
	overflow-y: scroll;
	padding: 0 10px;
}

#top_banner {
	margin: 0 10px 20px;
}

#top_banner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#top_banner ul li {
	margin-bottom: 10px;
}

#top_banner ul li img {
	width: 100%;
	height: auto;
}

#top_banner ul.half_bnr li {
	width: 49%;
	float: left;
	margin-right: 2%;
}

#top_banner ul.half_bnr li:last-child {
	margin-right: 0;
}

/* ************************************************
*  201607
* ************************************************ */
.pb15 {
	padding-bottom: 15px;
}

/* header */
.shopname {
  width: 95%;
  padding: 10px 20px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
}

.shopname-text {
	text-align: center;
	margin: 0;
	font-size: 142.85714%;
	width: 55%;
}

.shopname-text a {
	font-weight: bold;
	color: #212121;
	display: block;
}

.shopname-text img {
	width: 100%;
}


.h_menu {
	/* float: left; */
	margin-right: 10px;
}

.h_menu img {
	width: 100%;
}
.sns {
	/* float: left; */
	width: 35%;
}

.sns .h_sns {
	list-style: none;
	margin: 0 10px;
	margin-right: 20px;
	padding: 0;
	text-align: right;
}

.sns .h_sns li {
	display: inline-block;
	margin-right: 1%;
	width: 29%;
}

.sns .h_sns li:last-child {
	margin-right: 0;
}

.sns .h_sns li img {}

.toolbar-item .wrap a span {
	font-size: 60%;
}

/* slider */
.slider.clearfix {
	background: #382f19;
	padding-bottom: 1%;
}

#bx-pager>a {
	width: 24%;
	float: left;
	margin: 0.5%;
}

/* top page */
.topTitle {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

.topTitle img {
	width: 60%;
}

#top_banner ul li {
	font-size: 12px;
}

#top_banner ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

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

#top_banner2 {
	margin: 0 10px 25px;
}

#top_banner2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: -.40em;
	/* 文字間を詰めて隙間を削除する */
}

#top_banner2 ul li img {
	width: 100%;
	height: auto;
}

#top_banner2 ul.four_bnr li {
	width: 22%;
	display: inline-block;
	margin: 0;
	margin-right: 1.3333%;
	margin-bottom: 10px;
	border: 2px solid #cecece;
	padding: 10px 0;
	letter-spacing: normal;
	/* 文字間を通常に戻す */
	font-size: 12px;
	line-height: 1;
}

#top_banner2 ul.four_bnr li:last-child {
	margin-right: 0;
}

#top_aboutus .top_aboutus_text img {
	margin-bottom: 10px;
}

#top_aboutus {
	margin: 0 10px 25px;
}

/* tab area */
#tab_area {
	margin: 10px;
}

ul.tab {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tab li {
	display: inline-block;
	width: 48%;
	padding: 5px 1%;
	background: #ccc;
	color: #333;
	float: left;
	text-align: center;
	border-bottom: none;
	font-weight: bold;
	font-size: 13px;
}

ul.tab li span {
	font-size: 11px;
	font-weight: normal;
}

ul.tab li.select {
	background: #ddd;
}

ul.tab li:last-child {
	margin-right: 0px;
}

ul.tab_contents {
	clear: both;
	padding: 0px;
	border: solid 1px #ddd;
	text-align: left;
	list-style: none;
}

ul.tab_contents li:nth-child(n+2) {
	display: none;
}

ul.tab_contents .tab_catebox1 {
	padding: 10px;
}

ul.tab_contents #tab_catebox1 table {
	border: 1px solid #cecece;
	border-collapse: collapse;
}

ul.tab_contents #tab_catebox1 table td {
	vertical-align: middle;
	border: 1px solid #cecece;
	border-collapse: collapse;
}

ul.tab_contents #tab_catebox1 table td {
	width: 50%;
}

ul.tab_contents #tab_catebox1 table td span {
	display: inline-block;
	text-align: center;
	width: 68%;
	vertical-align: top;
	padding-top: 15px;
}

ul.tab_contents #tab_catebox1 img {
	width: 27%;
	margin: 1% 2% 1% 1%;
	margin-right: 2%;
	text-align: left;
	height: auto;
}

ul.tab_contents #tab_catebox1 table td span.sale {
	background: #f00000;
	color: #fff;
	width: 25%;
	padding: 10px 0;
	margin-left: 2%;
	text-align: center;
	display: inline-block;
	margin-right: 2%;
	font-weight: bold;
}

ul.tab_contents #tab_catebox2 h3 {
	background: #595959;
	padding: 8px 0;
	width: 100%;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

ul.tab_contents #tab_catebox2 p {
	line-height: 2.2em;
}

ul.tab_contents #tab_catebox2 .tab_cateL {
	width: 50%;
	float: left;
	text-align: center;
}

ul.tab_contents #tab_catebox2 .tab_cateR {
	width: 50%;
	float: right;
	text-align: center;
}

/* 下層 */
.section--search--detail {
	background: #382f19;
}

.button--line {
	border: 1px solid #565937;
	color: #565937;
}

/* 追加カスタム */
.new_more {
	text-align: center;
	margin: 40px 0 0;
}



#p_top_bnr {
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: -30px;
}

#p_top_bnr li {
	display: block;
	float: left;
	width: 23%;
}

#p_top_bnr li:nth-child(n+2) {
	margin-left: 5px;
}