@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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


/* ---------------------------------------------------------
_init.scss
最も最初に読み込まれるファイル。settingでmixinを使いたい場合などに利用
----------------------------------------------------------*/
/* ---------------------------------------------------------
サポートするブラウザの設定
  usage
  サポートするブラウザの値をtrueにします。
--------------------------------------------------------- */
/* ---------------------------------------------------------
ブラウザのベンダープリフィックス出力設定
  usage
  出力するブラウザの値をtrueにします。
--------------------------------------------------------- */
/* ---------------------------------------------------------
フォントサイズ＆単位指定
  http://www.skyward-design.net/blog/archives/000122.html

  usage
    _fn_fs(目的のサイズ, 継承したサイズ, 単位)
  return
    変換後のサイズ
----------------------------------------------------------*/
/* ---------------------------------------------------------
フォントサイズ指定（数値→％に変換）
  http://met.hanatoweb.jp/archives/250/

  usage
    _fn_fz(ピクセル換算のサイズ)
    _fn_fz(10) -> font-size: 77%;
  return
    変換後のサイズ（％）
----------------------------------------------------------*/
/* ---------------------------------------------------------
ホバー時に透過する
  usage
  a{
    @include _mx_hover_opacity;
  }
----------------------------------------------------------*/
/* ---------------------------------------------------------
フォントサイズpx->rem変換
  usage
  .test{
    @include _mx_font_size(14);
  }
  基準サイズは未指定なら16pxとする
----------------------------------------------------------*/
/* ---------------------------------------------------------
_setting.scss
Compassの設定、サイト全体のスタイルを定義する
--------------------------------------------------------- */
/* ---------------------------------------------------------
サイトのbaseとなるスタイルや変数を定義します。
！！！定数は大文字で記述！！！
--------------------------------------------------------- */
/* ---------------------------------------------------------
フォントファミリーの設定
  usage
  unquote($FONT_FAMILY1);
--------------------------------------------------------- */
.font-family-pt_sans_narrow, #header_wrap .block_outer a, #header_navi .cbp-hsmenu li > a, #detailrightbloc .sale_price dt, #detailrightbloc .point dt, #detailrightbloc .maker dt, #detailrightbloc .relative_cat dt, #detailrightbloc .quantity dt, #detailrightbloc .classlist dt, #detailrightbloc .favorite_rating_area dt {
  font-family: sans-serif;
}

/* ---------------------------------------------------------
テキスト設定
--------------------------------------------------------- */
/* ---------------------------------------------------------
リンクカラーの設定
  使用しない項目は$LINK_COLORの値に統一してください
--------------------------------------------------------- */
/* ---------------------------------------------------------
サイト幅・余白の設定
--------------------------------------------------------- */
/* ---------------------------------------------------------
その他設定
--------------------------------------------------------- */
/* ---------------------------------------------------------
_modules.scss
独自で定義したmixin, placeholderを読み込みます。
----------------------------------------------------------*/
/* ---------------------------------------------------------
疑似要素
  usage
  :before{ @include _mx_bfaf; }
  :after{ @include _mx_bfaf; }
----------------------------------------------------------*/
/* ---------------------------------------------------------
clearfix
  usage
  .aa{
    @extend %_pl_clearfix;
   }
----------------------------------------------------------*/
/* ---------------------------------------------------------
縦方向２色のグラデーション
  usage
  @include _mx_bg_gradient(背景色, グラデ初期色, グラデ最後の色);
----------------------------------------------------------*/
/* ---------------------------------------------------------
画像サイズの取得と出力
  usage
  @include _mx_imgSize("画像名.拡張子");
----------------------------------------------------------*/
/* ---------------------------------------------------------
背景画像をdataURI(date64)で出力する
  usage
  @include _mx_img64("画像名.拡張子");
----------------------------------------------------------*/
/* ---------------------------------------------------------
画像を1/2サイズで表示する
  usage
  @include _mx_halfImg("画像名.拡張子");
----------------------------------------------------------*/
/* ---------------------------------------------------------
背景画像を1/2サイズで表示する
  usage
  @include _mx_bg_halfImg("画像名.拡張子");
----------------------------------------------------------*/
/* ---------------------------------------------------------
リンクのアイコン[>]
  usage
  :before{
    @include _mx_link_arrow(#カラーコード, 方向[up,down,next,prev], 位置(right,left));
  }
----------------------------------------------------------*/
/* ---------------------------------------------------------
テキストリンクのスタイル
  usage
  @include _mx_txt_link(linkLine); //常に下線あり
  @include _mx_txt_link(hoverLine); //hover時に下線あり
  @include _mx_txt_link(noLine); //常に下線なし
----------------------------------------------------------*/
/* ---------------------------------------------------------
ノイズを付与
  usage
  div{
    @include _mx_noise();
  }
----------------------------------------------------------*/
/* ---------------------------------------------------------
_simple_styles_for_horizontal_rules.scss

[CSS]hr要素をおしゃれにスタイリングする8つのテクニック
HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。
 1:繊細なグラデーションを使ったデザインです。
 2:半透明のグラデーションを使ったデザインです。
 3:点線を使ったデザインです。
 4:ドロップシャドウを使ったデザインです。
 5:Cloud風のデザインです。
 6:埋め込んだようなデザインです。
 7:両サイトをフレアにしたデザインです。
 8:記号文字をアクセントにしたデザインです。

多種のhrを使いたい場合、親クラス名で切り替えるように設計する
8の場合のみ第２引数「記号文字」を使用

via: http://coliss.com/articles/build-websites/operation/css/css-simple-styles-for-horizontal-rules-by-css-tricks.html

scss usage
 @import "simple_styles_for_horizontal_rules";
 .test_hr{
   @include _mx_hr_style(3);
  }

css output
 .test_hr{
  border: 0;
  border-bottom: 1px dashed #ccc;
  background: #999;
 }
----------------------------------------------------------*/
/*csslint outline-none:false*/
.pure-button {
  font-family: inherit;
  font-size: 100%;
  *font-size: 90%;
  /*IE 6/7 - To reduce IE's oversized button text*/
  *overflow: visible;
  /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  padding: 0.5em 1em;
  color: #444;
  /* rgba not supported (IE 8) */
  color: rgba(0, 0, 0, 0.8);
  /* rgba supported */
  *color: #444;
  /* IE 6 & 7 */
  border: 1px solid #999;
  /*IE 6/7/8*/
  border: none transparent;
  /*IE9 + everything else*/
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
}

/*
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
  background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
  background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
  background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
  background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
*/
.pure-button:focus {
  outline: 0;
}

.pure-button-active,
.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  opacity: 0.40;
  cursor: not-allowed;
  box-shadow: none;
}

.pure-button-hidden {
  display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}

/* ---------------------------------------------------------
pure button設定 (YUI)
--------------------------------------------------------- */
.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary {
  border-radius: 0;
  border: none;
}

.pure-button-success {
  color: #fff;
  background: #464e54;
}

.pure-button-error {
  color: #fff;
  background: #ec6d71;
}

.pure-button-warning {
  color: #464e54;
  background: #eaeaea;
}

.pure-button-secondary {
  color: #eaeaea;
  background: #204068;
}

.pure-button-return {
  color: #464e54;
  background: #eaeaea;
}

.pure-button-xsmall {
  font-size: 10px;
  font-size: 0.625rem;
}

.pure-button-small {
  font-size: 12px;
  font-size: 0.75rem;
}

.pure-button-large {
  font-size: 18px;
  font-size: 1.125rem;
}

.pure-button-xlarge {
  font-size: 20px;
  font-size: 1.25rem;
}

a.pure-button {
  text-decoration: none;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/*
a.pure-button:link:hover,
a.pure-button[href]:hover {
  opacity: $OPACITY_VALUE;
  text-decoration: none;
  i{
    opacity: $OPACITY_VALUE;
    text-decoration: none;
  }
}
*/
a.pure-button:link:hover,
a.pure-button[href]:hover {
  text-decoration: none;
  border: none;
  opacity: 1;
}
a.pure-button:link:hover i,
a.pure-button[href]:hover i {
  text-decoration: none;
}

a.pure-button-success:link:hover,
a.pure-button-success[href]:hover {
  color: #464e54;
  background-color: #eaeaea;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(100%, #eaeaea));
  background-image: -moz-linear-gradient(top, #eaeaea, #eaeaea);
  background-image: -webkit-linear-gradient(top, #eaeaea, #eaeaea);
  background-image: linear-gradient(to bottom, #eaeaea, #eaeaea);
}
a.pure-button-success:link:hover i,
a.pure-button-success[href]:hover i {
  color: #464e54;
  background-color: #eaeaea;
}

a.pure-button-return:link:hover,
a.pure-button-return[href]:hover,
a.pure-button-return.selected {
  color: #fff;
  background-color: #464e54;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2NGU1NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ2NGU1NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #464e54), color-stop(100%, #464e54));
  background-image: -moz-linear-gradient(top, #464e54, #464e54);
  background-image: -webkit-linear-gradient(top, #464e54, #464e54);
  background-image: linear-gradient(to bottom, #464e54, #464e54);
}
a.pure-button-return:link:hover i,
a.pure-button-return[href]:hover i,
a.pure-button-return.selected i {
  color: #fff;
  background-color: #464e54;
}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../font/font-awesome/fontawesome-webfont.eot?v=4.0.3");
  src: url("../font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../font/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../font/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../font/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-asc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-desc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-mail-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

/* ---------------------------------------------------------
_common.scss
共通のスタイルを設定します。
----------------------------------------------------------*/
.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mr90 {
  margin-right: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml100 {
  margin-left: 100px;
}

.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pl25 {
  padding-left: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl50 {
  padding-left: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl60 {
  padding-left: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pr70 {
  padding-right: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.pl70 {
  padding-left: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pl80 {
  padding-left: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pr90 {
  padding-right: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl90 {
  padding-left: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl100 {
  padding-left: 100px;
}

/************************************************
 共通設定
************************************************ */
html, body {
  height: 100%;
}

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

select {
  color: #464e54;
  line-height: 1.6;
  font-size: 14px;
  padding: 5px 20px 5px 10px;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: "";
  outline: none;
  cursor: pointer;
    background: #eaeaea url(../img/button/btn_minus.png) no-repeat;
    background-size: 10px 10px;
    background-position: 95% center;
}
select:hover {
  color: #eaeaea;
  background-color: #464e54;
}

*::selection {
  background: rgba(32, 64, 104, 0.2);
}

*::-moz-selection {
  background: rgba(32, 64, 104, 0.2);
}

*::selection:focus {
  background: rgba(32, 64, 104, 0.5);
  color: #464e54;
}

*::-moz-selection:focus {
  background: rgba(32, 64, 104, 0.5);
  color: #464e54;
}

/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

/* コンテンツ */
#container {
  margin: 0 auto;
  padding: 0 0 30px 0;
  background: #fff;
  text-align: left;
  margin-top: 80px;
  /*上部に*pxのスペースを指定*/
  z-index: 1;
  /*コンテンツ部分の重なり順*/
}

/* ==============================================
 カラム指定
=============================================== */
/* ヘッダーとフッターの上下
[注意]ブロック移動時はbloc.css内で調整が必要 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
  margin: 0 auto;
  padding: 15px 0;
}

#center_row {
  margin: 0 auto;
}

/* 中央カラム */
.main_column {
  padding: 10px 0 20px;
}

/* サイドカラム */
/*
#leftcolumn {
  display: none;
}
*/
#rightcolumn {
  display: none;
}

/* 1カラム設定 */
#one_maincolumn {
  margin: 0 auto;
}

/* 下層コンテンツ */
#undercolumn,
#under02column {
/*
  width: 980px;
*/
  width: 785px;
  margin: 0 auto;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #undercolumn {
    padding-left: 10px;
  }
}
/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0;
  visibility: hidden;
  content: ".";
  overflow: hidden;
  font-size: 0.1em;
}

.clearfix {
  display: block;
}

.clear {
  clear: both;
}

/* リンク指定
----------------------------------------------- */
a {
  color: #464e54;
  text-decoration: none;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
a:hover {
  text-decoration: underline;
  opacity: 0.6;
}
a:hover i {
  text-decoration: none;
}

a img {
  text-decoration: none;
}

/* フォント
----------------------------------------------- */
h1, h2, h3, h4, h5 {
  font-size: 100%;
  line-height: 150%;
}

.sale_price, #detailrightbloc .point, #detailrightbloc .maker, #detailrightbloc .relative_cat, #detailrightbloc .quantity {
  font-size: 16px;
}

.user_name {
  font-weight: bold;
}

.recommend_level {
  color: #204068;
}

.attention {
  color: #ec6d71;
}

.attentionSt {
  color: #ec6d71;
  font-weight: bold !important;
}

.st {
  font-weight: bold;
}

.mini {
  font-size: 12px;
}

/* 行揃え
----------------------------------------------- */
.alignC {
  text-align: center;
}

.alignR {
  text-align: right;
}

.alignL {
  text-align: left;
}

.pricetd em {
  font-weight: bold;
}

.vertical_alignT {
  vertical-align: top;
}

.vertical_alignM {
  vertical-align: middle;
}

.vertical_alignB {
  vertical-align: bottom;
}

/* フォーム
----------------------------------------------- */
input[type='text'],
input[type='password'],
textarea {
  border: solid 1px #CECECE;
  box-shadow: inset 1px 4px 9px -6px rgba(206, 206, 206, 0.5);
  padding: 6px;
  line-height: 1.6;
  font-size: 14px;
}
input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
  border-color: #204068;
  outline: none;
  background-color: white;
}

input[type='radio'] {
  margin-right: 5px;
}

.fm_list_layout_h li {
  display: inline-block;
  margin-left: 10px;
}
.fm_list_layout_h li:first-child {
  margin-left: 0;
}

.fm_list_layout_v li {
  margin-top: 10px;
}
.fm_list_layout_v li:first-child {
  margin-top: 0;
}

.box40 {
  width: 40px;
}

.box60 {
  width: 60px;
}

.box100 {
  width: 100px;
}

.box120 {
  width: 120px;
}

.box140 {
  width: 140px;
}

.box145 {
  width: 145px;
}

.box150 {
  width: 150px;
}

.box240 {
  width: 240px;
}

.box300 {
  width: 300px;
}

.box320 {
  width: 320px;
}

.box350 {
  width: 350px;
}

.box380 {
  width: 380px;
}

.box50 {
  width: 50px;
}

.box100 {
  width: 100px;
}

.box150 {
  width: 150px;
}

.box200 {
  width: 200px;
}

.box250 {
  width: 250px;
}

.box300 {
  width: 300px;
}

.box350 {
  width: 350px;
}

.box400 {
  width: 400px;
}

.box450 {
  width: 450px;
}

.box500 {
  width: 500px;
}

.com_area_h {
  height: 200px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top {
  margin-bottom: 5px;
}

.ng_top {
  margin-bottom: 0 !important;
}

/* タイトル
----------------------------------------------- */
h2.title {
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #464e54 transparent;
  padding: 10px 0;
  margin: 0 20% 60px;
}

#undercolumn_login .login_area h4 {
  color: #204068;
  padding: 5px;
  border: 1px solid #204068;
  margin-bottom: 10px;
  text-align: center;
}

/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  /*ヘッダーバー部分の重なり順*/
  background: #F7F7F7;
  -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.15), 0 0 0px rgba(0, 0, 0, 0.2);
  /* Firefox対応 */
  -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.15), 0 0 0px rgba(0, 0, 0, 0.2);
  /* Safari、Chrome対応 */
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.15), 0 0 0px rgba(0, 0, 0, 0.2);
border-top: solid 5px #1f3d82;
}
#header_wrap .block_outer {
  position: absolute;
  top: 0;
  right: 7em;
}
#header_wrap .block_outer a {
  color: #204068;
  font-size: 14px;
  border: none;
  padding: 20px 10px;
  display: inline-block;
}
#header_wrap .block_outer:last-of-type {
  right: 2em;
}

#errorHeader {
  color: #ec6d71;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
}

/* ロゴ
----------------------------------------------- */
#site_description {
  font-size: 12px;
}

#logo_area {
  position: absolute;
  top: 0;
  left: 2em;
}
#logo_area a {
  display: block;
  padding: 15px 0 0;
}

#logo_area h1 img {
  max-width: 200px;
  max-height: 30px;
}
#logo_area h1 span {
  display: none;
  /* テキストロゴ非表示 */
}

/* ヘッダーナビ
----------------------------------------------- */
#header_navi .level2 > a {
  padding: 5px;
  margin-bottom: 5px;
  display: block;
}
#header_navi .level2 > a:hover {
  text-decoration: none;
}
#header_navi .level2 li:first-child {
  margin-top: 5px;
}
#header_navi .level3 {
  padding: 0 0 4px 0;
}
#header_navi .level3 > a {
  padding: 2px;
}
#header_navi .level3 > a:hover {
  text-decoration: none;
  color: #204068;
}
#header_navi .level3 li:first-child {
  margin-top: 5px;
}
#header_navi .level4 {
  padding: 0 0 2px 0;
  font-size: 12px;
}
#header_navi .level4 > a {
  padding: 2px;
}
#header_navi .level4 > a:hover {
  text-decoration: none;
  color: #204068;
}
#header_navi .cbp-hsmenu li > a {
  font-size: 14px;
  padding: 20px 10px;
  display: inline-block;
}
#header_navi .cbp-hsmenu li > a:hover, #header_navi .cbp-hsmenu li > a.selected {
  color: #204068;
  text-decoration: none;
}

/* ==============================================
 フッター
=============================================== */
#footer_wrap {
  margin: 0 20px;
  border-top: 4px solid #204068;
}

#footer {
  margin: auto;
  padding-top: 10px;
  width: 980px;
}
#footer .sns_link {
  text-align: center;
  margin-bottom: 20px;
}
#footer .sns_link ul {
  margin: 0 auto;
}
#footer .sns_link ul li {
  display: inline-block;
  margin: 0 20px;
  padding: 10px 0;
}
#footer .txt_link {
  margin-bottom: 20px;
}
#footer .txt_link ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 0;
}
#footer .separateNameContainer {
  background-color: #eaeaea;
}
#footer .lower_f {
  font-size: 10px;
}
#footer .lower_f_link {
  float: left;
}
#footer .lower_f_link li {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #eaeaea;
}
#footer .lower_f_link li:first-child {
  padding-left: 0;
  border-left: none;
}
#footer .lower_f_link a {
  text-decoration: underline;
}
#footer .lower_f_link a:hover {
  text-decoration: none;
}

#pagetop {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 100;
}
#pagetop a {
  background: #464e54;
  color: #fff;
  width: 50px;
  padding: 10px 0;
  text-align: center;
  display: block;
}

#copyright {
  text-align: right;
  font-size: 10px;
  padding-bottom: 10px;
}

/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.btn_area li {
  padding-right: 10px;
  display: inline;
}

/* 完了メッセージ
----------------------------------------------- */
#complete_area .message,
#undercolumn_entry .message {
  line-height: 1.9;
  font-size: 16px;
  margin-bottom: 20px;
}

/* Tipsy　facebookのような吹き出しjQueryプラグイン
----------------------------------------------- */
.tipsy {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  background: url("../img/ajax/tipsy.gif") no-repeat top left;
  width: 9px;
  height: 5px;
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* resize_image の代用
----------------------------------------------- */
.image-resize {
  max-width: 64px;
  max-height: 64px;
}

/* resize_image の代用
----------------------------------------------- */
.image-resize80 {
  max-width: 80px;
  max-height: 80px;
}

/* resize_image の代用
----------------------------------------------- */
.image-resize110 {
  max-width: 110px;
  max-height: 110px;
}

#gmap {
  width: 980px;
  height: 300px;
}

.gotosp {
  width: 100%;
}
.gotosp .btn_wrapper {
  width: 90%;
  margin: 10px auto;
  background-color: #204068;
  color: #fff;
  font-size: 20px;
  display: block;
  padding: 20px 0;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  letter-spacing: 0.2em;
}

.force_full_width {
  width: 100% !important;
}

.force_site_width {
  width: 980px !important;
}

.fr_word_wrap {
  word-wrap: break-word;
}

/*---------20190625 追記---------*/
.pr_iconRight {
	margin-bottom: 11px !important;
	background: url(/user_data/packages/default/add/img/icon/icon_Rightbig.jpg) no-repeat right center;
}

/* ---------------------------------------------------------
_table.scss
テーブル関連のスタイルを設定します。
----------------------------------------------------------*/
/************************************************
 tables
************************************************ */
/* デフォルトテーブル
----------------------------------------------- */
table {
  margin: 15px auto 20px auto;
  border: 0;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
table th {
  padding: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 0;
  font-weight: normal;
}
table td {
  padding: 8px;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  border-left: 0;
}
table tbody tr:hover td {
  background-color: rgba(32, 64, 104, 0.1);
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.em_table th {
  border-top: 1px solid #ccc;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  border-left: 0;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.em_table th span {
  font-weight: normal;
  letter-spacing: 0;
}
.em_table th.bgcolor {
  background-color: #f0f0f0;
  letter-spacing: 0;
  font-weight: normal;
}
.em_table tbody tr:hover th {
  background-color: rgba(32, 64, 104, 0.1);
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.em_table tbody tr:hover th.bgcolor {
  background-color: #f0f0f0;
}

/* table */
.fr_common_form_table th {
  width: 30%;
}
.fr_common_form_table td {
  width: 70%;
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
  padding-bottom: 10px;
  margin: 20px 0;
  clear: both;
}
.pagenumber_area .navi {
  width: 100%;
  text-align: left;
}
.pagenumber_area .navi a, .pagenumber_area .navi strong {
  width: 32px;
  height: 32px;
  font-size: 16px;
  border: 1px solid #eaeaea;
  display: inline-block;
  line-height: 32px;
  margin: 0 5px 0 0;
  overflow: hidden;
  text-align: center;
}
.pagenumber_area .navi strong {
  color: #eaeaea;
  background-color: #464e54;
}
.pagenumber_area li {
  display: inline;
}
.pagenumber_area a {
  color: #464e54;
  background-color: #eaeaea;
  text-decoration: none;
}
.pagenumber_area a:hover {
  color: #eaeaea;
  background-color: #464e54;
}
.pagenumber_area .change {
  float: right;
  text-align: right;
  white-space: nowrap;
}
.pagenumber_area .change ul li {
  display: inline-block;
}

.pagecond_area {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #CECECE;
}
.pagecond_area strong {
  width: 100px;
  display: inline-block;
  font-weight: bold;
  border-right: 1px solid #CECECE;
  margin-right: 20px;
}
.pagecond_area li {
  border-bottom: 1px solid #CECECE;
  padding: 5px 0;
}
.pagecond_area li:last-of-type {
  border-bottom: none;
}

.fr_btn_search_reset {
  padding: 5px 15px;
}

/* レイアウト
----------------------------------------------- */
.list_area {
  width: 100%;
}

/* 商品情報 各種設定
----------------------------------------------- */
.pl_layout2 {
  /* 商品ステータス */
}
.pl_layout2 .status_icon {
  margin-bottom: 10px;
  width: 100%;
}
.pl_layout2 .status_icon li {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  border: 1px solid #204068;
  color: #204068;
  font-size: 10px;
  padding: 3px 5px;
}
.pl_layout2 .detail_link {
  border: 1px solid #fff;
  display: inline-block;
  vertical-align: top;
}
.pl_layout2 .detail_link:hover {
  border-color: #204068;
}
.pl_layout2 .detail_link, .pl_layout2 .detail_link::before, .pl_layout2 .detail_link::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pl_layout2 .listphoto {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.pl_layout2 .listphoto .soldout {
  position: absolute;
  top: 0;
  left: 0;
}
.pl_layout2 .listphoto .soldout .soldout_txt {
  color: #eaeaea;
  background-color: #ec6d71;
  text-align: center;
  padding: 5px;
  letter-spacing: 0.3em;
}
.pl_layout2.view1 .detail_link {
  margin: 4px;
  padding: 4px;
  width: 100px;
}
.pl_layout2.view1 .detail_link:nth-child(8n) {
  margin-right: 0;
}
.pl_layout2.view1 .soldout_txt {
  margin: 40% 5px;
  font-size: 10px;
}
.pl_layout2.view1 h3 {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.pl_layout2.view1 .picture {
  max-width: 100px;
  max-height: 100px;
}
.pl_layout2.view1 .soldout {
  width: 100px;
  height: 100px;
}
.pl_layout2.view2 .detail_link {
  margin: 10px;
  padding: 10px;
  width: 200px;
}
.pl_layout2.view2 .detail_link:nth-child(4n) {
  margin-right: 0;
}
.pl_layout2.view2 .soldout_txt {
  margin: 45% 10px;
}
.pl_layout2.view2 h3 {
  width: 200px;
}
.pl_layout2.view2 .picture {
  max-width: 200px;
  max-height: 200px;
}
.pl_layout2.view2 .soldout {
  width: 200px;
  height: 200px;
}
.pl_layout2.view3 .detail_link {
  margin: 10px;
  padding: 10px;
  width: 450px;
}
.pl_layout2.view3 .detail_link:nth-child(2n) {
  margin-right: 0;
}
.pl_layout2.view3 .soldout_txt {
  margin: 45% 10px;
  font-size: 24px;
}
.pl_layout2.view3 h3 {
  width: 450px;
}
.pl_layout2.view3 .picture {
  max-width: 450px;
  max-height: 450px;
}
.pl_layout2.view3 .soldout {
  width: 450px;
  height: 450px;
}
.pl_layout2 .listrightbloc {
  /* 商品名 */
  /* コメント */
  /* 価格 */
}
.pl_layout2 .listrightbloc h3 {
  font-size: 14px;
}
.pl_layout2 .listrightbloc .listcomment {
  margin: 0 0 10px 0;
  text-align: left;
}
.pl_layout2 .listrightbloc .pricebox {
  margin: 0 0 10px 0;
}
.pl_layout2 .listrightbloc .pricebox .price {
  color: #ec6d71;
}

.pl_layout1 {
  /* 商品ステータス */
  display: table;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px dashed #eaeaea;
}
.pl_layout1 .status_icon {
  margin-bottom: 10px;
  width: 100%;
}
.pl_layout1 .status_icon li {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  border: 1px solid #204068;
  color: #204068;
  font-size: 10px;
  padding: 3px 5px;
}
.pl_layout1 .list_area {
  border: 1px solid #fff;
  padding: 10px;
}
.pl_layout1 .list_area:hover {
  border-color: #204068;
}
.pl_layout1 .list_area, .pl_layout1 .list_area::before, .pl_layout1 .list_area::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pl_layout1 .listphoto {
  display: table-cell;
  vertical-align: top;
}
.pl_layout1.view1 .listphoto {
  width: 100px;
}
.pl_layout1.view1 .picture {
  max-width: 100px;
  max-height: 100px;
}
.pl_layout1.view2 .listphoto {
  width: 200px;
}
.pl_layout1.view2 .picture {
  max-width: 200px;
  max-height: 200px;
}
.pl_layout1 .view3 .listphoto {
  width: 450px;
}
.pl_layout1 .view3 .picture {
  max-width: 450px;
  max-height: 450px;
}
.pl_layout1 .listrightbloc {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  /* 商品名 */
  /* コメント */
  /* 価格 */
}
.pl_layout1 .listrightbloc h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.pl_layout1 .listrightbloc .listcomment {
  margin-bottom: 10px;
}
.pl_layout1 .listrightbloc .pricebox {
  margin-bottom: 10px;
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
    *1カラム時 [one_maincolumn]
    *2カラム時 [two_maincolumn_left]
               [two_maincolumn_right]
    *3カラム時 [three_maincolumn]

----------------------------------------------- */
#whobought_area {
  width: 100%;
  margin-bottom: 60px;
}
#whobought_area .product_item_wrap {
  width: 980px;
  margin: 0 auto;
}
#whobought_area .product_item_link {
  width: 140px;
  padding: 8px;
  display: inline-block;
  border: 1px solid #fff;
  vertical-align: top;
}
#whobought_area .product_item_link:hover {
  border-color: #204068;
}
#whobought_area .product_item_link, #whobought_area .product_item_link::before, #whobought_area .product_item_link::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}
#whobought_area .product_item img {
  max-width: 140px;
  max-height: 140px;
}
#whobought_area .productImage {
  text-align: center;
}

/* レイアウト
----------------------------------------------- */
#detailphotobloc {
  float: left;
}
.under_thum{width:300px;}
#detailrightbloc {
  padding-left: 20px;
}

/* 商品情報 各種設定
----------------------------------------------- */
#detailarea h2 {
  margin: 0 0 10px 0;
  padding: 0 0 15px 0;
  font-size: 20px;
}

#detailrightbloc {
  /* 商品ステータス */
  /* 商品コード */
  /* 販売価格 */
  /* ポイント */
  /* 規格 */
  /* メーカー */
  /* 関連カテゴリ */
  /* 買い物かご */
}
#detailrightbloc .product_title {
  text-align: center;
  padding: 10px 0;
  border: 1px solid #464e54;
}
#detailrightbloc .status_icon {
  width: 100%;
  text-align: center;
}
#detailrightbloc .status_icon li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #204068;
  color: #204068;
  font-size: 10px;
  padding: 3px 5px;
}
#detailrightbloc .main_comment {
  margin-bottom: 20px;
}
#detailrightbloc .product_code,
#detailrightbloc #product_code_dynamic {
  font-size: 12px;
}
#detailrightbloc .sale_price, #detailrightbloc .point, #detailrightbloc .maker, #detailrightbloc .relative_cat, #detailrightbloc .quantity {
  text-align: center;
  border-top: 4px double #eaeaea;
  padding: 10px 0;
}
#detailrightbloc .sale_price dt, #detailrightbloc .point dt, #detailrightbloc .maker dt, #detailrightbloc .relative_cat dt, #detailrightbloc .quantity dt {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
#detailrightbloc .sale_price dd, #detailrightbloc .point dd, #detailrightbloc .maker dd, #detailrightbloc .relative_cat dd, #detailrightbloc .quantity dd {
  font-size: 20px;
}
#detailrightbloc .sale_price .price_title, #detailrightbloc .point .price_title, #detailrightbloc .maker .price_title, #detailrightbloc .relative_cat .price_title, #detailrightbloc .quantity .price_title {
  font-size: 12px;
}
#detailrightbloc .classlist {
  text-align: center;
  border-top: 4px double #eaeaea;
  padding: 10px 0;
}
#detailrightbloc .classlist .class1_select, #detailrightbloc .classlist .class2_select {
  display: inline-block;
}
#detailrightbloc .classlist .class2_select {
  margin-left: 20px;
}
#detailrightbloc .classlist dt {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
#detailrightbloc .cart_area {
  padding: 10px;
}
#detailrightbloc .quantity input {
  text-align: center;
}
#detailrightbloc .quantity + .attention {
  font-size: 14px;
  text-align: center;
}
#detailrightbloc #cart {
  width: 90%;
  padding: 1.5em;
}
#detailrightbloc .favorite_rating_area {
  text-align: center;
  padding: 10px 0;
}
#detailrightbloc .favorite_rating_area .favorite_btn, #detailrightbloc .favorite_rating_area .rating_btn {
  display: inline-block;
}
#detailrightbloc .favorite_rating_area .rating_btn {
  margin-left: 40px;
}
#detailrightbloc .favorite_rating_area dt {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
#detailrightbloc .favorite_rating_area .active_state {
  color: #204068;
}
#detailrightbloc .favorite_rating_area .arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #464e54;
  width: 40px;
  text-align: center;
  margin-left: 10px;
  display: inline-block;
  margin-top: 3px;
  vertical-align: top;
}
#detailrightbloc .favorite_rating_area .arrow_box:after, #detailrightbloc .favorite_rating_area .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#detailrightbloc .favorite_rating_area .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 5px;
  margin-top: -5px;
}
#detailrightbloc .favorite_rating_area .arrow_box:before {
  border-color: rgba(70, 78, 84, 0);
  border-right-color: #464e54;
  border-width: 6px;
  margin-top: -6px;
}

.detailrightbloc_row {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.detailrightbloc_row .attention {
  text-align: center;
}

/* お客様の声
----------------------------------------------- */
#customervoice_area {
  margin-bottom: 60px;
}
#customervoice_area .review_bloc {
  width: 980px;
  margin: 0 auto 20px;
  padding: 20px;
  border-bottom: 4px double #eaeaea;
}
#customervoice_area .review_bloc p {
  padding-top: 3px;
  margin-right: 10px;
  float: left;
}
#customervoice_area .review_bloc .review_btn {
  float: right;
}
#customervoice_area .voice_bloc {
  width: 980px;
  margin: 0 auto;
}
#customervoice_area .voice_bloc ul li {
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#customervoice_area .voicetitle {
  margin-bottom: 5px;
  font-weight: bold;
}
#customervoice_area .voicedate {
  margin-bottom: 10px;
}

/* 詳細情報
----------------------------------------------- */
#detailinfo_area {
  width: 100%;
  margin-bottom: 60px;
}
#detailinfo_area .detailinfo_bloc {
  width: 980px;
  margin: 0 auto;
}

/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
#whobought_area {
  clear: both;
  padding: 35px 0 0 0;
}

.product_link_area {
  width: 100%;
}
.product_link_area .pre_product_link {
  float: left;
}
.product_link_area .next_product_link {
  float: right;
}

.caption_detail {
  margin-bottom: 20px;
}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカートの中
----------------------------------------------- */
#undercolumn_cart .point_announce {
  padding: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  text-align: center;
  line-height: 1.9;
}
#undercolumn_cart .totalmoney_area {
  margin-bottom: 20px;
}
#undercolumn_cart p {
  margin: 10px 5px;
}
#undercolumn_cart .price {
  font-weight: bold;
  font-size: 16px;
}

#undercolumn #quantity_level li {
  padding: 3px;
  display: inline;
}
#undercolumn .empty {
  text-align: left;
}

.form_area {
  margin-bottom: 30px;
}

/* ----- INDEX ------------------------------------------------------------------- */
.frame_outer {
	background: #fafcfe;
}
#leftcolumn {
	display: block;
	width: 200px;
	float: left;
}
#two_maincolumn_right.main_column {
	padding: 0;
	width: 785px;
	float: right;
}
#container{
	margin: 0 auto;
	width: 1124px;
	background: #fff url(../img/background/img_footer_bg01.jpg) right bottom no-repeat;
/* box-shadow */
box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
}
#center_row {
	margin: auto 50px;
	width: 1024px;
}
#topcolumn{
	padding: 0;
}	
#topicpath_area {
	width: 1024px!important;
	padding: 9px 0 10px 0;
	height: 20px;
	font-size: 12px;
}
#header_wrap {
	width: 100%;
	height: 133px;
	position: static;
	background: #fafcfe;
}
#header_navi {
	margin: 0 auto;
	width: 1124px;
	text-align: left;
/* box-shadow */
box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
}
.cbp-hsmenubg {
	background: #fafcfe;
	border-bottom: 0;
}
#logo_area {
	padding: 0 10px 0 20px;
	position: static;
	background: url(../img/background/bg_header01.png) no-repeat calc(50% - 100px) bottom;
}
div#logo_area h1 {
	float: left;
	width:433px;
}
div#logo_area .headNav {
	/*float: left;*/
    float:right;
	width: 435px;
	display: table;
	margin-top: 14px;
}
div#logo_area .headNav li{
	display: table-cell;
	font-size: 11px;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
}
div#logo_area .headNav li.nav03,
div#logo_area .headNav li.nav04,
div#logo_area .headNav li.nav03 a:link,
div#logo_area .headNav li.nav04 a:link,
div#logo_area .headNav li.nav03 a:hover,
div#logo_area .headNav li.nav04 a:hover,
div#logo_area .headNav li.nav03 a:visited,
div#logo_area .headNav li.nav04 a:visited{
	color: #68afc1;
	text-decoration: none;
}
/*----------------------------
▼20170905 ヘッダー修正追加 20190815 修正
------------------------------*/
div#logo_area #navi_area {float:right;width: 650px;display: table;margin-top:4px;}
div#logo_area #navi_area li{float:left;}
div#logo_area .headNavi,div#logo_area .orderNavi{overflow:hidden;float:right;}
div#logo_area .headNavi li.login_msg{width:315px;text-align:right;padding:7px;box-sizing:border-box;}
div#logo_area .headNavi li a,div#logo_area .orderNavi a{display: block;overflow: hidden;  text-indent: 100%;white-space: nowrap;}
div#logo_area .headNavi li{margin-left:5px !important;padding-top:3px;}
div#logo_area .headNavi li,div#logo_area .headNavi li a{height:30px;width:130px;background-position:center 0;}
div#logo_area .headNavi li a:hover{background-position:center 30px;opacity: 1.0;}
div#logo_area .headNavi li.navi01 a{background-image:url(../img/common/navi01.png);}
div#logo_area .headNavi li.navi02 a{background-image:url(../img/common/navi02.png);}
div#logo_area .headNavi li.navi03 a{background-image:url(../img/common/navi03.png);}
div#logo_area .headNavi li.navi04 a{background-image:url(../img/common/navi04.png);}
div#logo_area .headNavi li.navi05 a{background-image:url(../img/common/navi05.png);}
div#logo_area .headNavi li.navi06{position:relative;height:36px;box-sizing:border-box;width:470px;background:#fbf7e5 url(../img/common/present_msg.png) no-repeat 5px center;padding:3px 3px 3px 330px;border-radius:5px;}
div#logo_area .headNavi li.navi06 a{display:inline-block;height:30px;width:130px;background-image:url(../img/common/navi06.png);background-position:center 0;}
div#logo_area .headNavi li.navi06 a:hover{background-position:center 30px;opacity: 1.0;}
div#logo_area .orderNavi{margin-top:5px;}
div#logo_area .orderNavi li:first-child{border-left:0px;margin-right:10px;}
div#logo_area .orderNavi li {padding: 0 7px;border-left:1px dotted #333333;}
div#logo_area .orderNavi li,div#logo_area .orderNavi li a{height:47px;background-position:center 0;}
div#logo_area .orderNavi li a:hover{background-position:center 47px;opacity: 1.0;}
div#logo_area .orderNavi li a{-moz-transition-duration: 0s;  -o-transition-duration: 0s;-webkit-transition-duration: 0s;transition-duration: 0s;}
div#logo_area .orderNavi li.btn02 a{background-image:url(../img/common/hbtn_02.png);width:88px;}
div#logo_area .orderNavi li.btn03 a{background-image:url(../img/common/hbtn_03.png);width:88px;}
div#logo_area .orderNavi li.btn04 a{background-image:url(../img/common/hbtn_04.png);width:75px;}

/*----------------------------
▲20170905 ヘッダー修正追加
------------------------------*/

#logo_area h1 img {
	max-width: 643px;
	max-height: 90px;
}
#logo_area a {
	display:inline;
	padding: 0;
}
#arrCheckItems, #recommend_area, #arrEasyRecommend,#boughtitems {
	width: 782px!important;
}
.main_column .block_body,
#arrCheckItems .product_item_wrap,
#recommend_area .product_item_wrap,
#arrEasyRecommend .product_item_wrap {
width: 785px;
margin: 0 auto;
}
.side_column .block_body {
margin: 0 auto;
width: 200px!important;
}
a#left-menu {
display: none!important;
}
#globalNav ,#globalNav02 {
box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
}

/*----------------------------
▼20190815 ヘッダー修正
------------------------------*/

#globalNav ul ,#globalNav02 ul {
	/*padding: 0 50px;*/
    padding:0 0 0 50px;
	background: url(../img/background/btn_globanNav01.jpg) left top no-repeat;
box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 5px 6px 0px;
}

#globalNav02 ul {
    padding:0px;
	background: url(../img/background/btn_globanNav02.jpg) left top no-repeat;
}

#globalNav li ,#globalNav02 li {
	display: table-cell;
	width: 257px;
	position: relative;
	text-align: center;
	padding-top: 40px;
	overflow: hidden;
}
#globalNav li.gnav01 {
	width: 257px;
}
#globalNav li.gnav02 {
	width: 258px;
}
#globalNav li.gnav03 {
	width: 255px;
}
#globalNav li.gnav04 {
	/*width: 256px;*/
    width:305px;
}
#globalNav02 li.gnav01,#globalNav02 li.gnav02,#globalNav02 li.gnav03,#globalNav02 li.gnav04 {
	width: 281px;
}

#globalNav li a,#globalNav02 li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding-top: 40px;
	overflow: hidden;
}
#globalNav li.active a,
#globalNav li a:hover,
#globalNav02 li.active a,
#globalNav02 li a:hover {
	background: #fff;
    filter: Alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.30;
}
ul.indexBannerArea li {
	float: left;
	margin-right: 28px;
	margin-bottom: 28px;
}
ul.indexBannerArea li:nth-child(2n) {
	margin-right: 0px;
}
h2.index_block {
	margin-bottom: 20px;
}
#recommend_area .product_item_wrap {
	width: 100%!important;
}
.product_item_wrap li {
	float: left;
	margin-right: 30px;
	margin-bottom: 28px;
	width: 240px;
}
.product_item_wrap li:nth-child(3n) {
	margin-right: 0px;
}
#recommend_area {
	margin-bottom: 10px!important;
}
#recommend_area.index_gift {
	margin-bottom: 20px!important;
}
#recommend_area .product_item_wrap li {
	background: #f6f6f6;
}
#recommend_area .product_item_link {
	width: 100%!important;
	padding: 0!important;
	border: 0!important;
}
#recommend_area .productImage {
	margin: 1px!important;
	/*height: 150px;*/
	overflow: hidden;
}
#recommend_area .productImage img {
	border: solid 1px #fff;
	width: 238px;
	max-width: 238px!important;
	max-height: 238px!important;
}
#recommend_area .productContents {
	padding: 10px;
}
#season_product_news h3,
#recommend_area .productContents h3 {
	font-size: 14px;
	color: #204068;
}
#season_product_news p,
#recommend_area .relation_area p {
	font-size: 12px;
}
#blog_area ,#relation_area {
	margin-bottom: 10px;
}
#blog_area .product_item_link ,#relation_area .product_item_link{
	width: 100%!important;
	padding: 0!important;
	border: 0!important;
}
#blog_area .product_item_wrap li,#relation_area .product_item_wrap li {
	background: #fff;
	width: 238px;
	border: solid 1px #eee;
}
#blog_area .productImage,#relation_area .productImage{
	margin: 1px!important;
	height: 200px;
	overflow: hidden;
	position: relative;
}

/*#blog_area.blog_category_all .productImage {
	height: 100px;
}*/
#blog_area .productImage img ,#relation_area .productImage img {
	border: 0;
	width: 238px;
}
#blog_area .productImage .blogArrow,#relation_area .productImage .blogArrow{
	position: absolute;
	bottom: 0px;
	right: 5px;
	z-index: 100;
}
#blog_area .productImage .blogArrow img,#relation_area .productImage .blogArrow img{
	width: 24px;
}
#blog_area .product_item_wrap .product_item,#relation_area .product_item_wrap .product_item{
    position:relative;
}
#blog_area .productContents,#relation_area .productContents{
	position:absolute;
	padding: 15px;
	bottom:0;
	background:rgba(255,255,255,0.8);
	width:100%;
	box-sizing:border-box;
}
#blog_area .productContents h3 ,#relation_area .productContents h3{
	font-size: 12px;
}

#season_product_news {
	margin-bottom: 10px;
}
#season_product_news li {
	float: left;
	margin-right: 25px;
	margin-bottom: 28px;
	width: 380px;
}
#season_product_news li .txtArea {
	padding: 10px;
}
#season_product_news li:nth-child(2n) {
	margin-right: 0px;
}
#arrCheckItems .flexslider02 .product_item_link {
	padding: 0!important;
}
#arrCheckItems {
	margin-bottom: 30px!important;
	border-bottom: solid 1px #f3dfcb;
	border-left: solid 1px #f3dfcb;
	border-right: solid 1px #f3dfcb;
	padding: 25px 0 0 0;
}
.checkeditems {
	margin: 0 auto;
	height: 40px;
}
#arrCheckItems .product_item img {
	max-width: 146px!important;
	max-height: 146px!important;
}
.flexslider04,
.flexslider03,
.flexslider02 {
	position: relative;
	margin: 0 auto;
	padding: 0 62px;
	width: 660px;
}
.flexslider04 .flex-viewport,
.flexslider03 .flex-viewport,
.flexslider02 .flex-viewport {
	margin: 0 auto;
	width: 100%;
	z-index: 100;
}
.flexslider04 .flex-viewport .slides li,
.flexslider03 .flex-viewport .slides li,
.flexslider02 .flex-viewport .slides li {
	margin-right: 20px;
}
.flexslider04 .flex-direction-nav,
.flexslider03 .flex-direction-nav,
.flexslider02 .flex-direction-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 784px;
	height: 160px;
	z-index: 10;
}
.flexslider04 .flex-direction-nav li,
.flexslider03 .flex-direction-nav li,
.flexslider02 .flex-direction-nav li {
	margin-right: 20px;
}
.flexslider04 .flex-direction-nav li a,
.flexslider03 .flex-direction-nav li a,
.flexslider02 .flex-direction-nav li a {
	width: 50px;
	height: 0px;
	display: block;
	overflow-y: hidden!important;
	padding-top: 50px;top: 55px;
	position: absolute;
}
.noguide .flex-direction-nav .flex-prev { opacity: 1; left: 10px!important;}
.noguide .flex-direction-nav .flex-next { opacity: 1; right: 10px!important;}
.flexslider04 .flex-direction-nav li a.flex-prev,
.flexslider03 .flex-direction-nav li a.flex-prev,
.flexslider02 .flex-direction-nav li a.flex-prev {
	left: 0px;
	background: url(../img/button/btn_carouselPrev.png) 9px top no-repeat;
}
.flexslider04 .flex-direction-nav li a.flex-next,
.flexslider03 .flex-direction-nav li a.flex-next,
.flexslider02 .flex-direction-nav li a.flex-next {
	position: absolute;
	right: 0px;
	background: url(../img/button/btn_carouselNext.png) 15px top no-repeat;
}
.flexslider04 .flex-direction-nav li p,
.flexslider03 .flex-direction-nav li p,
.flexslider02 .flex-direction-nav li p {text-align: right;}
#easy_recommend .flexslider04 .productImage,
#boughtitems .flexslider03 .productImage,
#arrCheckItems .flexslider02 .productImage {
	width: 148px;
	/*height: 98px;*/
    height:inherit;
	overflow: hidden;
	border: solid 1px #eee;
}
#easy_recommend .flexslider04 .productImage img,
#boughtitems .flexslider03 .productImage img,
#arrCheckItems .flexslider02 .productImage img{
	margin: 1px;
	width: 146px;
}
#easy_recommend .flexslider04 .product_item_link,
#boughtitems .flexslider03 .product_item_link,
#arrCheckItems .flexslider02 .product_item_link {
	width: 150px;
	border: none;
}
#easy_recommend .flexslider04 .product_item_link:hover,
#boughtitems .flexslider03 .product_item_link:hover,
#arrCheckItems .flexslider02 .product_item_link:hover {
	border: none;
}
#easy_recommend .flexslider04 .productContents,
#boughtitems .flexslider03 .productContents,
#arrCheckItems .flexslider02 .productContents {
	padding: 10px;
}
#easy_recommend .flexslider04 li h3,
#boughtitems .flexslider03 li h3,
#arrCheckItems .flexslider02 li h3{
	font-size: 14px;
	color: #204068;
}
#easy_recommend .flexslider04 li p,
#boughtitems .flexslider03 li p,
#arrCheckItems .flexslider02 li p{
	font-size: 12px;
}
#easy_recommend {
	margin-bottom: 30px!important;
	padding: 25px 0 0 0;
	border-bottom: solid 1px #e2d1d7;
	border-left: solid 1px #e2d1d7;
	border-right: solid 1px #e2d1d7;
}
#boughtitems {
	border-bottom: solid 1px #d0e6eb;
	border-left: solid 1px #d0e6eb;
	border-right: solid 1px #d0e6eb;
	padding: 25px 0 0 0;
    margin-bottom: 40px;
}
/* side_column */
.side_column .bnrArea li {
/*	height: 100px;*/
	margin-bottom: 20px;
}
.side_column .menu_list {
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝"
}
.side_column .menu_list h3 {
	margin: 0 0 15px 0;
	font-size: 18px;
}
.side_column .menu_list ul li {
	padding: 4px 0 4px 15px;
	/*background: url(../img/icon/icon_arrow01.png) left center no-repeat;*/
    background: url(../img/icon/icon_arrow01.png) left 12px no-repeat;
	font-size: 14px;
}
.searchArea {
	margin: 20px 0 30px 0;
}
.searchArea input[type='text'] {
	float: left;
	width: 138px!important;
	height: 18px;
	padding: 5px;

background: #f5f3e9;
border-top-color: #dcdad1;
border-bottom-color: #f5f3e9;
border-left-color: #f5f3e9;
border-right-color: #f5f3e9;
}
.shopData {
	margin-bottom: 30px;
	width: 200px;
	/*height: 318px;*/
/*	min-height: 318px; */
	padding: 0;
/*	background: url(../img/background/bg_shopData01.png) left center no-repeat; */
	font-family:"ＭＳ Ｐゴシック", "MS ゴシック";
	font-size: 14px;
}
.shopData h3 {font-size: 14px;font-weight:bold;margin: 5px 0;}
.shopData .small_attention {font-size: 12px;margin-top: 10px;}
.shopDataHead {
	height: 5px;
	background: url(../img/background/bg_shopData_head01.jpg) left center no-repeat;
}
.shopDataBody {
	padding: 5px 10px;
	width: 180px;
	background: url(../img/background/bg_shopData_body01.jpg) left center repeat-y;
}
.shopDataBottom {
	height: 5px;
	background: url(../img/background/bg_shopData_bottom01.png) left center no-repeat;
}
.shopDatahead {
	height: 5px;
	background: url(../img/background/bg_shopData01.png) left center no-repeat;
}

/*******20190816 レフトお問い合わせ追加********/
.ContactArea{background: url(../img/common/contact_line.gif) center top no-repeat;padding:5px 0 15px 0;}
.ContactArea h3{padding:10px 0 10px 50px;background: url(../img/common/contact_icon.gif) 10px center no-repeat;}
.ContactArea p{margin:0px 5px 5px 5px;font-size:12px;font-weight:normal;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


.season_item, .guideArea{
	margin-bottom: 30px;
}
.season_item {
	padding-top: 30px;
}
.budget_item {
	padding-top: 33px;
}
.blogMenu {
	background: url(../img/background/img_sidebar_bg05.jpg) right top no-repeat;
}
.blogNew {
	background: url(../img/background/img_sidebar_bg07.jpg) right bottom no-repeat;
}
.blogCategory {
	background: url(../img/background/img_sidebar_bg08.jpg) right bottom no-repeat;
}
.blogArchive {
	background: url(../img/background/img_sidebar_bg09.jpg) right bottom no-repeat;
}
.bestPost {
	background: url(../img/background/img_sidebar_bg06.jpg) right bottom no-repeat;
}
.season_item.index {
	background: url(../img/background/img_sidebar_bg01.png) right top no-repeat;
}
.budget_item.index {
	background: url(../img/background/img_sidebar_bg02.png) right top no-repeat;
	height: 244px;
}
.season_item.giftIndex {
	background: url(../img/background/img_sidebar_bg03.jpg) right top no-repeat;
}
.budget_item.giftIndex {
	margin-bottom: 0!important;
	height: 244px;
	background: url(../img/background/img_sidebar_bg04.jpg) right top no-repeat;
}
.guideArea {
	padding-top: 25px;
/*	background: url(../img/background/img_sidebar_bg03.png) right top no-repeat; */
}
#footer_wrap {
	margin: 0;
	height: 80px;
	border-top: 0;
	background: #204068;
}
#footer {
	margin: 0 auto;
	padding: 0 0 0 50px;
	width: 1074px;
}
#footer ul {
	display: table;
	width: 100%;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
}
#footer ul li{
	display: table-cell;
	height: 80px;
	color: #fff;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
position: relative;
}
#footer ul li a:link,
#footer ul li a:hover,
#footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer ul li.copyright {
	width: 373px;
}
#footer ul li.nav01 {
	width: 122px;
}
#footer ul li.nav02 {
	width: 119px;
}
#footer ul li.nav03 {
	width: 96px;
letter-spacing: -0.1em;
}
#footer ul li.nav04 {
	width: 88px;
	padding-left: 60px;
}
#footer ul li.nav05 {
	width: 160px;
	padding-right: 50px;
}

#footer ul li.nav04,
#footer ul li.nav05 {
	background:#587292;
}
/*  */
.flexslider {
	margin: 0 0 25px!important;
}
.flex-control-paging li a {
	width: 15px!important;
	height: 15px!important;
}
.flex-control-paging li a.flex-active {
	background: #204068!important;
}
/* ----- GIFT INDEX ------------------------------------------------------------------- */
#topicpath li a:link {
	text-decoration: underline;
}
.giftMainVisual {
	margin-bottom: 33px;
}
.gift_menu ul,
.seasonGiftBnr ul {
	display: table;
	width: 100%;
}
.seasonGiftBnr ul li {
	display: table-cell;
	width: 50%;
}
.gift_menu,
.seasonGiftBnr {
	margin-bottom: 30px;
}
.gift_menu h2 {
	margin-bottom: 20px;
}
.gift_menu ul {
	margin-bottom: 15px;
}
.gift_menu ul li {
	display: table-cell;
}
.flexslider .flex-direction-nav a {
	margin: -30px 0 0;
}
.flexslider.index a.flex-prev {
	padding-top: 40px;
	height: 0px;
	overflow: hidden;
	background: url(../img/common/img_arrowLeft01.png) left top no-repeat;
	display: block;
}
.flexslider.index a.flex-next {
	padding-top: 40px;
	height: 0px;
	overflow: hidden;
	background: url(../img/common/img_arrowRight01.png) right top no-repeat;
	display: block;
}

/* ----- blog_category_all ------------------------------------------------------------------- */
/* side_column */
.side_column #recommendBlog_area h2,.side_column ,blogNew h2,.side_column .blogCategory h2,.side_column .blogArchive h2 {
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
	font-size: 18px;
	margin: 0 0 15px 0;
}
.blogMenu {
	padding-top: 35px;
	height: 160px;
}
.blogNew,.blogCategory,.blogArchive {
	padding: 20px 0;
}

.bestPost {
	padding-top: 30px;
	padding-bottom: 50px;
}
#container .bestPost .block_body {
	background-color: transparent;
}
#recommendBlog_area .product_item {
	margin-bottom: 13px;
}
#recommendBlog_area .product_item .productImage {
	margin-bottom: 10px;
	width: 200px;
	/*height: 100px;
	overflow: hidden;*/
}
#recommendBlog_area .product_item .productImage img {
	width: 200px;
}
#recommendBlog_area .productContents h3 {
	font-size: 12px;
	font-weight: bold;
}
#recommendBlog_area .productContents p {
	font-size: 12px;
}
/* mainContents */
.blog_category_all_main .mainVisual {
	margin-bottom: 24px;
}
.blog_category_all_main h1 {
	margin-top: 0px;
	margin-bottom: 10px;
}
.blog_category_all_main h2 {
	margin-bottom: 30px;
}
.blog_catWrap {
	margin-bottom: 25px;
}
.blog_catWrap02 {
	margin-bottom: 35px;
}
.blog_categoryL,.blog_categoryC {
	float: left;
	/*width: 377px;*/
	width: 245px;/*20180928 3列に修正*/
}
.blog_categoryC {margin-left:24px;}/*20180928 3列に修正*/
.blog_categoryR {
	float: right;
	/*width: 377px;*/
	width: 245px;/*20180928 3列に修正*/
}
/*.blog_category_all_main .txtArea h3{ */
.blog_category_all_main .blog_catWrap h3,
.blog_category_all_main .blog_catWrap02 h3
{
	margin:5px 0;
	font-size: 16px;
	font-weight: bold;
}
.blog_category_all_main .txtArea p{
	font-size: 12px;
}
/* ----- blog_list ------------------------------------------------------------------- */
#undercolumn.blogList {
	margin-bottom: 38px;
}
.blogList .pl_layout1 {
	display: table;
	width: 100%;
	padding-top: 27px;
	padding-bottom: 32px;
	border-bottom: none;
	background: url(../img/common/img_border01.png) left bottom no-repeat;
}
.blogList .pl_layout1.view1 .picture {
	width: 300px;
	height: 200px;
	max-width: 300px;
	max-height: 200px;
	overflow: hidden;
}
.blogList .pl_layout1 .list_area {
	position: relative;
	padding: 0;
	height: 209px;
	border: 1px solid #fff;
}
.blogList .pl_layout1 .list_area:hover {
	border-color: #fff;
}
.blogList p.list_fmdate {
	color: #204067;
	font-size: 12px;
}
.blogList .pl_layout1 .listrightbloc h3 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.blogList .pl_layout1 .listrightbloc .listcomment {
	margin-bottom: 10px;
	font-size: 12px;
}
.blogList .pl_layout1 .listrightbloc {
	padding-left: 30px;
}
.blogList .moreBtn {
	position: absolute;
	right: 0;
	bottom: -10px;
	padding: 8px 0 12px 0;
	width: 140px;
	height: 15px;
	background: #204067;
	color: #fff;
	text-align: center;
}
.moreBtn:hover {
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  opacity: 0.40;
}
/* ----- products_detail ------------------------------------------------------------------- */
#detailarea {
width: 705px;
margin: 0 auto;
}
.detailWrap {
border: solid 1px #eee;
padding-top: 40px;
padding-bottom: 44px;
margin-bottom: 40px;
}
#detailrightbloc .product_title {
	font-size: 20px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
	text-align: left;
	padding: 10px 0;
	border: none;
}
#detailrightbloc .main_comment {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 180%;
}
.itemData th {
	padding: 10px 0;
	font-size: 12px;
	font-weight: bold;
	width: 75px;
	height: 40px;
	min-height: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 180%;
}
.itemData td {
	padding: 10px 0;
	font-size: 12px;
}
.itemData td:hover {
	background: transparent;
}
.pc_icon img {margin-right: 5px;}

#detailrightbloc {
	padding-left: 40px;
	position:relative;/*180412　商品ページカテゴリバナー追加用*/
}

#detailrightbloc div.cate_bnr{position: absolute;top: 450px;left: -300px;width: 300px;}/*180412　商品ページカテゴリバナー追加用*/

.priceArea {
	text-align: right;
	color: #204067;
	font-size: 20px;
	font-weight: bold;
	margin-top: 35px;
}

.cartArea {
	display: table;
	width: 100%;
	margin-top: 20px;
}
.quantityArea,
.cartinArea {
	display: table-cell;
}
.quantityArea {
	text-align: right;
}
.cartinArea {
	width: 240px;
	text-align: center;
}
#detailrightbloc .quantity {
	text-align: center;
	border-top: none;
	padding: 0;
}
a.cartbtn {
display: block;
color: #fff;
background: #b83f2e;
width: 240px!important;
height: 20px;
text-align: center;
padding: 15px 0!important;
	font-size: 14px;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
}
a.cartbtn.cart_disabled {
	background: #d9d9d9;
}

#detailrightbloc .cart_area {
padding: 10px 0;
}
.products_detail_block {
	padding-bottom: 10px;
}
.products_detail_block p{
	padding-bottom: 20px;
	line-height: 180%;
	font-size: 14px;
}
.products_detail_block.item01 p {
	margin: 0 auto;
	width: 705px;
}
.products_detail_block h2{
	margin: 22px auto 12px auto;
	width: 705px;
	font-size: 20px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
}
.products_detail_block h3 {
	margin: 0 auto 11px auto;
	width: auto;
	font-size: 20px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
}
.products_detail_block.item02 .wrap,
.products_detail_block.item03 .wrap {
	display: table;
	width: 705px;
	margin: 0 auto;
}
.products_detail_block .wrap .txtArea,
.products_detail_block .wrap .imgArea {
	display: table-cell;
	vertical-align: top;
}
.products_detail_block.item02  .wrap .txtArea {
	padding-left: 40px;
	padding-right: 10px;
}
.products_detail_block.item03  .wrap .txtArea {
	padding-right: 40px;
}
.products_detail_block.item04 {
	width: 705px;
	margin: 53px auto 0 auto;
	padding: 0 0 20px 0px!important;
	background: url(../img/background/bg_detail02.png) left bottom repeat-y;
}
.products_detail_block.item04 .wrap {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
}
.products_detail_block.item04 .wrap:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}
.item04_head {
padding-top: 80px;
background: url(../img/background/bg_detail01.png) left top no-repeat;
}
.item04_body {
margin: 0 auto;
padding: 30px 20px;
width: 625px;
background: #fff;
}
.products_detail_block.item04 .wrap .txtArea {
	padding-left: 25px;
font-size: 12px;
}

/* ----- blog_detail ------------------------------------------------------------------- */
#detailinfo_area .detailinfo_bloc {
width: 780px;
margin: 0 auto;
}
.blog_detail #detailrightbloc .product_title {
font-size: 20px;
font-weight: bold;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
text-align: left;
padding: 0;
border: none;
}
.blog_detail #detailarea {
	margin: 0 auto;
	width: 785px;
}

.blog_detail #detailrightbloc {
	padding-left: 0;
}
.quote {
	padding: 40px 30px 34px 105px;
	background: #f9f9f9 url(../img/background/bg_blog_quote01.png) left top no-repeat;
}



/* ----- product_list ------------------------------------------------------------------- */
.categoryTop {
	background: url(../img/common/img_border01.png) left bottom no-repeat;
	padding-bottom: 5px;
}
.categoryTop h2 {
	margin: 28px auto 11px auto;
	width: 705px;
	font-size: 20px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝";
}
.categoryTop p {
	margin: 0 auto;
	width: 705px;
	padding-bottom: 30px;
	line-height: 180%;
	font-size: 12px;
}
.pagenumber_area .change {
	float: none!important;
	text-align: center;
	white-space: nowrap;
	margin: 0 auto!important;
	display: table!important;
}
.pagenumber_area .navi strong {
	color: #fff!important;
	background-color: #435d98!important;
}
.pagenumber_area a {
	color: #fff!important;
	background-color: #607997!important;
}
.orderby {
	font-size: 14px;
	padding: 5px 0 32px 0;
}
.orderby a:link{
	text-decpration: underline;
}
.sale_price {
	font-size: 12px;
}
.product_item_wrap {
	margin-bottom: 10px!important;
}
.product_item_wrap li {
	background: #f6f6f6;
}
.product_item_wrap .product_item_link {
	width: 100%!important;
	padding: 0!important;
	border: 0!important;
}
.product_item_wrap .listphoto {
	margin: 1px!important;
	/* height: 150px; */
	overflow: hidden;
}
.product_item_wrap .listphoto img {
	border: solid 1px #fff;
	width: 238px;
	max-width: 238px!important;
	max-height: 238px!important;
}
.product_item_wrap .listrightbloc {
	padding: 10px;
}
.product_item_wrap .listrightbloc h3 {
	font-size: 14px;
	color: #204068;
	font-weight: bold;
}
.product_item_wrap .listrightbloc p {
	font-size: 12px;
}
.product_item_wrap .detail_link {
margin: 0!important;
padding: 0!important;
width: 100%!important;
}
.product_item_wrap .detail_link:hover {
border-color: #fff;
}
.main_column .products_list .block_body {
margin: 0 auto;
width: 785px!important;
}
.sns_btn .list_fmdate {
	float: left;
	padding-top: 3px;
}
.sns_btn ul {
	float: right;
	display: table;
}
.sns_btn ul li {
	display: table-cell;
	vertical-align: top;
}
.sns_btn ul li.sns02,
.sns_btn ul li.sns03,
.sns_btn ul li.sns04,
.sns_btn ul li.sns05 {
	padding-top: 2px;
	padding-left: 5px;
}#detailarea h2.blog_title {
	margin-bottom: 20px!important;
	padding-bottom: 10px!important;
	font-weight: bold;
	background: url(../img/title/h_blog01.png) left bottom no-repeat;
}
.sns_btn.bottom {
	border-top: solid 1px #b4c2c3;
	border-bottom: solid 1px #b4c2c3;
	padding: 15px 0 10px 0!important;
	margin-bottom: 45px!important;
}
.markdown h3 {
	font-size: 16px!important;
}
/* ----- modify ------------------------------------------------------------------- */
#boughtitems.index_gift {
margin-bottom: 15px;
}
.pagenumber_area .navi a, .pagenumber_area .navi strong {
width: 33px!important;
height: 38px!important;
line-height: 38px!important;
}
.categoryTop .imgArea img,
.giftMainVisual img,
.seasonGiftBnr ul li img,
.flexslider.index .slides li,
.indexBannerArea img {
box-shadow:rgba(102, 102, 102, 0.65098) 0px 4px 4px -5px;
-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 0px 4px 4px -5px;
-moz-box-shadow:rgba(102, 102, 102, 0.65098) 0px 4px 4px -5px;
}
/* ----- fr_追記 ------------------------------------------------------------------- */
.fr_journal_list{
    font-size: 18px;
    margin: 0px auto 10px;
}
.fr_journal_list ul{
    margin: 0 auto 40px;
}
.fr_journal_list li{
    font-size: 14px;
    margin:8px auto;
    border-bottom: 1px solid #eee;
}
.fr_title{
    margin: 30px 0 20px;
    border: 0px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝" !important;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #1d3e65;
    text-align: left;
    padding: 5px 0;
}
.fr_backnumber_title {
    background: url(/user_data/packages/default/add/common/img/h_form.png) left bottom no-repeat;
    border: 0px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝" !important;
    font-size: 23px;
    letter-spacing: 0.1em;
    color: #1d3e65;
    text-align: left;
    padding: 5px 0;
}
.gift_menu a img:hover{
    opacity:0.5;
}
.product_item_wrap .listphoto img:hover{
    opacity:0.8;
}
.blog_category_all_main a img:hover{
    opacity:0.8;
}
h2.fr_header_blg{
    background: url(/user_data/packages/default/img/title/h_blogCat01.png)no-repeat top;
    height: 50px;
    padding: 2px 40px 2px;
    font-size: 22px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
}
.fr_boughtitem_bl {
    margin-bottom: 30px!important;
    padding: 25px 0 0 0;
    border-bottom: solid 1px #84bfcd;
    border-left: solid 1px #84bfcd;
    border-right: solid 1px #84bfcd;
    width:782px;
}
#season_product_news li a img:hover {
    opacity:0.8;
}
.flexslider .slides img:hover{
    opacity:0.8;
}
#blog_area ul li a img:hover{
    opacity: 0.8;
}
.blogList .pl_layout1.view1 .listphoto img:hover{
    opacity: 0.8;
}
#recommendBlog_area .product_item .productImage img:hover{
    opacity:0.8;
}

.fr_file-upload {
	position: relative;
	overflow: hidden;
	min-width: 366px;
	padding: 10px 6px;
	line-height: 1.6;
	cursor: pointer;
	
	display: block;
	color: #fff;
	background: #b83f2e;
	width: 100%!important;
	height: 20px;
	text-align: center;
	padding: 15px 0!important;
	font-size: 14px;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
	  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
	
}

.fr_file-upload:hover {
  text-decoration: underline;
  opacity: 0.6;
}

.fr_file-upload input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.upload_error{
	color:#ff0000;
}