/*-------------------------------------------
デフォルトスタイルをリセット
-------------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  -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}
ul{ -webkit-margin-before:0em;  -webkit-margin-after:0em;  -webkit-margin-start:0px;  -webkit-margin-end:0px;  -webkit-padding-start:0px}
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, h2, h3, h4, h5, h6{ margin:0; padding: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}
pre {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing: 1px;
font-size: 14px;
line-height: 140%;
margin: 2px 5px 8px 5px;
padding: 5px;
}
ol, ul {
margin: 0;
padding: 0;
}
li {
margin: 0;
list-style-type: none;
}
/*-------------------------------------------
共通
-------------------------------------------*/
body {
  background-color: #fff;
  color: #333333;
  font-size: 14px;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic,'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, Droid Sans, Roboto, sans-serif;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
a:active {
  background: rgba(0, 0, 0, 0.1);
}
p {
  line-height: 140%;
  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 (SP)
 */
.header-navigation { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;}
.header-navigation .inner { max-width: 970px; margin: 0 auto; position: relative; clear: both;}
.header-navigation .primaly { height: 50px; background-color: #222;}
.header-navigation .primaly a { color: #fff; text-decoration: none;}
.header-navigation .secondly { border-bottom: 1px solid #222; background-color: #fff;}
.header-search { float: left; padding: 0.75em 0;}
.header-search input { margin-left: 4px;}
.header-login { float: right; padding: 1em; color: #fff;}
.header-cart { float: right; padding: 1em 0;}
.header_nav_global_left { float: left;}
.header_nav_global_right { float: right;}
.header_nav_global_left > li,
.header_nav_global_right > li { float: left; padding: 0.75em 1em;}
.header_nav_global_left > li a,
.header_nav_global_right > li a { text-decoration: none; color: #222;}
.header_nav_global_left > li a:hover,
.header_nav_global_right > li a:hover { color: #888;}
.header_nav_global_box { display: none; position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #222; background-color: #222; z-index: 9999;}
.header_nav_global_box dl { margin: 0; padding: 0;}
.header_nav_global_box dt { float: left; padding: 1em 0; width: 30%; color: #fff; text-align: center;}
.header_nav_global_box dd { float: left; margin: 0; width: 70%; background-color: #fff;}
.header_nav_global_box dd ul { padding: 1em;}
.header_nav_global_box dd ul li { float: left; width: 33%; padding: 5px 0; line-height: 1.4;}
.header_nav_global_box dd ul li:nth-child(3n+1) { clear: both;}
.lookcart { display: none; position: absolute; right: 0; top: 115px;}
.lookcart a { display: block; padding: 1em 0; width: 200px; background-color: #e60705; color: #fff; text-align: center; text-decoration: none; font-weight: bold;}
.lookcart a:hover { background-color: #FBB03B;}
.recent_products > div { float: left; width: 24%; max-width: 100%; font-size: 11px;}
.recent_products > div:nth-child(4n+1){ clear: both;}
#outer {
  overflow-x: hidden;
  max-width: 100%;
  height: auto;
}
#wrapper {
  opacity: 0; /* SPでPCデザインが一瞬表示される対策。※viewportをJSで挿入するしかない為 => common.js */
  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;
}

/* ツールバー */
.toolbar {
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  height: 30px;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e2e2e2;
  border-bottom: 2px solid #333;
}

.toolbar-inner {
  margin: 0;
  padding: 0;
}
.toolbar-item {
  list-style: none;
  float: left;
  width: 25%;
  text-align: center;
  border-right: 1px solid #e2e2e2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toolbar-item a {
  font-size: 9px;
  display: block;
  padding: 5px 0;
  vertical-align: baseline;
  color: #333;
}
.toolbar-item a:active {
  background: rgba(255, 255, 255, 0.1);
}
.toolbar-item a .icon {
  width: 20px;
  margin: 0 10px 0 0;
}
.toolbar-item i {
 font-size: 3em;
 color: #333
}
.toolbar-item i.icon-s {
 font-size: 3em;
}

.button--small, .button {
 border-radius: 0px;
 border: 1px solid #777;
}

#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: 4px 0 2px;
  line-height: 1;
  text-decoration: none;
}
.toolbar--totop a .icon--up_w {
  width: 16px;
}

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

.footer-nav-item {
  border-bottom: solid 1px #ccc;
  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;
}

.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-off { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.open #drawer-off { display: block;}

.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: 1px solid #333;
  padding: 13px;
}
.drawer-accordion-name, .drawer-item-name {
 font-size: 1em;
 padding: 12px;
 text-decoration: none;
}
.drawer-item-name-text {
 font-size: 1em;
}
.drawer-accordion-item a {
 padding: 12px;
 color: #fff;
 text-decoration: none;
}

/*
 * product
 */
.regular {
  text-decoration: line-through;
  color: #aaa;
}
.price {
    color: #ff2600;
    font-weight: bold;
    font-family: Verdana;
    font-size: 88%;
    line-height: 2em;
    float: left;
    width: 100%;
}
.ranking-box .price {
    font-weight: bold;
    font-family: Verdana;
    font-size: 88%;
    line-height: 3em;
    text-align: center;
    float: left;
    width: 100%;
}

.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 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;
}
.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: 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 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: #2196f3;
  color: #fff;*/
  background: #e2e2e2;
  color: #777;
}
.button--orange {
  background: #ff6f00;
  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%;*/
  font-size: 1em;
  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;*/
  font-size: 100%;
  padding: 0px 4px;
  -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;*/
  height: 39px;
}
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;
}

/* 共通CSS追加 */
.hd_title {
 color: #043c78;
 text-indent: 3px;
 font-weight: bold;
 font-size: 1em;
 border-top: 2px solid #043c78;
 background: linear-gradient(to bottom, #fff 0%, #eee 100%);
 padding: 6px;
 border-bottom: 1px solid #e2e2e2;
}
.foot-toolbar {
 background: linear-gradient(to bottom, #fff 0%, #eee 100%);
 overflow: hidden;
 border-top: 2px solid #333;
 border-bottom: 1px solid #e2e2e2;
 margin-bottom: 15px;
 box-shadow: 0 15px #efefef;
}
.foot-toolbar-item {
 width: 20%;
}
.footer-nav-item {
  list-style: none;
  width: 50%;
  float: left;
  background-color: #fff;
}
.footer-nav-item a {
 border-right: solid 1px #ccc;
 font-size: 0.8em;
 padding: 15px 9px !important;
}
.footer-nav-item-icon i {
 color: #ccc;
}
ul.footer-nav {
 border-top: 1px solid #ccc;
}
.copyright {
 font-size: 0.5em;
 margin: 0 !important;
}

#footer .section-inner {
 padding: 0;
}
.switch {
 font-size: 0.8em;
}
.section--address {
 padding: 10px !important;
}
.section--search .section-inner, .section--free .section-inner, .section--push .section-inner {
  padding: 20px 20px 15px;
}

.bxslider02 li a {
 font-size: 88%;
 display: block !important;
 overflow: hidden !important;
}
.bxslider02 li a.rtitle {
 height: 50px;
}
.bxslider02 li a.rimg {
 height: 100px;
}
.pb-10 {
 padding-bottom: 10px;
}
.pb-20 {
 padding-bottom: 20px;
}
.mb-5 {
 margin-bottom: 5px;
}
#contentg {
 padding-bottom: 35px;
}
#contentg .bx-wrapper .bx-viewport {
 height: 153px !important;
 margin-top: 5px;
}
.slider {
 padding-bottom: 15px;
}
#ranking .bx-wrapper .bx-viewport {
 padding-top: 5px;
}
.fp-icon {
 margin-left: 39px;
}

/* ---------------- フリーページ用設定 ------------------- */
.fp-content {
 padding: 10px;
}
.voice_hd {
 padding: 10px;
 background-color: #fff3b8;
 color: #bf0000;
}
.voice_hd i {
 margin-right: 5px;
}
.voice_hd span {
 margin-left: 10px;
}
/* ------------------- プライバシーポリシー ---------------- */
#privacy {
 padding: 10px;
}
/* ------------------- 久一スペシャルここから ---------------- */


/* チェックマーク付き見出し */
.content_banner_check {
background: url(https://img21.shop-pro.jp/PA01354/860/etc/check_mark_h32.png?cmsp_timestamp=20160514113002) no-repeat;
letter-spacing: 1px;
clear:both;
color: #4B4B4B;
font-size:16px;
margin: 10px 0 0 0;
padding: 3px 0 0 40px;
line-height: 34px;
font-weight: bold;
}

/* セレクトマーク付き見出し */
.content_banner_selection {
background: url(https://img21.shop-pro.jp/PA01354/860/etc/select_mark_h32.png?cmsp_timestamp=20160514120255) no-repeat;
letter-spacing: 1px;
clear:both;
color: #4B4B4B;
font-size:16px;
margin: 10px 0 0 0;
padding: 2px 0 0 40px;
line-height: 34px;
font-weight: bold;
}

/* 大見出し */
.content_paragraph_banner {
background: url(https://img21.shop-pro.jp/PA01354/860/etc/content_paragraph_banner.png?cmsp_timestamp=20160514122641) no-repeat;
letter-spacing: 1px;
clear:both;
color: #fffff9;
font-size:18px;
margin: 40px 0 0 0;
padding: 1px 0 0 15px;
line-height: 38px;
font-weight: bold;
}

/* フリーページのコンテンツ説明文 */
.content_text {
  clear:both;
  margin-left: 0px;
  margin-right: 40px;
  font-size: 16px;
  line-height: 2;
}
/* フリーページのコンテンツ説明文(1段インデント) */
.content_text_l1 {
  clear:both;
  margin-left: 20px;
  margin-right: 40px;
  font-size: 16px;
  line-height: 2;
}

.f_content_apeal{
    color:#0000cd;
    font-weight: bold;
}

.f_content_highlight{
    font-weight: bold;
}

table.matrix_tbl {
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.5;
width: 100%;
margin: 0 0 15px 0;
padding: 0px;
border: 1px solid #AAAAAA;
border-collapse: collapse;
border-spacing: 0px;
background-color: #fff;
}
table.matrix_tbl caption {
display: none;
}
table.matrix_tbl {
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.5;
border-collapse: collapse;
border-spacing: 0px;
}
table.matrix_tbl th {
text-align: center;
font-weight: bold;
padding: 5px;
border-left: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
background-color: #EEEEEE;
text-align : center;
}
table.matrix_tbl td {
font-weight: normal;
margin: 0px;
padding: 5px;
border-left: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
text-align : center;
}
.media-container {
  clear: both ;
  margin: 0px;
  padding: 0px;
}
.media-pict {
    width:300px;
    position:relative ;
    float: left;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.media-pict-title {
    width:300px;
    font-size: 10px;
    font-style: italic;
    margin-left: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-shadow: white 1px 1px 0px ;
}
.media-desc {
    width:300px;
    float: right;
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.5;
    color:  #001e43;
}

/* ランキング一覧の商品価格の下に「簡易説明」の内容表示　*/
.campain {
	margin-top: 15px;
  /* color: #ff0000;
	font-size: 16px;
	line-height:130%;
	font-weight: bold;　*/
}
#overlay_banner {
    height: auto;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

#close_button {
    position: absolute;
    top: 0;
    right: 0;
}

#line_banner img {
    height: auto;
    width: 100%;
}

#news {
    /*display: none;*/
    width: 100%;
    /* height: 23px; */
    background-color: #717070;
    padding: 4px 0;
    text-align: center;
    font-size: 90%;
    color: #FFFFFF;
    border: 1px solid #333;
}
#news p {
    margin: 0;
    padding: 0;
}

/*コンタクトフォーム装飾*/
.contact_form{
background-color: #333;
color:#fff ;
text-align: center ;
padding: 10px;
position: relative;
}

#contact_tenshu img {
    width: 90px;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

#conml {
    margin: 10px 0 0 0;
    display: inline-block;
}

#contel {
    width: 200px;
    display: inline-block;
  margin: -5px 0 0 0;
}


.fu-red{
position: relative;/* 配置 */
margin: 0 0 1.5em;/* 余白設定 上右下左の順 */
padding: 0.4em;/* 枠線の内側余白設定 「上下」「左右」の順 */
background: #F70841;/*  */
color: #fff;
font-size: 130%;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.fu-red:after{
position: absolute;
bottom: -15px;
left: 10%;
z-index: 90;
margin-left: -15px;
border-top: 15px solid #F70841;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 0;
content: """""""";
}
.fu-navy{
position: relative;/* 配置 */
margin: 0 0 1.5em;/* 余白設定 上右下左の順 */
padding: 0.4em;/* 枠線の内側余白設定 「上下」「左右」の順 */
background: #003399;/*  */
color: #fff;
font-size: 130%;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.fu-navy:after{
position: absolute;
bottom: -15px;
left: 10%;
z-index: 90;
margin-left: -15px;
border-top: 15px solid #003399;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 0;
content: """""""";
}
.fu-2 {
    display:block;
    margin:5px 0 0 8px;
    color:#fff;
    font-size:70%;
    font-weight:400;
}

/* ____ テキストカラー ____ */
.red {
color: #CC0000;
}
.blue {
color: #0066CC;
}
.grn {
color: #008000;
}
.ora {
color: #FF9900;
}
.gry {
color: #999999;
}
.yell {
color: #000000;
background-color: #F7FF72;
}
.yell-bg {
background-color: #FFFFF4;
}
.yell-bdr {
border: 1px solid #CCCC00;
margin: 10px;
padding: 10px;
}
/*___________ レイアウト設計 ___________ */
/*___________ 【h1】 ___________ */
#WRAP-H1 {
margin: 0;
padding: 0;
}
/*___________ 【TOP】 ___________ */
#WRAP-TOP {
margin: 0;
padding: 0;
}
#wrap-h1-outer {
display: none;
color: #fcfcfc;
background: #6c6a6a;
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
#WRAP-TOP a:hover img {
filter: alpha(opacity=70);
opacity:0.7;
}

#LOGO { margin: 0 5rem; width: auto; padding:0; text-align: center;}
#LOGO img { margin: 0;}
#LOGO h1 { margin: 0; padding: 0;}
#LOGO a {
font-size: 28px;
line-height: 240%;
text-decoration: none;
font-style: italic;
font-weight: bold;
}
/* .btn-top01 {
position: absolute;
top: 0px;
right: 250px;
text-align: right;
width: 150px;
}
.btn-top02 {
position: absolute;
top: 26px;
right: 10px;
}
.btn-top03 {
    position: absolute;
    top: 40px;
    right: 250px;
    text-align: right;
}
.btn-top04 {
    position: absolute;
    top: 0px;
    right: 5px;
    text-align: right;
} */
.btn-top03 { display: none;}
.btn-top04 { display: none;}
/*___________ 【MENU】 ___________ */
#WRAP-MENU {
display: none;
margin: 0;
padding: 0;
}
#WRAP-MENU a:hover img {
filter: alpha(opacity=70);
opacity:0.7;
}
.menu {
float: left;
margin: 0;
width: 20%;
}
/*___________ 【MAIN】 ___________ */
#WRAP-MAIN {
margin: 0;
padding: 0;
/* background: url('背景画像URLを指定') no-repeat center center; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#MAIN {
max-width:970px;
margin:0 auto;
background-color: #ffffff;
}

/*___________ 【CONTENTS】基本設計 ___________ */
/* タイトルバー */
.headline {
    text-align: center;
    padding: 5px;
    background: #EEEEEE;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 16px;
    font-size: 1.3rem;
    margin: 10px 0 0 0!important;
}
.headline:first-child { margin-top: 0;}

.headline::before {
    content: "◆";
    font-size: 11px;
    font-size: 1.1rem;
    margin-right: 5px;
}

.headline span {
    font-size: 10px;
    font-weight: normal;
    margin-left: 10px;
}
.pan {
color: #666666;
background-color: #F2F2F2;
margin: 2px 5px 8px 0px;
font-size:11px;
}


.main-content h2 a {
display: block;
color: #4B4B4B;
text-decoration: none;
}
.main-content h2 a:visited {
color: #4B4B4B;
text-decoration: none;
}
.main-content h2 a:hover,
.main-content h2 a:active,
.main-content h2 a:focus {
color: #4B4B4B;
text-decoration: none;
}
.con_h2 {
background: url(https://img07.shop-pro.jp/PA01263/944/etc/contents_h2.gif) no-repeat;
letter-spacing: 1px;
clear:both;
color: #4B4B4B;
font-size:14px;
margin: 30px 0 0 0;
padding: 1px 0 0 15px;
line-height: 32px;
font-weight: bold;
}
.main-content h3 {
margin: 0 0 1em;
font-weight: bold;
letter-spacing: 1px;
}
.main-content h3 a {
display: block;
color: #333333;
text-decoration: none;
}
.main-content h3 a:visited {
color: #333333;
text-decoration: none;
}
.main-content h3 a:hover,
.main-content h3 a:active,
.main-content h3 a:focus {
color: #333333;
text-decoration: none;
}
.main-content h4 {
letter-spacing: 1px;
clear:both;
color: #333333;
background-color: #F2F2F2;
font-size:12px;
margin: 20px 10px 0 0;
padding: 6px 0 6px 10px;
}
.pagetop {
text-align: right;
margin-top: 40px;
}

/*___________ 【CONTENTS】ページ送り ___________ */
.bute {
font-size: 12px;
line-height: 120%;
text-align: center;
}
.bute a {
text-decoration: none;
margin: 0;
color: #0066CC;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px 6px 4px 6px;
}
.bute a:hover,
.bute a:active,
.bute a:focus {
color: #FFFFFF;
background-color: #0066CC;
border: 1px solid #CCCCCC;
}
/*___________ 【CONTENTS】表設計 ___________ */
.main-table table {
width: 100%;
margin: 10px auto 10px auto;
padding: 0;
background-color: #CCCCCC;
font-size: 12px;
}
.main-table tr,.main-table th,.main-table td {
padding: 8px;
}
.main-table th {
color: #000000;
background-color: #EBEBEB;
font-weight: normal;
border: 1px solid #ccc;
}
.main-table td {
background-color: #ffffff;
border: 1px solid #ccc;
}
.main-table2 table {
margin: 10px auto 10px auto;
padding: 0;
border-collapse:separate;
border-spacing: 1px;
width:92%;
background-color: #CCCCCC;
font-size: 12px;
}
.main-table2 tr,.main-table2 th,.main-table2 td {
padding: 8px;
}
.main-table2 th {
color: #000000;
background-color: #EBEBEB;
font-weight: normal;
}
.main-table2 td {
background-color: #ffffff;
}
.main-table2 table div {
float:left;
}
.w50 {
width:50px;
}
.w120 {
width:120px;
}
.w140 {
width: 140px;
}
.w180 {
width:180px;
}
/*___________ 【SIDE】 ___________ */
#SIDE {}
.search-block { margin-bottom: 10px;}
.search-block br { display: none;}
.cat01 li {
margin: 0;
padding: 0;
}
.cat01 li a {
display: block;
margin: 0;
padding: 0 0 0 18px;
color: #504A46;
text-decoration: none;
line-height: 22px;
}
.cat01 li a:visited {
color: #504A46;
text-decoration: none;
}
.cat01 li a:hover,
.cat01 li a:active,
.cat01 li a:focus {
background-position: 4px center;
color: #CC0000;
background-color: #F7F7F7;
}
.side-cat {
margin: 0 0 8px 0;
padding: 0;
}
.side-cat h3 {
margin: 0;
padding: 5px 6px 4px 9px;
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
color: #d2691e;
font-weight: bold;
font-size: 13px;
}
.cat02 {
}
.cat02 li {
margin: 0;
padding: 0;
border-left: solid 1px #E4E4E4;
border-bottom: solid 1px #E4E4E4;
border-right: solid 1px #E4E4E4;
font-size: 12px;
line-height: 140%;
}
.cat02 li a {
display: block;
padding: 5px 6px 4px 9px;

color: #504A46;
text-decoration: none;
}
.cat02 li a:hover,
.cat02 li a:active,
.cat02 li a:focus {
color: #CC0000;
background-color: #F7F7F7;
}
/*___________ 【カートの中身を表示】 ___________ */
#CART {
display: none;
margin: 0 0 8px 0;
padding: 0;
}
#CART p {
line-height: 140%;
margin: 2px 3px 2px 3px;
padding: 2px 5px 2px 5px;
}
.cart-side {
margin: 0;
padding: 8px 8px 10px 8px;
border-left: solid 2px #E84E4E;
border-bottom: solid 2px #E84E4E;
border-right: solid 2px #E84E4E;
}
/*___________ 【FOOTER】 ___________ */
#F-MENU {
display: none;
margin: 0;
padding: 20px 0 0 20px;
/* background-color: #523327; */
background-color: #666;
color: #ffffff;
}
.f-menu {
width:950px;
margin:0 auto;
text-align: left;
}
.f-menu p {
font-size: 11px;
line-height: 140%;
}
.a-li03 a {
display: block;
margin: 4px 0 0 0;
padding: 2px 0 1px 18px;
color: #ffffff;
text-decoration: none;
}
.a-li03 a:visited {
color: #ffffff;
text-decoration: none;
}
.a-li03 a:hover,
.a-li03 a:active,
.a-li03 a:focus {
color: #CC0000;

}
#FOOTER {
margin: 0;
padding: 10px 0 10px 0;
color: #ffffff;
background-color: #412C23;
}
#FOOTER p {
font-size: 10px;
margin: 0;
padding: 0;
text-align: center;
}
/*___________ 固定設定 ___________ */
.clear {clear:both;}
/* ____ テキスト設定 ____ */
em{font-style:normal; font-weight:bold}
.b{font-weight:bold}
.s{text-decoration:line-through}
/* .u{text-decoration:underline} */
.f11{font-size:11px; line-height:130%}
.f12{font-size:14px; line-height:140%}
.f14{font-size:14px; line-height:140%}
.f16{font-size:16px; line-height:140%}
.f18{font-size:18px; line-height:140%}
.f24{font-size:24px; line-height:140%}
.f28{font-size:28px; line-height:140%}
.txt-r{text-align:right}
.txt-l{text-align:left}
.center{text-align:center}

/* ____ 画像設定 ____ */
img{border:0}
.flo-l{float:left; margin-right:6px}
.flo-r{float:right; margin-left:6px; font-size: 0.8em;}
.img-m{vertical-align:middle}
.img-o a:hover img{filter:alpha(opacity=70); opacity:0.7}

/* ____ 余白設定 ____ */
.ma10{margin:10px}
.ma20{margin:20px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.mt60{margin-top:60px}
.mr8{margin-right:8px}
.mr10{margin-right:10px}
.mr16{margin-right:16px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mb20{margin-bottom:20px}
.ml01{margin-left:1px}
.ml10{margin-left:10px}
.ml16{margin-left:16px}
.ml20{margin-left:20px}
.ml21{margin-left:21px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}

/*___________ box設定 ___________ */
.box80{width:80px; float:left}
.box80 a img{border:solid 1px #E8E8E8}
.box80 a:visited img{border:solid 1px #E8E8E8}
.box80 a:hover img,
.box80 a:active img,
.box80 a:focus img{border:solid 1px #C3C3C3}
.box110{text-align:center; width:220px; float:left}
.box120{width:120px; height:355px; float:left}
.box120 a img{border:solid 1px #E8E8E8}
.box120 a:visited img{border:solid 1px #E8E8E8}
.box120 a:hover img,
.box120 a:active img,
.box120 a:focus img{border:solid 1px #C3C3C3}
.box140{width:140px; float:left}
.box160{width:160px; float:left}
.box160 a img{border:solid 1px #E8E8E8}
.box160 a:visited img{border:solid 1px #E8E8E8}
.box160 a:hover img,
.box160 a:active img,
.box160 a:focus img{border:solid 1px #C3C3C3}
.box180{width:180px; float:left}
.box200{width:200px; float:left}
.box220{width:220px; float:left}
.box240{width:240px; float:left}
.box300{width:300px; float:left}
.box320{width:320px; float:left}
.box360{width:360px; float:left}
.box420{width:420px; float:left}
.box460{width:460px; float:left}
.boxh200{height:200px}
.boxh260{height:260px}
.boxh360{height:360px}

/*___________ 【ichange】 ___________ */
.ichange li{display:inline;}
/*___________ blog【CONTENTS】 ___________ */
.entry hr {margin: 0 10px;}
.entry_body {
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}


/*___________ カスタマイズ設定  ___________ */

.btn-top01 a {
 margin-left: 10px;
}
.cart_check {
 float: right;
}
#MENU img {
 border-left: 1px solid #ccc;
}
#MENU img.last {
 border-right: 1px solid #ccc;
}
#MENU {
 max-width: 970px;
 height: 40px;
 margin: 0 auto;
}

.cat02 li div {
display: block;
padding: 5px 6px 4px 9px;
background-color: #F7F7F7;
color: #504A46;
}
.cat02 li:first-child div {
 border-top: solid 1px #E4E4E4;
}
.souryou {
 margin-bottom: 10px;
}
.cat02 li {
font-size: 13px;
}
.cat02 li a.catgroup {
padding:0;
margin-bottom: 2px;
border: none;
}
.cat_model {
 margin-top: 10px;
}
.cat02 li a.model {
 margin-top: 2px;
 padding: 0;
 border: none;
}
.cat02 li a.info {
 margin-top: 4px;
 padding: 0;
 border: none;
}
.cat02 li a.blog {
 margin-top: 10px;
 padding: 0;
 border: none;
}
#MANAGER {
 background-color: #f3f0fc;
}
.cat_model {
margin-top: 20px;
}
#F-MENU {
margin: 0;
padding: 20px 0px 0px 0px;
color: #dad7d7;
background: #6c6a6a;
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-repeat: repeat, no-repeat;
border-top: 1px solid rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .3);
text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
overflow: hidden;
}
#F-MENU .box180 a {
color: #dad7d7;
}
#F-MENU .box180 a:hover {
color: #FFF;
}
#F-MENU hr {
margin: 20px auto;
width: 100%;
height: 0;
border: 0;
border-top: 1px solid rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(255,255,255,0.2);
}
#FOOTER {
margin: 0;
padding: 0;
color: #dad7d7;
background:none;
}
.a-li03 a {
background: url(https://img07.shop-pro.jp/PA01263/172/etc/arrow.gif?202507070806) no-repeat 2px 5px;
text-decoration: none;
}
.a-li03 a:hover {
text-decoration:none;
}
#VIDEO ul li {
list-style:none;
float: right;
margin: -100px 0 15px 0px;
}
#VIDEO li a {
background: none;
text-decoration:none;
}

/* フリーページ */
#USERVOICE .review {
 margin-top: 20px;
 height: 520px;
 background: url('https://img07.shop-pro.jp/PA01263/172/etc/hd_voiceh3_bg.png?2037090559') no-repeat;
}
#USERVOICE img {
 width: 340px;
 margin-left: 10px;
 border: solid 1px #ccc;
 float: left;
}
#USERVOICE .buy_info img.btn {
 margin: 20px auto;
 width: 220px;
 height: 53px;
}
#USERVOICE .buy_info {
 margin-left: 10px;
 padding-left: 20px;
 width: 300px;
 float: left;
}
#USERVOICE .buy_info img {
 margin: 0 auto;
 border: none;
 width: 200px;
 height: 200px;
}
.hd :before, .hd:after {
content: "";
display: block;
overflow: hidden;
}
.main-content .hd {
 height: 50px;
 margin-bottom: 10px;
 padding: 10px 0px 0px 40px;
}
.main-content .review h3 {
 color: #d7443f;
 font-size: 16px;
text-indent: 10px;
width: 480px;
}
.review .hd h3 , .review .hd p {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.main-content .review .hd p {
 width: 170px;
 color: #d7443f;
 font-size: 14px;
}
.buy_info span.name {
 display: block;
 font-size: 18px;
}
.buy_info p {
display: table-cell;
vertical-align: middle;
font-size: 20px;
margin: 0;
}
.buy_info p span {
 font-size: 14px;
}
a:hover img.rollover {
filter: alpha(opacity=70);
opacity:0.7;
}

.c {
  color: #3582e7 ; /* 文字カラー */
  background: #e0f0f2;  /* 背景 */
  font-size: 16pt ; /* 文字サイズ */
  line-height: 1;
  margin:10px 0px;
  padding: 5px 15px 3px 10px; /* 枠線の内側余白設定 上右下左の順 */
  box-shadow:1px 3px 7px 0px #666666 ;  /* 影 水平、垂直、ぼかし、太さの順　色 */
  border-bottom:3px solid #a1a599;  /* 枠サイズ、枠色 */
  border-radius: 5px ; /* 枠 角丸 */
}
.d {
  margin: 10px 0 0 0; /* 枠線の外側余白設定 上右下左の順 */
  padding: 6px 10px 5px 10px; /* 枠線の内側余白設定 上右下左の順 */
  font-size: 120%; /* 文字サイズ */
  border-left: 3px solid #8f9e93; /* 左側枠線 */
  border-bottom: 1px solid #8f9e93; /* 下側枠線 */
}
.e {
background:url(https://img05.shop-pro.jp/PA01316/291/etc/%A5%C1%A5%A7%A5%C3%A5%AF%A5%DC%A5%C3%A5%AF%A5%B91.gif?20150411153103) no-repeat left center;
padding-left:30px; /* 画像の分だけ左に余白を確保する */
}
.g {
  color: #f14dd6 ; /* 文字カラー */
  background: #e0f0f2;  /* 背景 */
  font-size: 16pt ; /* 文字サイズ */
  line-height: 1;
  margin:10px 0px;
  padding: 5px 15px 3px 10px; /* 枠線の内側余白設定 上右下左の順 */
  box-shadow:1px 3px 7px 0px #666666 ;  /* 影 水平、垂直、ぼかし、太さの順　色 */
  border-bottom:3px solid #a1a599;  /* 枠サイズ、枠色 */
  border-radius: 5px ; /* 枠 角丸 */
}


.slider { overflow: hidden;}
.slider .slider-inner { max-width: 970px; margin: 0 auto;}
.slider .bx-wrapper{ margin-bottom:30px}
.slider .bx-wrapper .bx-viewport { left: auto; border: none; overflow: visible!important; box-shadow:none;}
.slider .bx-wrapper .bx-controls-direction a { display: block; top: 0; margin-top: 0; height: 100%; width: 100%; text-indent: 0; background: rgba(255, 255, 255, 0.7);}
.slider .bx-wrapper .bx-controls-direction a:hover { }
.slider .bx-wrapper .bx-prev { left: auto; right: 100%; }
.slider .bx-wrapper .bx-prev .fa { position: absolute; right: 10px; top: 50%; transform:translateY(-50%); color: #222;}
.slider .bx-wrapper .bx-next { left: 100%; right: auto; }
.slider .bx-wrapper .bx-next .fa { position: absolute; left: 10px; top: 50%; transform:translateY(-50%); color: #222;}
.slider .bx-wrapper .bx-pager{ padding-top:10px;  bottom:-20px}


#TOP { padding: 0; max-width: 970px; margin:0 auto; position: relative;}
#TOP .sb-toggle-left { display: block; margin-top: -1rem; width: 2rem; height: 2rem; position: absolute; top: 50%; left: 1rem; padding: 0;}
#TOP .menutext { display: block; margin-top: -1rem; width: 2rem; height: 2rem; position: absolute; top: 50%; right: 1rem; padding: 0;}

#SIDETOPIC1 li,
#SIDETOPIC2 li { float: left; width: 46%; margin:3% 2% 0 2%;}
#SIDETOPIC1 li:nth-child(2n+1),
#SIDETOPIC2 li:nth-child(2n+1){ clear: both;}
#SIDETOPIC1:after,
#SIDETOPIC2:after { content: ''; display: table; clear: both;}
#footer { display: block;}
.headline { margin-bottom: 0;}

/*
 * media sp
 */
@media screen and (max-width: 767px) {
html { font-size: 3.125vw;}
.slide { display: none;}
.search-block .flo-r { float: none; text-align: center; margin: 0 0 1em;}
.side-group { display: none;}
.main-table th { width: 20%;}
}
/*
 * media pc
 */
@media screen and (min-width: 767px) {
#TOP { padding-top: 110px; position: relative;}
#TOP .sb-toggle-left,#TOP .menutext { display: none;}
#CART { display: block;}
#header--sticky { display: none!important;}
#wrap-h1-outer { display: block;}
#LOGO { margin:0; width: 41.3%; text-align: left;}
#LOGO img { margin: 0 0 10px;}
.header-navigation { display: block;}
#WRAP-MAIN { padding: 16px 0 0 0;}
#SIDE { width: 21.4%;float:left; margin-left: 2%;}
#SIDETOPIC1 li, #SIDETOPIC2 li { float: none; margin: 0; width: auto;}
.search-block br { display: inline;}
.main-content { width:71.2%;float: right;margin-right: 2%;}
#overlay_banner { display: none;}
.lookcart { display: block;}
.recent_products > div { max-width: 80px; width: 11.5%;  margin-left: 1%;}
.recent_products > div:nth-child(4n+1){ clear: none;}
#footer { display: none;}
#F-MENU { display: block;}
}

/*
 * デバイス毎に表示・非表示
 */
@media screen and (max-width: 767px) {
.sphide { display: none;}
}
@media screen and (min-width: 767px) {
.pchide { display: none;}
}


/* Q&A */
#QandA-2 {
    width: 100%;
    font-family: メイリオ;
    font-size: 14px; /*全体のフォントサイズ*/
}
#QandA-2 h3 {
    font-size: 16px;
    margin-top: 32px;
}
#QandA-2 dl {
    border: 1px solid #ccc;
}
#QandA-2 dt {
font-weight: bold;
    color: #bf0000;
    background: #f4f4f4; /* 「Q」タイトルの背景色 */
    padding: 8px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
    border-top: none;
}
#QandA-2 dt:before {
    content: "Q.";
    font-weight: bold;
    margin-right: 8px;
}
#QandA-2 dd {
    padding: 16px 16px 24px 30px;
    margin: 0;
    line-height: 140%;
}
#QandA-2 dd:first-line {
    color: #111;
}
#QandA-2 dd:before {
    content: "A.";
    font-weight: bold;
    margin-right: 8px;
    margin-left: -21px;
}

/* スライダー下の丸サイズ */
.bx-wrapper .bx-pager.bx-default-pager a{
    width: 5px !important;
    height: 5px !important;
}

/* スマホランキング内テキストサイズ */
@media screen and (max-width: 767px) {
.popularity .body {
    font-size: 0.8em !important;
}
}