@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;
}


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

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

a {
text-decoration: none;
color: #212121;
-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;
}

#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(280px, 0, 0);
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
}

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

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

/* ヘッダー */
.shopname {
padding: 20px 20px 15px;
}

.shopname-text {
text-align: center;
margin: 0;
font-size: 142.85714%;
}
.shopname-text a {
font-weight: bold;
color: #212121;
display: block;
}

/* ツールバー */
.toolbar {
background: #555;
-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: 50%;
text-align: center;
border-right: solid 1px #333;
border-left: solid 1px #333;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.toolbar-item a {
font-size: 114.28571%;
display: block;
padding: 18px 0 19px;
color: #fff;
line-height: 1.3;
}
.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;
left: 0;
display: none;
width: 100%;
}
#header--sticky .toolbar-item {
list-style: 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;
}
.toolbar--totop a {
font-size: 100%;
width: 100%;
padding: 22px 0 20px;
line-height: 1;
}
.toolbar--totop a .icon--up_w {
width: 16px;
}

/* フッター */
.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;
  color: #212121;
}

.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;
}

.powered {
font-size: 85.71429%;
color: #212121;
}
.powered img {
width: 195px;
margin: 0 0 -3px 3px;
}

/* ドロワー */
#drawer {
position: fixed;
top: 0;
left: -280px;
overflow-x: hidden;
overflow-y: scroll;
width: 280px;
height: 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(280px, 0, 0);
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 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: 70%;
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: 70%;
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;
}

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

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

.rate {
color: #f44336;
}

.breadcrumblist {
padding: 20px;
}

.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: 85.71429%;
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 0px;
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;
}
.box .box-price--soldout {
margin: 0 0 5px;
color: #f44336;
}
.box .box-caption {
font-size: 85.71429%;
color: #999;
line-height: 1rem;
}

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

.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-price {
font-weight: bold;
margin: 0 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: 100.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 20px;
}

.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: #A32424;
color: #fff;
}

.button--orange {
background: #900
;
color: #fff;
}

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

.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: #bdbdbd;
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;
}

input[type="text"].name-title {
padding: 8px 10px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*
* モーダル
*/
#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;
}