@import "https://fonts.googleapis.com/css?family=Stardos+Stencil:400,700";

@charset "EUC-JP";
/*$imgPath: '/PHANTOMweb/images/';
$fontPath: '/PHANTOMweb/fonts/';*/
/* colors 基本 */
/* clearfix */
/* web font */
/* font-size / line-height */
/* heading */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  /*font-family: sans-serif;*/
  /* 1 */
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic; 
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*****************************************************

基本設定、リンクカラーなど

*****************************************************/
/* web font icon */
@font-face {
  font-family: 'icomoon';
  src: url("/design/PHANTOMweb/fonts/icomoon.eot?ijia0h");
  src: url("/design/PHANTOMweb/fonts/icomoon.eot?ijia0h#iefix") format("embedded-opentype"),
   url("/design/PHANTOMweb/fonts/icomoon.ttf?ijia0h") format("truetype"),
   url("/design/PHANTOMweb/fonts/icomoon.woff?ijia0h") format("woff"),
   url("/design/PHANTOMweb/fonts/icomoon.svg?ijia0h#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-grid:before {
  content: "\e912";
}

.icon-arrow-down:before {
  content: "\e913";
}

.icon-arrow-up:before {
  content: "\e914";
}

.icon-search:before {
  content: "\e90d";
}

.icon-home:before {
  content: "\e90e";
}

.icon-bin:before {
  content: "\e90f";
}

.icon-hart:before {
  content: "\e90b";
}

.icon-checkout:before {
  content: "\e90c";
}

.icon-crown:before {
  content: "\e909";
}

.icon-arrow01:before {
  content: "\e902";
}

.icon-arrow02:before {
  content: "\e903";
}

.icon-cart:before {
  content: "\e904";
}

.icon-key:before {
  content: "\e905";
}

.icon-mypage:before {
  content: "\e906";
}

.icon-plus01:before {
  content: "\e907";
}

.icon-plus02:before {
  content: "\e908";
}

.icon-mail:before {
  content: "\e90a";
}

.icon-icon-ig:before {
  content: "\e900";
}

.icon-icon-fb:before {
  content: "\e901";
}

.icon-list:before {
  content: "\e910";
}

.icon-menu:before {
  content: "\e911";
}

/* opacity */
#l-shopinfo .news-btn a:hover, .categoryL-block .categoryL-heading-wrap .categoryL-btn a:hover, #pagetop {
  opacity: 0.7;
  -ms-filter: "alpha(opactiy=70";
  filter: alpha(opacity=70);
}

html {
  font-size: 62.5%;
}

html, body {
  height: 100%;
}

body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

#wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

#wrapper, #makebanner, #topImage {
  max-width: 960px;
  margin: 0 auto;
}

#wrapper {
  margin-bottom: 200px;
}

#header-wrapper {
  margin-top: header-wrapper 0px;
}

#makebanner {
  width: auto;
}

#leftContents {
  width: 220px;
}

.rightContents {
  width: 720px;
  text-align: left;
  margin-left: 10px;
}

#footerWrap {
  width: 100%;
  background: #044da7;
}

#footer {
  max-width: 960px;
  margin: 0 auto;
}

/* heading */
.heading-title01, .heading-title01-f-all, #r_group h3 {
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0f0f0f;
  font-weight: normal;
  font-size: 24px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  display: block;
  margin: 10px 0 10px 0;
  padding: 3px;
  padding: .3rem;
  position: relative;
  border-bottom: 3px solid #bd0a16;
}
.heading-title01::after, .heading-title01-f-all::after, #r_group h3::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 3px;
  background-color: #044da7;
}
.heading-title01 span, .heading-title01-f-all span, #r_group h3 span {
  font-weight: normal;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 30px;
  vertical-align: middle;
}

.heading-title01-f-all {
  font-size: 26.25px;
}

.heading-title-bg01 {
  font-weight: normal;
  padding: 10px;
  background: #e6e6e6;
}

h1.heading-title01, h1.heading-title01-f-all {
  font-size: 28px;
  font-size: 28px;
  font-size: 2.8rem;
  position: relative;
  border-bottom: 5px solid #bd0a16;
}
h1.heading-title01::after, h1.heading-title01-f-all::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 5px;
  background-color: #044da7;
}
h1.heading-title01 span, h1.heading-title01-f-all span {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

.heading-title02 {
  line-height: 1.2;
  margin: 0 0 10px 0;
  padding: .3em .5em;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ccc;
}

/* 商品一覧 */
#r_new > table, #r_new #recent, #r_recommend > table, #r_recommend #recent, #r_recent > table, #r_recent #recent, #r_group > table, #r_group #recent {
  box-sizing: border-box;
  width: auto;
}
#r_new td, #r_recommend td, #r_recent td, #r_group td {
  vertical-align: top;
}
#r_new td.line img, #r_recommend td.line img, #r_recent td.line img, #r_group td.line img {
  display: none;
}
#r_new td.lims, #r_new td.itemBox, #r_recommend td.lims, #r_recommend td.itemBox, #r_recent td.lims, #r_recent td.itemBox, #r_group td.lims, #r_group td.itemBox {
  width: 180px !important;
  padding: 0 3.5px;
  box-sizing: border-box;
}
#r_new td.lims table tr:first-child td, #r_new td.itemBox table tr:first-child td, #r_recommend td.lims table tr:first-child td, #r_recommend td.itemBox table tr:first-child td, #r_recent td.lims table tr:first-child td, #r_recent td.itemBox table tr:first-child td, #r_group td.lims table tr:first-child td, #r_group td.itemBox table tr:first-child td {
  height: auto;
}
#r_new td.lims table tr:first-child td img, #r_new td.itemBox table tr:first-child td img, #r_recommend td.lims table tr:first-child td img, #r_recommend td.itemBox table tr:first-child td img, #r_recent td.lims table tr:first-child td img, #r_recent td.itemBox table tr:first-child td img, #r_group td.lims table tr:first-child td img, #r_group td.itemBox table tr:first-child td img {
  max-width: 100%;
  width: 100%;
  height: inherit;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}
#r_new td.lims table td .name, #r_new td.itemBox table td .name, #r_recommend td.lims table td .name, #r_recommend td.itemBox table td .name, #r_recent td.lims table td .name, #r_recent td.itemBox table td .name, #r_group td.lims table td .name, #r_group td.itemBox table td .name {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
}
#r_new td.lims table td .name a, #r_new td.itemBox table td .name a, #r_recommend td.lims table td .name a, #r_recommend td.itemBox table td .name a, #r_recent td.lims table td .name a, #r_recent td.itemBox table td .name a, #r_group td.lims table td .name a, #r_group td.itemBox table td .name a {
  color: #044da7;
}
#r_new td.lims table td .price .taxprice, #r_new td.itemBox table td .price .taxprice, #r_recommend td.lims table td .price .taxprice, #r_recommend td.itemBox table td .price .taxprice, #r_recent td.lims table td .price .taxprice, #r_recent td.itemBox table td .price .taxprice, #r_group td.lims table td .price .taxprice, #r_group td.itemBox table td .price .taxprice {
  text-align: left;
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #bd0a16;
  padding-top: 5px;
}
#r_new td.lims table td .price .taxprice span, #r_new td.itemBox table td .price .taxprice span, #r_recommend td.lims table td .price .taxprice span, #r_recommend td.itemBox table td .price .taxprice span, #r_recent td.lims table td .price .taxprice span, #r_recent td.itemBox table td .price .taxprice span, #r_group td.lims table td .price .taxprice span, #r_group td.itemBox table td .price .taxprice span {
  text-align: right;
  font-size: 12px;
  vertical-align: baseline;
}
#r_new td.lims table .woong td, #r_new td.itemBox table .woong td, #r_recommend td.lims table .woong td, #r_recommend td.itemBox table .woong td, #r_recent td.lims table .woong td, #r_recent td.itemBox table .woong td, #r_group td.lims table .woong td, #r_group td.itemBox table .woong td {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
}
#r_new td.lims table .woong td a, #r_new td.itemBox table .woong td a, #r_recommend td.lims table .woong td a, #r_recommend td.itemBox table .woong td a, #r_recent td.lims table .woong td a, #r_recent td.itemBox table .woong td a, #r_group td.lims table .woong td a, #r_group td.itemBox table .woong td a {
  color: #044da7;
}
#r_new td.lims table .woong td .taxprice, #r_new td.itemBox table .woong td .taxprice, #r_recommend td.lims table .woong td .taxprice, #r_recommend td.itemBox table .woong td .taxprice, #r_recent td.lims table .woong td .taxprice, #r_recent td.itemBox table .woong td .taxprice, #r_group td.lims table .woong td .taxprice, #r_group td.itemBox table .woong td .taxprice {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #bd0a16;
  padding-top: 5px;
}
#r_new td.lims table .woong td .taxprice span, #r_new td.itemBox table .woong td .taxprice span, #r_recommend td.lims table .woong td .taxprice span, #r_recommend td.itemBox table .woong td .taxprice span, #r_recent td.lims table .woong td .taxprice span, #r_recent td.itemBox table .woong td .taxprice span, #r_group td.lims table .woong td .taxprice span, #r_group td.itemBox table .woong td .taxprice span {
  text-align: right;
  font-size: 12px;
  vertical-align: baseline;
}

/* カテゴリー商品一覧 */
#r_categoryList .innerList, #r_searchList .innerList {
  width: auto;
  letter-spacing: -.40em;
  margin: 0 0 20px 0;
  margin: 0 0 2rem 0;
  padding: 0 0 20px 0;
  padding: 0 0 2rem 0;
  border-bottom: 1px dotted #cccccc;
  box-sizing: border-box;
}
#r_categoryList .innerList > li, #r_searchList .innerList > li {
  width: 25%;
  letter-spacing: normal;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
#r_categoryList .innerList > li .innerBox, #r_searchList .innerList > li .innerBox {
  padding-right: 7px;
}
#r_categoryList .innerList > li .innerBox .imgWrap, #r_searchList .innerList > li .innerBox .imgWrap {
  margin-bottom: 5px;
}
#r_categoryList .innerList > li .innerBox .imgWrap img, #r_searchList .innerList > li .innerBox .imgWrap img {
  width: 100%;
  height: inherit;
  border: 1px solid #cccccc;
}
#r_categoryList .innerList > li .innerBox .detail .icon, #r_searchList .innerList > li .innerBox .detail .icon {
  margin-bottom: 5px;
}
#r_categoryList .innerList > li .innerBox .detail .name, #r_searchList .innerList > li .innerBox .detail .name {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
  margin: 0 0 5px 0;
  padding: 0;
}
#r_categoryList .innerList > li .innerBox .detail .name a, #r_searchList .innerList > li .innerBox .detail .name a {
  color: #044da7;
}
#r_categoryList .innerList > li .innerBox .detail .price, #r_searchList .innerList > li .innerBox .detail .price {
  text-align: right;
  color: #bd0a16;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0;
}
#r_categoryList .innerList > li .innerBox .detail .price .taxprice, #r_searchList .innerList > li .innerBox .detail .price .taxprice {
  text-align: right;
  display: block;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #bd0a16;
}
#r_categoryList .innerList > li .innerBox .detail .price .taxprice span, #r_searchList .innerList > li .innerBox .detail .price .taxprice span {
  text-align: right;
  font-size: 12px;
  vertical-align: baseline;
}
#r_categoryList .innerList > li .innerBox .detail .else, #r_searchList .innerList > li .innerBox .detail .else {
  margin-bottom: 5px;
  border-bottom: 1px dotted #818181;
}
#r_categoryList .innerList > li .innerBox .detail .else ul, #r_searchList .innerList > li .innerBox .detail .else ul {
  *zoom: 1;
  list-style-type: none;
  margin: 0 0 5px 0;
  padding: 0;
}
#r_categoryList .innerList > li .innerBox .detail .else ul:after, #r_searchList .innerList > li .innerBox .detail .else ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_categoryList .innerList > li .innerBox .detail .else ul li, #r_searchList .innerList > li .innerBox .detail .else ul li {
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  float: left;
}
#r_categoryList .innerList > li .innerBox .detail .addcode, #r_categoryList .innerList > li .innerBox .detail .content p, #r_categoryList .innerList > li .innerBox .detail .quantity, #r_searchList .innerList > li .innerBox .detail .addcode, #r_searchList .innerList > li .innerBox .detail .content p, #r_searchList .innerList > li .innerBox .detail .quantity {
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  margin: 0 0 5px 0;
  padding: 0;
}
#r_categoryList .innerList > li .innerBox .detail .btnWrap, #r_searchList .innerList > li .innerBox .detail .btnWrap {
  margin-bottom: 10px;
}
#r_categoryList .innerList > li .innerBox .detail .btnWrap .cart-btn, #r_categoryList .innerList > li .innerBox .detail .btnWrap .suguni-btn, #r_searchList .innerList > li .innerBox .detail .btnWrap .cart-btn, #r_searchList .innerList > li .innerBox .detail .btnWrap .suguni-btn {
  text-align: center;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 5px;
  padding: 5px;
}
#r_categoryList .innerList > li .innerBox .detail .btnWrap .cart-btn, #r_searchList .innerList > li .innerBox .detail .btnWrap .cart-btn {
  background: #044da7;
}
#r_categoryList .innerList > li .innerBox .detail .btnWrap .suguni-btn, #r_searchList .innerList > li .innerBox .detail .btnWrap .suguni-btn {
  background: #bd0a16;
}
#r_categoryList .innerList > li .innerBox .detail .btnWrap .soldout, #r_searchList .innerList > li .innerBox .detail .btnWrap .soldout {
  text-align: center;
  color: #fff;
  line-height: 1;
  margin: 0;
  padding: 7px 5px;
  background: #818181;
}
#r_categoryList .innerList > li .innerBox .detail .favorite-btn, #r_searchList .innerList > li .innerBox .detail .favorite-btn {
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0;
  padding: 5px;
  border: 1px solid #cccccc;
}

#r_categoryList .innerList > li .innerBox .detail .price, #r_searchList .innerList > li .innerBox .detail .price {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
}

/* 売れ筋ランキング */
#r_ranking .ranking-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  *zoom: 1;
}
#r_ranking .ranking-list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_ranking .ranking-list li {
  float: left;
  width: 19.2%;
  margin-right: 1%;
}
#r_ranking .ranking-list li:last-child {
  margin-right: -1%;
  padding-right: 1%;
}
#r_ranking .ranking-list li .crown {
  font-size: 21px;
  display: block;
  text-align: center;
}
#r_ranking .ranking-list li .crown i {
  margin-right: 5px;
}
#r_ranking .ranking-list li .ranking-img a img {
  width: 100%;
  margin-bottom: 3px;
  border: 1px solid #ccc;
}
#r_ranking .ranking-list li .ranking-detail .ranking-name {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
  margin: 0 0 3px 0;
  padding: 0;
}
#r_ranking .ranking-list li .ranking-detail .ranking-name a {
  color: #044da7;
}
#r_ranking .ranking-list li .ranking-detail .ranking-price {
  margin: 0;
  padding: 0;
}
#r_ranking .ranking-list li .ranking-detail .ranking-price .taxprice {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #bd0a16;
}
#r_ranking .ranking-list li .ranking-detail .ranking-price .taxprice span {
  text-align: right;
  font-size: 12px;
  vertical-align: baseline;
}

a:link {
  color: #bd0a16;
  text-decoration: underline;
}
a:visited {
  color: #bd0a16;
  text-decoration: underline;
}
a:hover {
  color: #f76972;
  text-decoration: none;
}
a:active {
  color: #bd0a16;
  text-decoration: underline;
}

* html .clear {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clear {
  zoom: 1;
}

/* IE7 */
a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.text-xs {
  font-size: 8px;
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 1.5;
}

.text-s {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.text-nomal {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.text-l {
  text-align: left;
}

.text-r {
  text-align: right;
}

.el-bk {
  display: block;
}

.dotted-line {
  border: none;
  border-bottom: 3px dotted #cccccc;
}

.t-indent {
  text-indent: -1em;
  padding-left: 1em;
}

.text-list {
  padding-left: 25px;
}
.text-list li {
  margin-bottom: .9em;
  margin-bottom: 9px;
  margin-bottom: .9rem;
}

/* table */
.nomal-table {
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #818181;
}
.nomal-table tr th, .nomal-table tr td {
  text-align: center;
  padding: 5px 5px;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
}
.nomal-table tr th {
  width: 150px;
  width: 15rem;
  text-align: left;
  background: #cccccc;
}
.nomal-table tr td {
  text-align: left;
  background: #fff;
}
.nomal-table tr td input {
  margin-right: 5px;
}

.formTable {
  margin: 0 auto;
  width: 500px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #818181;
}
.formTable tr th, .formTable tr td {
  text-align: center;
  padding: 5px 5px;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
}
.formTable tr th {
  width: 150px;
  width: 15rem;
  text-align: left;
  background: #cccccc;
}
.formTable tr td {
  text-align: left;
  background: #fff;
}
.formTable tr td input {
  width: 100%;
  margin-right: 5px;
  box-sizing: border-box;
}

/****************************************

　btn
　
****************************************/
.btn, .gray-btn, .dgray-btn {
  text-decoration: none !important;
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  padding: 5px 10px;
}
.btn:visited, .gray-btn:visited, .dgray-btn:visited, .btn:link, .gray-btn:link, .dgray-btn:link {
  color: #fff;
}

.gray-btn {
  background: #818181;
}

.dgray-btn {
  background: #5b5b5b;
}

.dark-btn {
  @exten .btn;
  background: #353535;
}

[class^=" -btn-xs"], [class*="-btn-xs"], .f-xs {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: .5px;
}

[class^=" -btn-s"], [class*="-btn-s"], .f-s {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

[class^=" -btn-sm"], [class*="-btn-sm"], .f-sm {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

[class^=" -btn-lg"], [class*="-btn-lg"] .f-lg {
  font-size: 17px;
  font-size: 17px;
  font-size: 1.7rem;
}

.cart-btn-lg {
  font-size: 17px;
  font-size: 17px;
  font-size: 1.7rem;
  background: #bd0a16;
}
.cart-btn-lg i {
  vertical-align: middle;
  font-size: 23px;
  font-size: 23px;
  font-size: 2.3rem;
  margin-right: 5px;
  margin-right: .5rem;
}
.cart-btn-lg:visited, .cart-btn-lg:link {
  color: #fff;
}

.cart-btn-xs {
  padding: 5px;
  background: #bd0a16;
}
.cart-btn-xs i {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
}

.hart-btn-xs {
  color: #0f0f0f;
  padding: 5px;
  border: 1px solid #cccccc;
  background: #e6e6e6;
}
.hart-btn-xs:visited, .hart-btn-xs:link {
  color: #0f0f0f;
}
.hart-btn-xs i {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
}

.bin-btn-xs {
  color: #fff;
  padding: 5px;
  background: #0f0f0f;
}
.bin-btn-xs i {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
}

.xs-btn {
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 2px 5px;
}

.s-btn {
  padding: 5px 10px;
}

.sm-btn {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px 20px;
}
.sm-btn i {
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
}

.md-btn {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 40px;
}
.md-btn i {
  font-size: 21px;
  font-size: 21px;
  font-size: 2.1rem;
}

.lg-btn, .cart-btn-lg {
  font-size: 17px;
  font-size: 17px;
  font-size: 1.7rem;
  padding: 15px 50px;
}
.lg-btn i, .cart-btn-lg i {
  font-size: 23px;
  font-size: 23px;
  font-size: 2.3rem;
}

.btnWrap {
  text-align: center;
}

/*****************************************************

??? #header

*****************************************************/
#header-wrapper {
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 2px 5px 0 #ddd;
  background: url(//gigaplus.makeshop.jp/PHANTOMweb/images/header-img-bg.jpg) no-repeat, linear-gradient(#043e84, #032a59);
  background-size: auto;
  background-position: top center;
}

#header {
  position: relative;
  height: 92px;
  width: 960px;
  text-align: left;
  margin: 0 auto;
}

#logo {
  display: inline-block;
  margin: 5px 0 0;
  padding: 0;
}
#logo a {
  text-decoration: none;
}
#logo a .M_ShopLogo {
  vertical-align: middle;
  width: 150px;
  display: inline-block;
}
#logo a span {
  vertical-align: middle;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

#sub-nav-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  text-align: right;
}
#sub-nav-wrap table {
  width: 100%;
}

#sub-nav {
  *zoom: 1;
  width: 100%;
  display: inline-block;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
  border: 1px solid #fff;
  border-top: none;
}
#sub-nav:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#sub-nav li {
  width: 33%;
  float: left;
  text-align: center;
  border-right: 1px solid #fff;
}
#sub-nav li:last-child {
  border-right: none;
}
#sub-nav li a {
  display: block;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  padding: 0 20px;
}
#sub-nav li a i {
  font-size: 20px;
  vertical-align: baseline;
}

.g-serch {
  table-layout: fixed;
  position: relative;
  box-sizing: border-box;
  width: auto;
}
.g-serch input {
  text-align: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-right: 73px;
  vertical-align: middle;
  box-sizing: border-box;
}
.g-serch a {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  background: #bd0a16;
}

#g-nav-wrap {
  *zoom: 1;
  background: #bd0a16;
}
#g-nav-wrap:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

#g-nav {
  list-style-type: none;
  width: 960px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}
#g-nav li {
  float: left;
  text-align: center;
  padding: 5px 0;
}
#g-nav li a {
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  line-height: 1.2;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-decoration: none;
  padding: 0 14px;
  border-left: 1px solid #fff;
}
#g-nav li a:last-child {
  border-right: 1px solid #fff;
}
#g-nav li a span {
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
}
#g-nav li:hover {
  background: #8d0710;
}

/****************************************

Side menu

****************************************/
.l-header {
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0f0f0f;
  font-size: 24px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  display: block;
  margin: 10px 0 10px 0;
  padding: 3px;
  padding: .3rem;
  position: relative;
  border-bottom: 4px solid #bd0a16;
}
.l-header::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 4px;
  background-color: #044da7;
}

#side .M_layer1 #M_ctg1_1 {
  display: none;
}
#side .M_layer1 .M_currentAnchor {
  text-decoration: none !important;
  background: #fdd8db;
}
#side .M_layer1 li {
  padding: 0;
}
#side .M_layer1 li a:hover {
  text-decoration: none;
  background: #fdd8db;
}
#side .M_layer1 > li {
  position: relative;
  background: none;
}
#side .M_layer1 > li:after {
  position: absolute;
  right: 5px;
  top: 0;
  font-family: 'icomoon' !important;
  content: "\e908";
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #bd0a16;
}
#side .M_layer1 > li > a {
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0f0f0f;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  display: block;
  margin: 10px 0 0 0;
  padding: 3px;
  padding: .3rem;
  position: relative;
  border-bottom: 4px solid #bd0a16;
}
#side .M_layer1 > li > a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 4px;
  background-color: #044da7;
}
#side .M_layer2 {
  margin: 0;
  padding: 0;
}
#side .M_layer2 li {
  position: relative;
  margin: 0;
  padding: 0;
  border-top: 1px dotted #cccccc;
  background: none;
}
#side .M_layer2 li:first-child {
  border-top: none;
}
#side .M_layer2 li > a {
  position: relative;
  display: block;
  color: #0f0f0f;
  line-height: 1.4;
  letter-spacing: -1px;
  padding: 10px 10px 10px 15px;
}
#side .M_layer2 li > a:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  font-family: 'icomoon' !important;
  content: "\e902";
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #bd0a16;
  margin-top: -.65em;
}
#side .M_layer3 {
  position: absolute;
  top: 0;
  right: -200px;
  width: 200px;
  z-index: 5;
  border-top: 2px solid #bd0a16;
}
#side .M_layer3 > li {
  padding-left: 5px;
  background: #e6e6e6;
}
#side .M_layer3 > li:first-child {
  border-top: none;
}
#side .M_layer4 > li {
  padding-left: 10px;
}
#side .M_layer5 > li {
  padding-left: 10px;
}

/* shopinfo */
#l-shopinfo {
  border: 1px solid #818181;
}
#l-shopinfo .shopinfo-inner {
  padding: 10px;
}
#l-shopinfo table tr .line {
  display: none;
  height: 0;
}
#l-shopinfo table tr .woong {
  padding: 10px 0;
}
#l-shopinfo table tr .woong a {
  text-decoration: none;
  border-bottom: 1px dotted #bd0a16;
}
#l-shopinfo .news-btn {
  text-align: center;
}
#l-shopinfo .news-btn a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 5px 0;
  background: #818181;
}

.shopinfo {
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 3px 0;
  background: #818181;
}

/* banner */
.l-banner {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.l-banner li {
  margin: 0 0 10px 0;
  padding: 0;
}
.l-banner li a {
  display: block;
}

/****************************************
?????????
****************************************/
#main-visual-wrap {
  position: relative;
  overflow: hidden;
}
#main-visual-wrap #slider-arrow .slick-next, #main-visual-wrap #slider-arrow .slick-prev {
  position: absolute;
  top: 50%;
}
#main-visual-wrap #slider-arrow .slick-next:before, #main-visual-wrap #slider-arrow .slick-prev:before {
  color: #bd0a16;
}
#main-visual-wrap #slider-arrow .slick-next {
  right: 5px;
}
#main-visual-wrap #slider-arrow .slick-next:before {
  color: #bd0a16;
}
#main-visual-wrap #slider-arrow .slick-prev {
  left: 5px;
}

.slider-for {
  padding-bottom: 5px;
  background: #000;
}

.slider-nav {
  background: #000;
}
.slider-nav .slick-slide img {
  max-width: 98%;
}

/*----------------------------------------------------
???? #top
----------------------------------------------------*/
.r_left {
  float: left;
  width: 520px;
}

.r_right {
  float: right;
  width: 220px;
}

.titleMgn {
  margin-bottom: 10px;
}

#r_shopIntro {
  margin-bottom: 0;
}

/* category ?????? */
#r_categoryL-wrap #category01 .categoryL-heading-wrap, #category #category01 .categoryL-heading-wrap {
  background: #336537;
}
#r_categoryL-wrap #category02 .categoryL-heading-wrap, #category #category02 .categoryL-heading-wrap {
  background: #ff5a00;
}
#r_categoryL-wrap #category03 .categoryL-heading-wrap, #category #category03 .categoryL-heading-wrap {
  background: #044089;
}
#r_categoryL-wrap #category04 .categoryL-heading-wrap, #category #category04 .categoryL-heading-wrap {
  background: #125062;
}

.categoryL-block {
  margin-bottom: 15px;
}
.categoryL-block .categoryL-heading-wrap {
  position: relative;
  margin: 0 0 10px 0;
}
.categoryL-block .categoryL-heading-wrap .categoryL-heading {
  color: #fff;
  font-weight: nomal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 10px;
}
.categoryL-block .categoryL-heading-wrap .categoryL-heading span {
  vertical-align: middle;
  display: inline-block;
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 3px;
  margin-right: 30px;
}
.categoryL-block .categoryL-heading-wrap .categoryL-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
}
.categoryL-block .categoryL-heading-wrap .categoryL-btn a {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #bd0a16;
  text-decoration: none;
  padding: 0 5px;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
}
.categoryL-block .categoryL-heading-wrap .categoryL-btn a i {
  padding-right: 3px;
  padding-right: .3rem;
}
.categoryL-block .categoryL-list {
  *zoom: 1;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.categoryL-block .categoryL-list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.categoryL-block .categoryL-list li {
  width: 235px;
  margin-right: 7.5px;
  margin-bottom: 7.5px;
  padding: 0;
  float: left;
}
.categoryL-block .categoryL-list li:nth-child(3n + 3) {
  margin-right: 0;
}
.categoryL-block .categoryL-list li a {
  display: block;
}
.categoryL-block .categoryL-list li a img {
  width: 100%;
}

/* news */
#top #r_news img {
  margin-bottom: 10px;
}

#top #r_news table {
  border-collapse: separate;
}

#top #r_news td.woong {
  padding: 2px 10px 2px 0;
  border-bottom: 1px dotted #b2b2b2;
  text-align: left;
}

#pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
#pagetop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*****************************************************

??? #footer

*****************************************************/
#footerWrap {
  background: linear-gradient(rgba(2, 31, 67, 0.3), #021f43), url(//gigaplus.makeshop.jp/PHANTOMweb/images/footer-bg.png) repeat #044da7;
}

#footer {
  padding-top: 20px;
}
#footer .footer-heading {
  font-family: 'Stardos Stencil', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 26px;
  color: #fff;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  background: #bd0a16;
}
#footer .footer-heading span {
  display: inline-block;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 30px;
  vertical-align: middle;
}
#footer .shopinfo-wrap {
  width: 960px;
  *zoom: 1;
  text-align: left;
  margin-bottom: 40px;
}
#footer .shopinfo-wrap:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#footer .shopinfo-block {
  float: left;
  color: #fff;
  width: 468px;
  margin-right: 20px;
}
#footer .shopinfo-block:nth-child(even) {
  margin-right: 0;
}
#footer .shopinfo-block .shopinfo-heading {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #fff;
}
#footer .shopinfo-block .shopinfo-inner {
  *zoom: 1;
}
#footer .shopinfo-block .shopinfo-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#footer .shopinfo-block .shopinfo-inner .box-left {
  float: left;
  width: 48%;
}
#footer .shopinfo-block .shopinfo-inner .box-left .address {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
#footer .shopinfo-block .shopinfo-inner .box-left .address span {
  color: #ff0;
}
#footer .shopinfo-block .shopinfo-inner .box-right {
  width: 52;
  float: left;
}
#footer .stock-inquiry {
  color: #0f0f0f;
  padding: 1em;
  background: #fff;
  border-radius: 5px;
  margin-top: 30px;
  padding: 0;
  box-sizing: border-box;
}
#footer .stock-inquiry .inquiry-heading {
  text-align: center;
  letter-spacing: 1px;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: .5em;
  padding: .5em;
  border-radius: 5px 5px 0 0;
  background: #bd0a16;
}
#footer .stock-inquiry .inquiry-inner {
  padding: 0 1em 1em;
}
#footer .stock-inquiry p {
  letter-spacing: 1px;
  margin-top: 0;
}
#footer .stock-inquiry p:last-child {
  margin-bottom: 0;
}
#footer .stock-inquiry .inquiry-tel-box {
  *zoom: 1;
}
#footer .stock-inquiry .inquiry-tel-box:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#footer .stock-inquiry .inquiry-tel-box dl {
  float: left;
}
#footer .stock-inquiry dl {
  width: 212px;
  text-align: center;
  margin: 0;
  box-sizing: border-box;
}
#footer .stock-inquiry dl:nth-child(odd) {
  margin-right: 15px;
}
#footer .stock-inquiry dl dt {
  color: #fff;
  padding: .2em .5em;
  background: #044da7;
}
#footer .stock-inquiry dl dd {
  font-weight: 800;
  font-size: 21px;
  font-size: 21px;
  font-size: 2.1rem;
  color: #bd0a16;
  margin: 0;
  padding: .2em;
}
#footer #footer-nav-wrap {
  text-align: center;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}
#footer #footer-nav {
  display: inline-block;
  *zoom: 1;
  text-align: center;
  list-style-type: none;
  margin: 0 auto 10px;
  padding: 0;
}
#footer #footer-nav:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#footer #footer-nav li {
  float: left;
  margin: 0 10px;
}
#footer #footer-nav li a {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  padding-left: 15px;
}
#footer #footer-nav li a:before {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 12px;
  height: 12px;
  font-family: 'icomoon' !important;
  content: "\e902";
  font-size: 13px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #bd0a16;
  margin: -6px;
}
#footer .copy {
  text-align: center;
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  margin: 0;
  padding: 0 0 5px 0;
}

.footer-contact-boxs {
  *zoom: 1;
  width: 100%;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
}
.footer-contact-boxs:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.footer-contact-boxs .inquiry-heading {
  text-align: center;
  letter-spacing: 1px;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: .5em;
  padding: .5em;
  background: #bd0a16;
}

.footer-contact-box {
  padding: 12px;
  box-sizing: border-box;
}
.footer-contact-box .inquiry-tel-box {
  *zoom: 1;
}
.footer-contact-box .inquiry-tel-box:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.footer-contact-box .inquiry-tel-box dl {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.footer-contact-box .inquiry-tel-box dl {
  text-align: center;
  margin: 0;
  box-sizing: border-box;
}
.footer-contact-box .inquiry-tel-box dl:nth-child(odd) {
  padding-right: 15px;
}
.footer-contact-box .inquiry-tel-box dl dt {
  color: #fff;
  padding: .2em .5em;
  background: #044da7;
}
.footer-contact-box .inquiry-tel-box dl dd {
  font-weight: 800;
  font-size: 21px;
  font-size: 21px;
  font-size: 2.1rem;
  color: #bd0a16;
  margin: 0;
  padding: .2em;
}
.footer-contact-box.left-box {
  float: left;
  width: 55%;
}
.footer-contact-box.left-box p {
  font-weight: bold;
  text-align: center;
}
.footer-contact-box.right-box {
  float: right;
  width: 45%;
}
.footer-contact-box .inquiry-fax-box dl {
  text-align: center;
  margin: 0;
  box-sizing: border-box;
}
.footer-contact-box .inquiry-fax-box dl dt {
  color: #fff;
  padding: .2em .5em;
  background: #044da7;
}
.footer-contact-box .inquiry-fax-box dl dd {
  font-weight: 800;
  font-size: 21px;
  font-size: 21px;
  font-size: 2.1rem;
  color: #bd0a16;
  margin: 0;
  padding: .2em;
}

/****************************************

　カテゴリー
　
****************************************/
.group-wrap table tr {
  text-align: left;
}
.group-wrap table tr:first-child td:first-child {
  font-size: 0;
  height: 0;
}

#r_resultInfo {
  *zoom: 1;
  margin-bottom: 10px;
}
#r_resultInfo:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_resultInfo p {
  display: inline;
}
#r_resultInfo .listSort {
  float: right;
  margin: 0;
  padding: 0;
}
#r_resultInfo .listSort li {
  display: inline;
}

/****************************************

　商品詳細画面
　
****************************************/
#itemLink {
  *zoom: 1;
  width: auto;
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}
#itemLink:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#itemLink li a {
  position: relative;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background: #818181;
}
#itemLink .item_prev {
  float: left;
}
#itemLink .item_prev a {
  margin-left: 13px;
}
#itemLink .item_prev a:before {
  position: absolute;
  left: -13px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid #818181;
}
#itemLink .item_next {
  float: right;
}
#itemLink .item_next a {
  margin-left: 13px;
}
#itemLink .item_next a:before {
  position: absolute;
  right: -13px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 13px solid #818181;
}

#r_detailWrap {
  text-align: right;
}
#r_detailWrap #itemImg {
  text-align: center;
}
#r_detailWrap #viewButton {
  text-align: right;
  margin-bottom: 20px;
}
#r_detailWrap #viewButton a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 5px 10px;
  background: #000;
}
#r_detailWrap #viewButton a i {
  padding-left: 3px;
}
#r_detailWrap #itemInfo {
  text-align: left;
}
#r_detailWrap #detail-heading {
  font-size: 23px;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.3;
  margin: 0 0 20px 0;
  padding: 20px 0;
  border-top: 1px solid #818181;
  border-bottom: 1px solid #818181;
}
#r_detailWrap .detailTxt {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #818181;
}
#r_detailWrap #detailInfo table {
  width: 100%;
}
#r_detailWrap #detailInfo table td {
  height: 10px;
  line-height: 1.3;
}
#r_detailWrap #detailInfo table tr > td > table {
  width: 100%;
  margin-bottom: 10px;
}
#r_detailWrap #detailInfo table tr > td > table tr td:nth-child(1) {
  width: 80px;
}
#r_detailWrap #detailInfo table tr > td > table tr td:nth-child(2) input {
  font-weight: bold;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  width: 45px;
  height: 35px;
}
#r_detailWrap #detailInfo table tr > td > table tr td:nth-child(3) {
  height: 24px;
  padding-left: 5px;
  vertical-align: bottom;
}
#r_detailWrap #detailInfo table tr > td > table tr:nth-child(2) td.line {
  font-size: 0;
  height: 0;
  display: none;
}
#r_detailWrap #detailInfo table tr > td > table tr:nth-child(3) td {
  height: 24px;
  padding-left: 5px;
  vertical-align: top;
}
#r_detailWrap #detailInfo table tr .M_inventory {
  margin-bottom: 20px;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockTitle {
  font-weight: bold;
  line-height: 1.5;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockTitle .hosoku {
  display: inline-block;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList {
  width: 100%;
  line-height: 1.5;
  margin-bottom: 10px;
  table-layout: fixed;
  border-collapse: separate;
  border: 1px solid #818181;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList tr th, #r_detailWrap #detailInfo table tr .M_inventory .stockList tr td {
  text-align: center;
  padding: 10px;
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList tr th {
  background: #cccccc;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList tr td input {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList tr td:last-child {
  border-right: 0;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList tr:first-child th:last-child {
  border-right: 0;
}
#r_detailWrap #detailInfo table tr .M_inventory .stockList tr:last-child th, #r_detailWrap #detailInfo table tr .M_inventory .stockList tr:last-child td {
  border-bottom: 0;
}
#r_detailWrap #detailInfo table tr:nth-child(5) td {
  padding-bottom: 10px;
}
#r_detailWrap #detailInfo table tr:nth-child(5) td select {
  height: 40px;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #cccccc;
}
#r_detailWrap #detailInfo #M_usualValue {
  font-weight: bold;
}
#r_detailWrap #detailInfo #M_usualValue .taxprice {
  color: #bd0a16;
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem;
}
#r_detailWrap #detailInfo #M_usualValue .taxprice span {
  font-size: 21px;
  font-size: 21px;
  font-size: 2.1rem;
}
#r_detailWrap #detailInfo #M_usualValue .taxprice input.m_price {
  width: 105px;
}
#r_detailWrap #detailInfo #M_point {
  display: inline-block;
  font-weight: bold;
  padding-bottom: 10px;
}
#r_detailWrap p {
  line-height: 1;
  margin: 0 0 10px 0;
  padding: 0;
}
#r_detailWrap p.itemPhoto-info {
  color: #818181;
  @inclued fts(10);
  line-height: 1.5;
  text-align: left;
}
#r_detailWrap #basketBtn {
  width: auto;
  text-align: center;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #818181;
  background: #cccccc;
}
#r_detailWrap #basketBtn .basketBtn-inner {
  width: 614px;
  *zoom: 1;
  margin: 0 auto;
}
#r_detailWrap #basketBtn .basketBtn-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_detailWrap #basketBtn .cart-btn, #r_detailWrap #basketBtn .sugu-btn, #r_detailWrap #basketBtn .soldout, #r_detailWrap #basketBtn #restockSend {
  text-align: center;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
}
#r_detailWrap #basketBtn .cart-btn, #r_detailWrap #basketBtn .sugu-btn {
  display: block;
  float: left;
  width: 300px;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 6px;
}
#r_detailWrap #basketBtn .cart-btn i, #r_detailWrap #basketBtn .sugu-btn i {
  font-size: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  margin-right: 5px;
}
#r_detailWrap #basketBtn .cart-btn {
  color: #fff;
  margin-right: 14px;
  background: #bd0a16;
}
#r_detailWrap #basketBtn .sugu-btn {
  background: #044da7;
}
#r_detailWrap #basketBtn .soldout {
  width: 614px;
  margin: 0 auto;
  background: #818181;
}
#r_detailWrap #basketBtn #restockSend a {
  font-weight: bold;
  text-decoration: none;
}
#r_detailWrap .stock-info dl {
  margin: 1em;
}
#r_detailWrap .stock-info dl dt {
  font-weight: bold;
  margin-bottom: .5em;
}
#r_detailWrap .stock-info dl dd {
  margin: 0;
  padding: 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#r_detailWrap .stock-info ul {
  margin: .5em 0;
  padding: 0;
  list-style-type: none;
}
#r_detailWrap .stock-info ul li {
  margin-bottom: .5em;
}
#r_detailWrap #r_contact {
  margin-bottom: 20px;
}
#r_detailWrap #r_contact ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
#r_detailWrap #r_contact ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_detailWrap #r_contact ul li {
  float: left;
  margin-right: 10px;
}
#r_detailWrap #r_contact ul li a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  background: #000;
}
#r_detailWrap #r_contact ul li a i {
  margin-right: 5px;
}
#r_detailWrap #r_sns {
  margin-bottom: 10px;
}
#r_detailWrap #r_sns ul {
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#r_detailWrap #r_sns ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_detailWrap #r_sns ul li {
  float: left;
  margin: 0 10px 10px 0;
}

#r_detailExt {
  margin-bottom: 20px;
}

#r_addImg ul {
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#r_addImg ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_addImg ul li {
  width: 33.333%;
  float: left;
}
#r_addImg ul li .inner {
  padding-right: 10px;
}
#r_addImg ul li .inner .addImg a img {
  width: 100%;
}

#r_review .review-heading {
  line-height: 1,2;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #818181;
}
#r_review .review-btn {
  color: #0f0f0f;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 15px;
  background: #cccccc;
}

/****************************************

　商品一覧・検索
　
****************************************/
#r_searchName p span {
  font-weight: bold;
}

#r_searchInput {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  box-sizing: border-box;
  background: #e6e6e6;
}
#r_searchInput table {
  table-layout: fixed;
  width: 700px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #818181;
}
#r_searchInput table tr th, #r_searchInput table tr td {
  text-align: center;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
  box-sizing: border-box;
}
#r_searchInput table tr th {
  width: 15%;
  background: #cccccc;
}
#r_searchInput table tr td {
  width: 18.333%;
  padding: 5px;
  background: #fff;
}
#r_searchInput table tr td select, #r_searchInput table tr td input {
  width: 100px;
  height: 20px;
  margin-right: 5px;
  box-sizing: border-box;
}
#r_searchInput table tr td#searchPrice input {
  width: 30%;
}
#r_searchInput .btnWrap {
  text-align: center;
}
#r_searchInput .btnWrap .search-btn {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  width: 30%;
  color: #fff;
  letter-spacing: 3px;
  text-decoration: none;
  padding: 10px 40px;
  background: #0f0f0f;
}

#r_searchList .cart-btn {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  display: block;
  text-align: center;
}
#r_searchList .cart-btn i {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: baseline;
}

#r_pager .M_pager li {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}
#r_pager .M_pager li a {
  padding: 5px 8px;
}

/****************************************

　買い物カゴ
　
****************************************/
#r_basket select, #r_basket input {
  height: 20px;
}
#r_basket .btnWrap {
  *zoom: 1;
  margin-bottom: 50px;
}
#r_basket .btnWrap:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
#r_basket .btnWrap .btnBack {
  float: left;
}
#r_basket .btnWrap .btnOrder {
  float: right;
}

#basketTable, #wishTable {
  width: 720px;
  vertical-align: top;
  line-height: 1.3;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#basketTable select, #basketTable input, #wishTable select, #wishTable input {
  height: 20px;
}
#basketTable tr th, #wishTable tr th {
  text-align: center;
  padding: 5px 0;
  background: #e6e6e6;
}
#basketTable tr td, #wishTable tr td {
  padding: 10px 5px;
  text-align: center;
  border-bottom: 1px dotted #cccccc;
}
#basketTable tr tr:last-child td, #wishTable tr tr:last-child td {
  background: #f00;
  border-bottom: 1px solid #cccccc;
}
#basketTable tr .basketNum, #wishTable tr .basketNum {
  width: 24px;
}
#basketTable tr .basketImg, #wishTable tr .basketImg {
  width: 40px;
}
#basketTable tr .wishImg, #wishTable tr .wishImg {
  width: 40px;
  text-align: center;
}
#basketTable tr .basketName, #wishTable tr .basketName {
  width: 350px;
  text-align: left;
}
#basketTable tr .basketQuantity, #wishTable tr .basketQuantity {
  width: 100px;
}
#basketTable tr .basketQuantity .quantityWrap, #wishTable tr .basketQuantity .quantityWrap {
  display: table;
  vertical-align: middle;
}
#basketTable tr .basketQuantity .quantityWrap .quantityInput, #wishTable tr .basketQuantity .quantityWrap .quantityInput {
  display: table-cell;
  vertical-align: middle;
}
#basketTable tr .basketQuantity .quantityWrap .quantityInput input, #wishTable tr .basketQuantity .quantityWrap .quantityInput input {
  text-align: center;
  width: 3em;
}
#basketTable tr .basketQuantity .quantityWrap .basketQunantity, #wishTable tr .basketQuantity .quantityWrap .basketQunantity {
  display: table-cell;
  vertical-align: middle;
}
#basketTable tr .basketQuantity .quantityWrap .basketQunantity tr td, #wishTable tr .basketQuantity .quantityWrap .basketQunantity tr td {
  padding: 0;
}
#basketTable tr .basketQuantity .quantityWrap .quantityAmend, #wishTable tr .basketQuantity .quantityWrap .quantityAmend {
  display: table-cell;
  vertical-align: middle;
}
#basketTable tr .basketQuantity .quantityWrap .quantityAmend a, #wishTable tr .basketQuantity .quantityWrap .quantityAmend a {
  width: 30px;
  margin: 0;
}
#basketTable tr .basketPoint, #basketTable tr .wishPoint, #wishTable tr .basketPoint, #wishTable tr .wishPoint {
  width: 40px;
}
#basketTable tr .basketPrice, #basketTable tr .wisthPrice, #wishTable tr .basketPrice, #wishTable tr .wisthPrice {
  width: 70px;
}
#basketTable tr .basketBtns, #basketTable tr .wishBtns, #wishTable tr .basketBtns, #wishTable tr .wishBtns {
  width: 50px;
}
#basketTable tr .basketBtns a, #basketTable tr .wishBtns a, #wishTable tr .basketBtns a, #wishTable tr .wishBtns a {
  line-height: 1.2;
  margin-bottom: 3px;
}
#basketTable tr .basketTotal, #wishTable tr .basketTotal {
  text-align: right;
  border-bottom: 1px solid #cccccc;
  background: #e6e6e6;
}
#basketTable tr .basketTotal em, #wishTable tr .basketTotal em {
  color: #bd0a16;
  font-weight: bold;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
}
#basketTable tr .wishName, #wishTable tr .wishName {
  width: 250px;
  text-align: left;
}
#basketTable tr .wishQuantity, #wishTable tr .wishQuantity {
  width: 100px;
}
#basketTable tr .wishQuantity input, #wishTable tr .wishQuantity input {
  text-align: center;
  width: 26px;
}
#basketTable tr .wishPrice, #wishTable tr .wishPrice {
  width: 60px;
}
#basketTable tr .wishBtns, #wishTable tr .wishBtns {
  width: 85px;
}
#basketTable tr .wishBtns a, #wishTable tr .wishBtns a {
  display: block;
  line-height: 1.2;
  color: #fff;
}
#basketTable .basketOption select, #wishTable .basketOption select {
  margin-left: 5px;
  margin-right: 10px;
}

/****************************************

　お知らせ
　
****************************************/
/* お知らせ一覧*/
#newsList table tr td.lims {
  padding: 10px;
  border-bottom: 1px dashed #cccccc;
}
#newsList table tr td.lims a {
  line-height: 1.7;
}

/* お知らせ詳細 */
#r_news #newsHead .date {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #bd0a16;
  vertical-align: middle;
  margin-right: 20px;
}
#r_news #newsContents {
  line-height: 1.8;
  margin-bottom: 20px;
  border-bottom: 1px dashed #cccccc;
}
#r_news #newsContents #newsAccess {
  color: #818181;
  text-align: right;
  margin: 20px 0;
  margin: 20px 0;
  margin: 2.0rem 0;
  padding: 0 14px;
  padding: 0 14px;
  padding: 0 1.4rem;
}
#r_news #newsNext {
  text-align: right;
  margin: 20px 0;
  margin: 20px 0;
  margin: 2.0rem 0;
  padding: 0 14px;
  padding: 0 14px;
  padding: 0 1.4rem;
}
#r_news #newsListBtn {
  text-align: center;
}
#r_news #newsListBtn .btn, #r_news #newsListBtn .gray-btn, #r_news #newsListBtn .dgray-btn {
  width: 40%;
}

/****************************************

　ご利用ガイド
　
****************************************/
#guide .section {
  margin-bottom: 30px;
}
#guide .charges th, #guide .card01 th, #guide .card02 th, #guide .charge th {
  background: #e7e7e7;
}
#guide .charges {
  width: 20em;
}
#guide .charges th:first-child {
  width: 10em;
}
#guide .charges td {
  text-align: center;
}
#guide .card01 {
  width: 100%;
}
#guide .card01 th:first-child {
  width: 20%;
}
#guide .card02 {
  width: 100%;
}
#guide .card02 th:first-child {
  width: 20%;
}
#guide .charge tr th {
  padding-right: 10px;
  text-align: right;
}
#guide .charge tr td {
  text-align: center;
}
#guide .charge tr:nth-child(1) th {
  text-align: center;
}
#guide .charge tr:nth-child(1) th:first-child {
  width: 180px;
}

.title-b-line {
  margin: 0;
}
.title-b-line > dt {
  position: relative;
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 5px 5px 5px 25px;
  border-bottom: 1px solid #cccccc;
}
.title-b-line > dt::before {
  position: absolute;
  top: 55%;
  left: 5px;
  content: "";
  height: 15px;
  width: 15px;
  margin-top: -7.5px;
  background: #a8a8a8;
}
.title-b-line > dt::after {
  position: absolute;
  left: 0;
  top: 45%;
  content: "";
  height: 15px;
  width: 15px;
  margin-top: -7.5px;
  background: #5c5c5c;
}
.title-b-line > dd {
  line-height: 1.7;
  margin: 0 0 20px 0;
  padding: 5px 5px;
}
.title-b-line > dd strong {
  color: #bd0a16;
}
.title-b-line > dd p {
  margin-top: 0;
  margin-bottom: .5em;
  margin-bottom: 5px;
  margin-bottom: .5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.title-b-line > dd dl {
  margin: 0 0 10px 0;
}
.title-b-line > dd dl > dt {
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.title-b-line > dd dl > dd {
  margin: 0 0 15px 0;
  padding-left: 10px;
}
.title-b-line > dd dl > dd ul {
  margin: 0;
}

.guide-inner {
  line-height: 1.7;
  margin: 0 0 20px 0;
  padding: 5px 5px;
}
.guide-inner strong {
  color: #bd0a16;
}
.guide-inner p {
  margin-top: 0;
  margin-bottom: .5em;
  margin-bottom: 5px;
  margin-bottom: .5rem;
  padding-top: 0;
  padding-bottom: 0;
}

/****************************************

ブランド一覧

****************************************/
.brand-tab-wrap {
  border-bottom: 1px solid #ccc;
}

.brand-tab {
  width: 100%;
  display: table;
  margin: 0 0 -4px 0;
  padding: 0;
}
.brand-tab li {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  width: 50%;
  display: table-cell;
  text-align: center;
}
.brand-tab li a {
  display: block;
  text-decoration: none;
  padding: 1em;
  box-shadow: none;
}
.brand-tab li .current {
  color: #0f0f0f;
  border-bottom: none;
  background: #fff;
  box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.2);
}

.brand-anchor-list {
  *zoom: 1;
  padding-left: 0;
}
.brand-anchor-list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.brand-anchor-list .not-anchorlink {
  color: #cccccc;
  padding: .5em 1em;
}
.brand-anchor-list li {
  float: left;
  list-style-type: none;
  border-right: 1px solid #cccccc;
  margin-bottom: .5em;
}
.brand-anchor-list a {
  display: block;
  text-decoration: none;
  padding: .5em 1em;
}

.brand-lists {
  *zoom: 1;
  padding-left: 0;
}
.brand-lists:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.brand-lists li {
  width: 20%;
  float: left;
  list-style-type: none;
  position: relative;
  text-align: center;
}
.brand-lists li a {
  display: block;
  width: 100%;
  padding-top: 100px;
}
.brand-lists li span {
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100px;
}
.brand-lists li p {
  padding: 0 1em;
}
.brand-lists li img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  max-width: 100%;
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../js/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/design/PHANTOMweb/fonts/slick.eot");
  src: url("/design/PHANTOMweb/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/design/PHANTOMweb/fonts/slick.woff") format("woff"), url("/design/PHANTOMweb/fonts/slick.ttf") format("truetype"), url("/design/PHANTOMweb/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  filter: alpha(opacity=25);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
