@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap");
@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
html {
  font-size: 14px; }
button, input, optgroup, select, textarea {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
body {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #000000;
  transition: z-index 0ms 5.28455ms;
  background: #f6f6f6;
  margin: 2px;
  line-height: 28px;
  min-width: 1300px;
  margin: 0; }
body.nav-fixed {
    position: fixed;
    overflow: hidden;
    margin: 0;
    width: 100vw; }
a {
  text-decoration: none; }
pre {
  background-color: transparent;
  border: none;
  padding: 1.14rem 0; }
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

ページ内で見出しとして機能する要素のスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.1
*/
/*
見出し

商品紹介等で利用される、一般的な見出しのスタイルです。

ex [商品詳細ページ　商品見出し部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-headingTitle マトリョーシカ

Styleguide 1.1.1
*/
.ec-headingTitle {
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: normal;
  color: #525263; }
/*
ページヘッダ

各種ページで用いられるページヘッダのデザインです。

ex [利用規約ページ　ページヘッダ部](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-pageHeader
  h1 利用規約

Styleguide 1.1.2
*/
.ec-pageHeader h1 {
  margin: 0 0 8px;
  border-bottom: 1px dotted #ccc;
  border-top: 1px solid #ccc;
  padding: 8px 0 12px;
  font-size: 16px;
  font-weight: bold; }
/*
サブ見出し

利用規約など、文字主体のページで用いられるサブ見出しです。

ex [利用規約ページ サブ見出し部分](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-heading 第1条 (会員)

Styleguide 1.1.3
*/
.ec-heading {
  margin: 24px 0; }
/*
サブ見出し(太字)

文字主体のページで用いられるサブ見出しの太字のスタイルです。

ex [プライバシーポリシー サブ見出し部分](http://demo3.ec-cube.net/help/privacy)

Markup:
.ec-heading-bold 個人情報の定義

Styleguide 1.1.4
*/
.ec-heading-bold {
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold; }
/*
背景付き見出し

マイページ注文履歴等で用いられる背景付きの見出しです。

ex [ご注文履歴詳細　背景付き見出し部分](http://demo3.ec-cube.net/mypage/history/1063)

Markup:
.ec-rectHeading
  h2 配送情報
.ec-rectHeading
  h2 お支払について

Styleguide 1.1.5
*/
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3,
.ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
  background: #F3F3F3;
  padding: 8px 12px;
  font-size: 20px;
  font-weight: bold; }
/*
メッセージ見出し

ユーザが行った操作に対する、完了報告やエラー表示のページで使用される見出しのスタイルです。

ex [注文完了 ログイン後、カートに商品を入れ注文完了まで行う](http://demo3.ec-cube.net/shopping/)

Markup:
.ec-reportHeading
  h2 ご注文ありがとうございました

Styleguide 1.1.6
*/
.ec-reportHeading {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin: 20px 0 30px;
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold; }
.ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3,
  .ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
    font-weight: bold;
    font-size: 24px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
文字装飾

文字装飾をするためのスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.2
*/
/*
テキストリンク

テキストリンクのスタイルです。

Markup:
a(href="#").ec-link さくらのクラウド

Styleguide 1.2.1
*/
.ec-link {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer; }
.ec-link:hover {
    color: #33A8D0;
    text-decoration: none; }
/*
テキスト（太字）

テキストを太くするためのスタイルです。

Markup:
p.ec-font-bold この季節にぴったりな商品をご用意しました

Styleguide 1.2.2
*/
.ec-font-bold {
  font-weight: bold; }
/*
テキスト（グレー）

テキストをグレーにするためのスタイルです。

Markup:
p.ec-color-grey 青色が美しい職人が仕上げた吹きガラス

Styleguide 1.2.3
*/
.ec-color-grey {
  color: #9a947e; }
/*
テキスト（赤）

テキストを赤にするためのスタイルです。

Markup:
p.ec-color-red ¥ 2,728 税込
p.ec-color-accent ¥ 2,728 税込

Styleguide 1.2.4
*/
.ec-color-red {
  color: #DE5D50; }
.ec-color-accent {
  color: #DE5D50; }
/*
フォントサイズ

フォントサイズを指定するためのスタイルです。

Markup:
.ec-font-size-1 さわやかな日差しが過ごしやすい季節
.ec-font-size-2 さわやかな日差しが過ごしやすい季節
.ec-font-size-3 さわやかな日差しが過ごしやすい季節
.ec-font-size-4 さわやかな日差しが過ごしやすい季節
.ec-font-size-5 さわやかな日差しが過ごしやすい季節
.ec-font-size-6 さわやかな日差しが過ごしやすい季節


Styleguide 1.2.5
*/
.ec-font-size-1 {
  font-size: 12px; }
.ec-font-size-2 {
  font-size: 14px; }
.ec-font-size-3 {
  font-size: 16px; }
.ec-font-size-4 {
  font-size: 20px; }
.ec-font-size-5 {
  font-size: 32px; }
.ec-font-size-6 {
  font-size: 40px; }
/*
テキスト水平位置

テキストをセンタリングするためのスタイルです。

Markup:
p.ec-text-ac さわやかな日差しが過ごしやすい季節

Styleguide 1.2.6
*/
.ec-text-ac {
  text-align: center; }
/*
価格テキスト

価格を表示するテキストです。

価格文字にスペースを取るほか、税込み等の表示を小さくする効果もあります。

spanを用いたインライン要素として利用します。

Markup:
div(style="color:#DE5D50;font-size:28px")
    span.ec-price
      span.ec-price__unit ¥
      span.ec-price__price 1,280
      span.ec-price__tax 税込

Styleguide 1.2.7
*/
.ec-price .ec-price__unit {
  font-size: 18px;
  font-weight: bold; }
.ec-price .ec-price__price {
  display: inline-block;
  padding: 0 .3em;
  font-size: 18px;
  font-weight: bold; }
.ec-price .ec-price__tax {
  font-size: 12px; }
/*
テキストの位置

テキストや、入れ子にしたインライン要素を
「左揃え」「中央揃え」「右揃え」に設定することができます。

Markup:
h3 左揃え
p.text-left
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?
br
h3 中央揃え
p.text-center
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?
br
h3 右揃え
p.text-right
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?

Styleguide 1.2.8
*/
.text-left {
  text-align: left; }
.text-center {
  text-align: center; }
.text-right {
  text-align: right; }
/*
メッセージテキスト

ユーザが行った操作に対する、完了報告やエラー表示のページで使用されるテキストのスタイルです。

ex [注文完了 （ログイン後、カートに商品を入れ注文完了まで行う）](http://demo3.ec-cube.net/shopping/)

Markup:
.ec-reportHeading
  h2 ご注文ありがとうございました
p.ec-reportDescription
      | ただいま、ご注文の確認メールをお送りさせていただきました。
      br
      | 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
      br
      | 今後ともご愛顧賜りますようよろしくお願い申し上げます。


Styleguide 1.2.9
*/
.ec-reportDescription {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4; }
/*
テキスト下部のスペース

テキストの下に余白を追加することができます。 .ec-para-normalで16pxの余白をつけることができます。

Markup:
p.ec-para-normal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
p.ec-para-normal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。

Styleguide 1.2.10
*/
.ec-para-normal {
  margin-bottom: 16px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
リスト

シンプルなリストを構成するためのスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.3
*/
/*
水平定義リスト

シンプルな定義リストのスタイルを定義します。

dl要素を用いてコーディングします。

ex [当サイトについて　水平定義リスト部分](http://demo3.ec-cube.net/help/about)

Markup:
dl.ec-definitions
    dt 店名
    dd EC-CUBE3 DEMO SHOP
dl.ec-definitions
    dt 会社名
    dd EC-CUBE3
dl.ec-definitions--soft
    dt 所在地
    dd 〒 550-0001

Styleguide 1.3.1
*/
.ec-definitions, .ec-definitions--soft {
  margin: 5px 0;
  display: block; }
.ec-definitions dt, .ec-definitions--soft dt, .ec-definitions dd, .ec-definitions--soft dd {
    display: inline-block;
    margin: 0; }
.ec-definitions dt, .ec-definitions--soft dt {
    font-weight: bold; }
.ec-definitions--soft dt {
  font-weight: normal; }
/*
下線つき定義リスト

線が添えられた定義リストのスタイルを定義します。

dl要素を用いてコーディングします。

ex [当サイトについて　下線つき定義リスト](http://demo3.ec-cube.net/help/about)

Markup:
.ec-borderedDefs
  dl
    dt 店名
    dd EC-CUBE3 DEMO SHOP
  dl
    dt 会社名
    dd EC-CUBE3
  dl
    dt 所在地
    dd 〒550 - 0001

Styleguide 1.3.2
*/
.ec-borderedDefs {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-bottom: 16px; }
.ec-borderedDefs dl {
    display: flex;
    border-bottom: 1px dotted #ccc;
    margin: 0;
    padding: 10px 0 0;
    flex-wrap: wrap; }
.ec-borderedDefs dt, .ec-borderedDefs dd {
    padding: 0; }
.ec-borderedDefs dt {
    font-weight: normal;
    width: 100%;
    padding-top: 0; }
.ec-borderedDefs dd {
    padding: 0;
    width: 100%;
    line-height: 2.5; }
.ec-borderedDefs p {
    line-height: 1.4; }
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0; }
.ec-list-chilled dt, .ec-list-chilled dd {
    display: table-cell;
    border-bottom: 1px dotted #ccc;
    padding: 0; }
.ec-list-chilled dt {
    width: 30%; }
.ec-list-chilled dd {
    padding: 0; }
/*
ボーダーリスト

線が添えられたリストを表示します。

ex [当サイトについて　ボーダーリスト](http://demo3.ec-cube.net/help/about)

Markup:
ul.ec-borderedList
  li: p lorem
  li: p lorem
  li: p lorem


Styleguide 1.3.3
*/
.ec-borderedList {
  width: 100%;
  border-top: 0;
  list-style: none;
  padding: 0; }
.ec-borderedList li {
    border-bottom: 1px dotted #ccc; }
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0; }
.ec-list-chilled dt, .ec-list-chilled dd {
    display: table-cell;
    border-bottom: 1px dotted #ccc;
    padding: 16px 0; }
.ec-list-chilled dt {
    width: 30%; }
.ec-list-chilled dd {
    padding: 16px; }
/*
ボタンサイズ

ボタンサイズを変更するスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 2.1
*/
/*
通常ボタン

インラインの要素としてボタンを定義出来ます。

ex [トップページ　ボタン部分](http://demo3.ec-cube.net/)

Markup:
.ec-inlineBtn 住所検索
.ec-inlineBtn--primary もっと見る
.ec-inlineBtn--action カートに入れる
.ec-inlineBtn--cancel キャンセル

Styleguide 2.1.1
*/
.ec-inlineBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #525263;
  background-color: #F5F7F8;
  border-color: #ccc; }
.ec-inlineBtn:focus, .ec-inlineBtn.focus, .ec-inlineBtn:active:focus, .ec-inlineBtn:active.focus, .ec-inlineBtn.active:focus, .ec-inlineBtn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-inlineBtn:hover, .ec-inlineBtn:focus, .ec-inlineBtn.focus {
    color: #525263;
    text-decoration: none; }
.ec-inlineBtn:active, .ec-inlineBtn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-inlineBtn.disabled, .ec-inlineBtn[disabled],
  fieldset[disabled] .ec-inlineBtn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-inlineBtn:focus, .ec-inlineBtn.focus {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #8c8c8c; }
.ec-inlineBtn:hover {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #adadad; }
.ec-inlineBtn:active, .ec-inlineBtn.active,
  .open > .ec-inlineBtn.dropdown-toggle {
    color: #525263;
    background-color: #d7dfe3;
    background-image: none;
    border-color: #adadad; }
.ec-inlineBtn:active:hover, .ec-inlineBtn:active:focus, .ec-inlineBtn:active.focus, .ec-inlineBtn.active:hover, .ec-inlineBtn.active:focus, .ec-inlineBtn.active.focus,
    .open > .ec-inlineBtn.dropdown-toggle:hover,
    .open > .ec-inlineBtn.dropdown-toggle:focus,
    .open > .ec-inlineBtn.dropdown-toggle.focus {
      color: #525263;
      background-color: #c2ced4;
      border-color: #8c8c8c; }
.ec-inlineBtn.disabled:hover, .ec-inlineBtn.disabled:focus, .ec-inlineBtn.disabled.focus, .ec-inlineBtn[disabled]:hover, .ec-inlineBtn[disabled]:focus, .ec-inlineBtn[disabled].focus,
  fieldset[disabled] .ec-inlineBtn:hover,
  fieldset[disabled] .ec-inlineBtn:focus,
  fieldset[disabled] .ec-inlineBtn.focus {
    background-color: #F5F7F8;
    border-color: #ccc; }
.ec-inlineBtn .badge {
    color: #F5F7F8;
    background-color: #525263; }
.ec-inlineBtn .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
.ec-inlineBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1; }
.ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary:active.focus, .ec-inlineBtn--primary.active:focus, .ec-inlineBtn--primary.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-inlineBtn--primary:hover, .ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus {
    color: #525263;
    text-decoration: none; }
.ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-inlineBtn--primary.disabled, .ec-inlineBtn--primary[disabled],
  fieldset[disabled] .ec-inlineBtn--primary {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus {
    color: #fff;
    background-color: #479393;
    border-color: #2e6060; }
.ec-inlineBtn--primary:hover {
    color: #fff;
    background-color: #479393;
    border-color: #438d8d; }
.ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active,
  .open > .ec-inlineBtn--primary.dropdown-toggle {
    color: #fff;
    background-color: #479393;
    background-image: none;
    border-color: #438d8d; }
.ec-inlineBtn--primary:active:hover, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary:active.focus, .ec-inlineBtn--primary.active:hover, .ec-inlineBtn--primary.active:focus, .ec-inlineBtn--primary.active.focus,
    .open > .ec-inlineBtn--primary.dropdown-toggle:hover,
    .open > .ec-inlineBtn--primary.dropdown-toggle:focus,
    .open > .ec-inlineBtn--primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #3b7b7b;
      border-color: #2e6060; }
.ec-inlineBtn--primary.disabled:hover, .ec-inlineBtn--primary.disabled:focus, .ec-inlineBtn--primary.disabled.focus, .ec-inlineBtn--primary[disabled]:hover, .ec-inlineBtn--primary[disabled]:focus, .ec-inlineBtn--primary[disabled].focus,
  fieldset[disabled] .ec-inlineBtn--primary:hover,
  fieldset[disabled] .ec-inlineBtn--primary:focus,
  fieldset[disabled] .ec-inlineBtn--primary.focus {
    background-color: #5CB1B1;
    border-color: #5CB1B1; }
.ec-inlineBtn--primary .badge {
    color: #5CB1B1;
    background-color: #fff; }
.ec-inlineBtn--primary .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
.ec-inlineBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50; }
.ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus, .ec-inlineBtn--action:active:focus, .ec-inlineBtn--action:active.focus, .ec-inlineBtn--action.active:focus, .ec-inlineBtn--action.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-inlineBtn--action:hover, .ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus {
    color: #525263;
    text-decoration: none; }
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-inlineBtn--action.disabled, .ec-inlineBtn--action[disabled],
  fieldset[disabled] .ec-inlineBtn--action {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus {
    color: #fff;
    background-color: #d33828;
    border-color: #93271c; }
.ec-inlineBtn--action:hover {
    color: #fff;
    background-color: #d33828;
    border-color: #cb3526; }
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active,
  .open > .ec-inlineBtn--action.dropdown-toggle {
    color: #fff;
    background-color: #d33828;
    background-image: none;
    border-color: #cb3526; }
.ec-inlineBtn--action:active:hover, .ec-inlineBtn--action:active:focus, .ec-inlineBtn--action:active.focus, .ec-inlineBtn--action.active:hover, .ec-inlineBtn--action.active:focus, .ec-inlineBtn--action.active.focus,
    .open > .ec-inlineBtn--action.dropdown-toggle:hover,
    .open > .ec-inlineBtn--action.dropdown-toggle:focus,
    .open > .ec-inlineBtn--action.dropdown-toggle.focus {
      color: #fff;
      background-color: #b53022;
      border-color: #93271c; }
.ec-inlineBtn--action.disabled:hover, .ec-inlineBtn--action.disabled:focus, .ec-inlineBtn--action.disabled.focus, .ec-inlineBtn--action[disabled]:hover, .ec-inlineBtn--action[disabled]:focus, .ec-inlineBtn--action[disabled].focus,
  fieldset[disabled] .ec-inlineBtn--action:hover,
  fieldset[disabled] .ec-inlineBtn--action:focus,
  fieldset[disabled] .ec-inlineBtn--action.focus {
    background-color: #DE5D50;
    border-color: #DE5D50; }
.ec-inlineBtn--action .badge {
    color: #DE5D50;
    background-color: #fff; }
.ec-inlineBtn--action .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
.ec-inlineBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #525263;
  border-color: #525263; }
.ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus, .ec-inlineBtn--cancel:active:focus, .ec-inlineBtn--cancel:active.focus, .ec-inlineBtn--cancel.active:focus, .ec-inlineBtn--cancel.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-inlineBtn--cancel:hover, .ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus {
    color: #525263;
    text-decoration: none; }
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-inlineBtn--cancel.disabled, .ec-inlineBtn--cancel[disabled],
  fieldset[disabled] .ec-inlineBtn--cancel {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus {
    color: #fff;
    background-color: #3b3b47;
    border-color: #18181d; }
.ec-inlineBtn--cancel:hover {
    color: #fff;
    background-color: #3b3b47;
    border-color: #363642; }
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active,
  .open > .ec-inlineBtn--cancel.dropdown-toggle {
    color: #fff;
    background-color: #3b3b47;
    background-image: none;
    border-color: #363642; }
.ec-inlineBtn--cancel:active:hover, .ec-inlineBtn--cancel:active:focus, .ec-inlineBtn--cancel:active.focus, .ec-inlineBtn--cancel.active:hover, .ec-inlineBtn--cancel.active:focus, .ec-inlineBtn--cancel.active.focus,
    .open > .ec-inlineBtn--cancel.dropdown-toggle:hover,
    .open > .ec-inlineBtn--cancel.dropdown-toggle:focus,
    .open > .ec-inlineBtn--cancel.dropdown-toggle.focus {
      color: #fff;
      background-color: #2b2b34;
      border-color: #18181d; }
.ec-inlineBtn--cancel.disabled:hover, .ec-inlineBtn--cancel.disabled:focus, .ec-inlineBtn--cancel.disabled.focus, .ec-inlineBtn--cancel[disabled]:hover, .ec-inlineBtn--cancel[disabled]:focus, .ec-inlineBtn--cancel[disabled].focus,
  fieldset[disabled] .ec-inlineBtn--cancel:hover,
  fieldset[disabled] .ec-inlineBtn--cancel:focus,
  fieldset[disabled] .ec-inlineBtn--cancel.focus {
    background-color: #525263;
    border-color: #525263; }
.ec-inlineBtn--cancel .badge {
    color: #525263;
    background-color: #fff; }
.ec-inlineBtn--cancel .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
/*
ブロックボタン（全幅）

ボタンサイズは em で指定するため、テキストサイズの変更でボタンサイズを変更できます。

ex [商品詳細ページ　カートボタン部分](http://demo3.ec-cube.net/products/detail/30)

Markup:
p: .ec-blockBtn 住所検索
p: .ec-blockBtn--primary もっと見る
p: .ec-blockBtn--action カートに入れる
p: .ec-blockBtn--cancel キャンセル

Styleguide 2.1.2
*/
.ec-blockBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #525263;
  background-color: #F5F7F8;
  border-color: #ccc;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0; }
.ec-blockBtn:focus, .ec-blockBtn.focus, .ec-blockBtn:active:focus, .ec-blockBtn:active.focus, .ec-blockBtn.active:focus, .ec-blockBtn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-blockBtn:hover, .ec-blockBtn:focus, .ec-blockBtn.focus {
    color: #525263;
    text-decoration: none; }
.ec-blockBtn:active, .ec-blockBtn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-blockBtn.disabled, .ec-blockBtn[disabled],
  fieldset[disabled] .ec-blockBtn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-blockBtn:focus, .ec-blockBtn.focus {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #8c8c8c; }
.ec-blockBtn:hover {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #adadad; }
.ec-blockBtn:active, .ec-blockBtn.active,
  .open > .ec-blockBtn.dropdown-toggle {
    color: #525263;
    background-color: #d7dfe3;
    background-image: none;
    border-color: #adadad; }
.ec-blockBtn:active:hover, .ec-blockBtn:active:focus, .ec-blockBtn:active.focus, .ec-blockBtn.active:hover, .ec-blockBtn.active:focus, .ec-blockBtn.active.focus,
    .open > .ec-blockBtn.dropdown-toggle:hover,
    .open > .ec-blockBtn.dropdown-toggle:focus,
    .open > .ec-blockBtn.dropdown-toggle.focus {
      color: #525263;
      background-color: #c2ced4;
      border-color: #8c8c8c; }
.ec-blockBtn.disabled:hover, .ec-blockBtn.disabled:focus, .ec-blockBtn.disabled.focus, .ec-blockBtn[disabled]:hover, .ec-blockBtn[disabled]:focus, .ec-blockBtn[disabled].focus,
  fieldset[disabled] .ec-blockBtn:hover,
  fieldset[disabled] .ec-blockBtn:focus,
  fieldset[disabled] .ec-blockBtn.focus {
    background-color: #F5F7F8;
    border-color: #ccc; }
.ec-blockBtn .badge {
    color: #F5F7F8;
    background-color: #525263; }
.ec-blockBtn .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
.ec-blockBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0; }
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary:active.focus, .ec-blockBtn--primary.active:focus, .ec-blockBtn--primary.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-blockBtn--primary:hover, .ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus {
    color: #525263;
    text-decoration: none; }
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-blockBtn--primary.disabled, .ec-blockBtn--primary[disabled],
  fieldset[disabled] .ec-blockBtn--primary {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus {
    color: #fff;
    background-color: #479393;
    border-color: #2e6060; }
.ec-blockBtn--primary:hover {
    color: #fff;
    background-color: #479393;
    border-color: #438d8d; }
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active,
  .open > .ec-blockBtn--primary.dropdown-toggle {
    color: #fff;
    background-color: #479393;
    background-image: none;
    border-color: #438d8d; }
.ec-blockBtn--primary:active:hover, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary:active.focus, .ec-blockBtn--primary.active:hover, .ec-blockBtn--primary.active:focus, .ec-blockBtn--primary.active.focus,
    .open > .ec-blockBtn--primary.dropdown-toggle:hover,
    .open > .ec-blockBtn--primary.dropdown-toggle:focus,
    .open > .ec-blockBtn--primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #3b7b7b;
      border-color: #2e6060; }
.ec-blockBtn--primary.disabled:hover, .ec-blockBtn--primary.disabled:focus, .ec-blockBtn--primary.disabled.focus, .ec-blockBtn--primary[disabled]:hover, .ec-blockBtn--primary[disabled]:focus, .ec-blockBtn--primary[disabled].focus,
  fieldset[disabled] .ec-blockBtn--primary:hover,
  fieldset[disabled] .ec-blockBtn--primary:focus,
  fieldset[disabled] .ec-blockBtn--primary.focus {
    background-color: #5CB1B1;
    border-color: #5CB1B1; }
.ec-blockBtn--primary .badge {
    color: #5CB1B1;
    background-color: #fff; }
.ec-blockBtn--primary .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
.ec-blockBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  width: 16rem;
  text-align: center; }
.ec-blockBtn--action:focus, .ec-blockBtn--action.focus, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-blockBtn--action:hover, .ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
    color: #525263;
    text-decoration: none; }
.ec-blockBtn--action:active, .ec-blockBtn--action.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-blockBtn--action.disabled, .ec-blockBtn--action[disabled],
  fieldset[disabled] .ec-blockBtn--action {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
    color: #fff;
    background-color: #d33828;
    border-color: #93271c; }
.ec-blockBtn--action:hover {
    color: #fff;
    background-color: #d33828;
    border-color: #cb3526; }
.ec-blockBtn--action:active, .ec-blockBtn--action.active,
  .open > .ec-blockBtn--action.dropdown-toggle {
    color: #fff;
    background-color: #d33828;
    background-image: none;
    border-color: #cb3526; }
.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus,
    .open > .ec-blockBtn--action.dropdown-toggle:hover,
    .open > .ec-blockBtn--action.dropdown-toggle:focus,
    .open > .ec-blockBtn--action.dropdown-toggle.focus {
      color: #fff;
      background-color: #b53022;
      border-color: #93271c; }
.ec-blockBtn--action.disabled:hover, .ec-blockBtn--action.disabled:focus, .ec-blockBtn--action.disabled.focus, .ec-blockBtn--action[disabled]:hover, .ec-blockBtn--action[disabled]:focus, .ec-blockBtn--action[disabled].focus,
  fieldset[disabled] .ec-blockBtn--action:hover,
  fieldset[disabled] .ec-blockBtn--action:focus,
  fieldset[disabled] .ec-blockBtn--action.focus {
    background-color: #DE5D50;
    border-color: #DE5D50; }
.ec-blockBtn--action .badge {
    color: #DE5D50;
    background-color: #fff; }
.ec-blockBtn--action .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
.ec-blockBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #525263;
  border-color: #525263;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  width: 16rem;
  text-align: center; }
.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-blockBtn--cancel:hover, .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
    color: #525263;
    text-decoration: none; }
.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-blockBtn--cancel.disabled, .ec-blockBtn--cancel[disabled],
  fieldset[disabled] .ec-blockBtn--cancel {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
    color: #fff;
    background-color: #3b3b47;
    border-color: #18181d; }
.ec-blockBtn--cancel:hover {
    color: #fff;
    background-color: #3b3b47;
    border-color: #363642; }
.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active,
  .open > .ec-blockBtn--cancel.dropdown-toggle {
    color: #fff;
    background-color: #3b3b47;
    background-image: none;
    border-color: #363642; }
.ec-blockBtn--cancel:active:hover, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:hover, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus,
    .open > .ec-blockBtn--cancel.dropdown-toggle:hover,
    .open > .ec-blockBtn--cancel.dropdown-toggle:focus,
    .open > .ec-blockBtn--cancel.dropdown-toggle.focus {
      color: #fff;
      background-color: #2b2b34;
      border-color: #18181d; }
.ec-blockBtn--cancel.disabled:hover, .ec-blockBtn--cancel.disabled:focus, .ec-blockBtn--cancel.disabled.focus, .ec-blockBtn--cancel[disabled]:hover, .ec-blockBtn--cancel[disabled]:focus, .ec-blockBtn--cancel[disabled].focus,
  fieldset[disabled] .ec-blockBtn--cancel:hover,
  fieldset[disabled] .ec-blockBtn--cancel:focus,
  fieldset[disabled] .ec-blockBtn--cancel.focus {
    background-color: #525263;
    border-color: #525263; }
.ec-blockBtn--cancel .badge {
    color: #525263;
    background-color: #fff; }
.ec-blockBtn--cancel .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
/*
アイコンボタン

SVGアイコンを用いたアイコンボタンです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 2.2
*/
/*
アイコンボタン

閉じるなどSVGアイコンを用いたボタン装飾で利用します。

ex [ログイン画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/login)

Markup:
a.ec-closeBtn
  .ec-icon
    img(src='/moc/icon/cross.svg', alt='close')

Styleguide 2.2.1
*/
.ec-closeBtn {
  cursor: pointer; }
.ec-closeBtn .ec-icon img {
    display: inline-block;
    margin-right: 5px;
    width: 1em;
    height: 1em;
    position: relative;
    top: -1px;
    vertical-align: middle; }
/*
アイコンボタン(○)

閉じるなどSVGアイコンを用いたボタン装飾で利用します。

ex [ログイン画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/login)



ex [お届け先編集画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/delivery)

Markup:
a.ec-closeBtn--circle
  .ec-icon
    img(src='/moc/icon/cross-white.svg', alt='close')

Styleguide 2.2.2
*/
.ec-closeBtn--circle {
  display: block;
  border: 0 none;
  padding: 0;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  background: #B8BEC4;
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center; }
.ec-closeBtn--circle .ec-icon img {
    display: block;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
その他のボタン

通常のボタンや、アイコンボタン以外のボタンを定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 2.3
*/
/*
ページトップボタン

ページトップボタンを表示します

ex [商品詳細ページ　カートボタン部分](http://demo3.ec-cube.net/products/detail/30)

Markup:
.ec-blockTopBtn

Styleguide 2.3.1
*/
.ec-blockTopBtn {
  display: none;
  position: fixed;
  width: 120px;
  height: 40px;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  opacity: 0.8;
  background-color: #9da3a9; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォーム部品(テキスト)

テキストや数値の入力項目に関する要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 3.1
*/
/*
フォーム

`.ec-input` 要素は全ての入力項目に関する標準的なコンポーネントクラスです。


ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-input
  input(type="number")
p.ec-input
  textarea(rows="6")

Styleguide 3.1.1
*/
.ec-input input[type="search"], .ec-halfInput input[type="search"], .ec-numberInput input[type="search"], .ec-zipInput input[type="search"], .ec-telInput input[type="search"], .ec-select input[type="search"], .ec-birth input[type="search"] {
  box-sizing: border-box; }
.ec-input input[type="radio"], .ec-halfInput input[type="radio"], .ec-numberInput input[type="radio"], .ec-zipInput input[type="radio"], .ec-telInput input[type="radio"], .ec-select input[type="radio"], .ec-birth input[type="radio"],
.ec-input input[type="checkbox"],
.ec-halfInput input[type="checkbox"],
.ec-numberInput input[type="checkbox"],
.ec-zipInput input[type="checkbox"],
.ec-telInput input[type="checkbox"],
.ec-select input[type="checkbox"],
.ec-birth input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
.ec-input input[type="file"], .ec-halfInput input[type="file"], .ec-numberInput input[type="file"], .ec-zipInput input[type="file"], .ec-telInput input[type="file"], .ec-select input[type="file"], .ec-birth input[type="file"] {
  display: block; }
.ec-input input[type="range"], .ec-halfInput input[type="range"], .ec-numberInput input[type="range"], .ec-zipInput input[type="range"], .ec-telInput input[type="range"], .ec-select input[type="range"], .ec-birth input[type="range"] {
  display: block;
  width: 100%; }
.ec-input select[multiple], .ec-halfInput select[multiple], .ec-numberInput select[multiple], .ec-zipInput select[multiple], .ec-telInput select[multiple], .ec-select select[multiple], .ec-birth select[multiple],
.ec-input select[size],
.ec-halfInput select[size],
.ec-numberInput select[size],
.ec-zipInput select[size],
.ec-telInput select[size],
.ec-select select[size],
.ec-birth select[size] {
  height: auto; }
.ec-input input[type="file"]:focus, .ec-halfInput input[type="file"]:focus, .ec-numberInput input[type="file"]:focus, .ec-zipInput input[type="file"]:focus, .ec-telInput input[type="file"]:focus, .ec-select input[type="file"]:focus, .ec-birth input[type="file"]:focus,
.ec-input input[type="radio"]:focus,
.ec-halfInput input[type="radio"]:focus,
.ec-numberInput input[type="radio"]:focus,
.ec-zipInput input[type="radio"]:focus,
.ec-telInput input[type="radio"]:focus,
.ec-select input[type="radio"]:focus,
.ec-birth input[type="radio"]:focus,
.ec-input input[type="checkbox"]:focus,
.ec-halfInput input[type="checkbox"]:focus,
.ec-numberInput input[type="checkbox"]:focus,
.ec-zipInput input[type="checkbox"]:focus,
.ec-telInput input[type="checkbox"]:focus,
.ec-select input[type="checkbox"]:focus,
.ec-birth input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px; }
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ec-input input::-moz-placeholder, .ec-halfInput input::-moz-placeholder, .ec-numberInput input::-moz-placeholder, .ec-zipInput input::-moz-placeholder, .ec-telInput input::-moz-placeholder, .ec-select input::-moz-placeholder, .ec-birth input::-moz-placeholder {
    color: #999;
    opacity: 1; }
.ec-input input:-ms-input-placeholder, .ec-halfInput input:-ms-input-placeholder, .ec-numberInput input:-ms-input-placeholder, .ec-zipInput input:-ms-input-placeholder, .ec-telInput input:-ms-input-placeholder, .ec-select input:-ms-input-placeholder, .ec-birth input:-ms-input-placeholder {
    color: #999; }
.ec-input input::-webkit-input-placeholder, .ec-halfInput input::-webkit-input-placeholder, .ec-numberInput input::-webkit-input-placeholder, .ec-zipInput input::-webkit-input-placeholder, .ec-telInput input::-webkit-input-placeholder, .ec-select input::-webkit-input-placeholder, .ec-birth input::-webkit-input-placeholder {
    color: #999; }
.ec-input input::-ms-expand, .ec-halfInput input::-ms-expand, .ec-numberInput input::-ms-expand, .ec-zipInput input::-ms-expand, .ec-telInput input::-ms-expand, .ec-select input::-ms-expand, .ec-birth input::-ms-expand {
    border: 0;
    background-color: transparent; }
.ec-input input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], .ec-select input[disabled], .ec-birth input[disabled], .ec-input input[readonly], .ec-halfInput input[readonly], .ec-numberInput input[readonly], .ec-zipInput input[readonly], .ec-telInput input[readonly], .ec-select input[readonly], .ec-birth input[readonly],
  fieldset[disabled] .ec-input input,
  fieldset[disabled] .ec-halfInput input,
  fieldset[disabled] .ec-numberInput input,
  fieldset[disabled] .ec-zipInput input,
  fieldset[disabled] .ec-telInput input,
  fieldset[disabled] .ec-select input,
  fieldset[disabled] .ec-birth input {
    background-color: #eeeeee;
    opacity: 1; }
.ec-input input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], .ec-select input[disabled], .ec-birth input[disabled],
  fieldset[disabled] .ec-input input,
  fieldset[disabled] .ec-halfInput input,
  fieldset[disabled] .ec-numberInput input,
  fieldset[disabled] .ec-zipInput input,
  fieldset[disabled] .ec-telInput input,
  fieldset[disabled] .ec-select input,
  fieldset[disabled] .ec-birth input {
    cursor: not-allowed; }
.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px; }
.ec-input select:focus, .ec-halfInput select:focus, .ec-numberInput select:focus, .ec-zipInput select:focus, .ec-telInput select:focus, .ec-select select:focus, .ec-birth select:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ec-input select::-moz-placeholder, .ec-halfInput select::-moz-placeholder, .ec-numberInput select::-moz-placeholder, .ec-zipInput select::-moz-placeholder, .ec-telInput select::-moz-placeholder, .ec-select select::-moz-placeholder, .ec-birth select::-moz-placeholder {
    color: #999;
    opacity: 1; }
.ec-input select:-ms-input-placeholder, .ec-halfInput select:-ms-input-placeholder, .ec-numberInput select:-ms-input-placeholder, .ec-zipInput select:-ms-input-placeholder, .ec-telInput select:-ms-input-placeholder, .ec-select select:-ms-input-placeholder, .ec-birth select:-ms-input-placeholder {
    color: #999; }
.ec-input select::-webkit-input-placeholder, .ec-halfInput select::-webkit-input-placeholder, .ec-numberInput select::-webkit-input-placeholder, .ec-zipInput select::-webkit-input-placeholder, .ec-telInput select::-webkit-input-placeholder, .ec-select select::-webkit-input-placeholder, .ec-birth select::-webkit-input-placeholder {
    color: #999; }
.ec-input select::-ms-expand, .ec-halfInput select::-ms-expand, .ec-numberInput select::-ms-expand, .ec-zipInput select::-ms-expand, .ec-telInput select::-ms-expand, .ec-select select::-ms-expand, .ec-birth select::-ms-expand {
    border: 0;
    background-color: transparent; }
.ec-input select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], .ec-select select[disabled], .ec-birth select[disabled], .ec-input select[readonly], .ec-halfInput select[readonly], .ec-numberInput select[readonly], .ec-zipInput select[readonly], .ec-telInput select[readonly], .ec-select select[readonly], .ec-birth select[readonly],
  fieldset[disabled] .ec-input select,
  fieldset[disabled] .ec-halfInput select,
  fieldset[disabled] .ec-numberInput select,
  fieldset[disabled] .ec-zipInput select,
  fieldset[disabled] .ec-telInput select,
  fieldset[disabled] .ec-select select,
  fieldset[disabled] .ec-birth select {
    background-color: #eeeeee;
    opacity: 1; }
.ec-input select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], .ec-select select[disabled], .ec-birth select[disabled],
  fieldset[disabled] .ec-input select,
  fieldset[disabled] .ec-halfInput select,
  fieldset[disabled] .ec-numberInput select,
  fieldset[disabled] .ec-zipInput select,
  fieldset[disabled] .ec-telInput select,
  fieldset[disabled] .ec-select select,
  fieldset[disabled] .ec-birth select {
    cursor: not-allowed; }
.ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px; }
.ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ec-input textarea::-moz-placeholder, .ec-halfInput textarea::-moz-placeholder, .ec-numberInput textarea::-moz-placeholder, .ec-zipInput textarea::-moz-placeholder, .ec-telInput textarea::-moz-placeholder, .ec-select textarea::-moz-placeholder, .ec-birth textarea::-moz-placeholder {
    color: #999;
    opacity: 1; }
.ec-input textarea:-ms-input-placeholder, .ec-halfInput textarea:-ms-input-placeholder, .ec-numberInput textarea:-ms-input-placeholder, .ec-zipInput textarea:-ms-input-placeholder, .ec-telInput textarea:-ms-input-placeholder, .ec-select textarea:-ms-input-placeholder, .ec-birth textarea:-ms-input-placeholder {
    color: #999; }
.ec-input textarea::-webkit-input-placeholder, .ec-halfInput textarea::-webkit-input-placeholder, .ec-numberInput textarea::-webkit-input-placeholder, .ec-zipInput textarea::-webkit-input-placeholder, .ec-telInput textarea::-webkit-input-placeholder, .ec-select textarea::-webkit-input-placeholder, .ec-birth textarea::-webkit-input-placeholder {
    color: #999; }
.ec-input textarea::-ms-expand, .ec-halfInput textarea::-ms-expand, .ec-numberInput textarea::-ms-expand, .ec-zipInput textarea::-ms-expand, .ec-telInput textarea::-ms-expand, .ec-select textarea::-ms-expand, .ec-birth textarea::-ms-expand {
    border: 0;
    background-color: transparent; }
.ec-input textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], .ec-select textarea[disabled], .ec-birth textarea[disabled], .ec-input textarea[readonly], .ec-halfInput textarea[readonly], .ec-numberInput textarea[readonly], .ec-zipInput textarea[readonly], .ec-telInput textarea[readonly], .ec-select textarea[readonly], .ec-birth textarea[readonly],
  fieldset[disabled] .ec-input textarea,
  fieldset[disabled] .ec-halfInput textarea,
  fieldset[disabled] .ec-numberInput textarea,
  fieldset[disabled] .ec-zipInput textarea,
  fieldset[disabled] .ec-telInput textarea,
  fieldset[disabled] .ec-select textarea,
  fieldset[disabled] .ec-birth textarea {
    background-color: #eeeeee;
    opacity: 1; }
.ec-input textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], .ec-select textarea[disabled], .ec-birth textarea[disabled],
  fieldset[disabled] .ec-input textarea,
  fieldset[disabled] .ec-halfInput textarea,
  fieldset[disabled] .ec-numberInput textarea,
  fieldset[disabled] .ec-zipInput textarea,
  fieldset[disabled] .ec-telInput textarea,
  fieldset[disabled] .ec-select textarea,
  fieldset[disabled] .ec-birth textarea {
    cursor: not-allowed; }
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus, .ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc; }
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  height: 40px;
  border: 1px solid #000000;
  border-radius: 0; }
.ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
  height: auto;
  min-height: 100px; }
.ec-input p, .ec-halfInput p, .ec-numberInput p, .ec-zipInput p, .ec-telInput p, .ec-select p, .ec-birth p {
  line-height: 1.4; }
.ec-input .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage, .ec-select .ec-errorMessage, .ec-birth .ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50; }
.error.ec-input input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input, .error.ec-select input, .error.ec-birth input, .error.ec-input select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-select select, .error.ec-birth select {
  border-color: #CF3F34;
  background: #FDF1F0; }
.ec-checkbox .ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50; }
.error.ec-checkbox input, .error.ec-checkbox label {
  border-color: #CF3F34;
  background: #FDF1F0; }
/*
フォーム（text２つ）

姓名など2つ入力させたい入力項目で使用します。

入力フォームを半分で用意したいときにも利用可能です。

ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-halfInput
  input(type="text")
  input(type="text")
p.ec-halfInput
  input(type="text")

Styleguide 3.1.2
*/
.ec-halfInput input[type='text'] {
  display: inline-block;
  width: 16%; }
/*
数量ボタン

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [商品詳細画面　数量ボタン部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-numberInput
  span 数量
  input(type="number",value="0")

Styleguide 3.1.3
*/
.ec-numberInput input[type='number'] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right; }
/*
郵便番号フォーム

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　郵便番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-zipInput
  span 〒
  input(type="text")
.ec-zipInputHelp
  a(href="http://www.post.japanpost.jp/zipcode/" target="_blank")
    .ec-zipInputHelp__icon
      .ec-icon
        img(src='/moc/icon/question-white.svg', alt='')
    span 郵便番号検索
.ec-zipAuto
  a.ec-inlineBtn 郵便番号から自動入力

Styleguide 3.1.4
*/
.ec-zipInput {
  display: inline-block; }
.ec-zipInput input {
    display: inline-block;
    text-align: left;
    width: auto;
    max-width: 8em;
    font-size: 16px; }
.ec-zipInput span {
    display: inline-block;
    padding: 0 5px 0 3px; }
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  vertical-align: baseline;
  line-height: 0; }
.ec-zipInputHelp .ec-zipInputHelp__icon {
    display: inline-block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: #525263;
    border-radius: 50%;
    font-size: 13px;
    position: relative;
    top: -6px; }
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
      width: 1em;
      height: 1em;
      position: relative;
      left: 3px;
      top: 3px; }
.ec-zipInputHelp span {
    margin-left: 8px;
    display: inline-block;
    color: #000000;
    vertical-align: 3px; }
.ec-zipAuto .ec-inlineBtn {
  font-weight: normal; }
/*
電話番号ボタン

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　電話番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-telInput
  input(type="text")

Styleguide 3.1.5
*/
.ec-telInput input {
  max-width: 10em;
  text-align: left;
  width: 22rem; }
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォーム部品(テキスト)

テキストや数値の入力項目に関する要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 3.1
*/
/*
フォーム

`.ec-input` 要素は全ての入力項目に関する標準的なコンポーネントクラスです。


ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-input
  input(type="number")
p.ec-input
  textarea(rows="6")

Styleguide 3.1.1
*/
.ec-input input[type="search"], .ec-halfInput input[type="search"], .ec-numberInput input[type="search"], .ec-zipInput input[type="search"], .ec-telInput input[type="search"], .ec-select input[type="search"], .ec-birth input[type="search"] {
  box-sizing: border-box; }
.ec-input input[type="radio"], .ec-halfInput input[type="radio"], .ec-numberInput input[type="radio"], .ec-zipInput input[type="radio"], .ec-telInput input[type="radio"], .ec-select input[type="radio"], .ec-birth input[type="radio"],
.ec-input input[type="checkbox"],
.ec-halfInput input[type="checkbox"],
.ec-numberInput input[type="checkbox"],
.ec-zipInput input[type="checkbox"],
.ec-telInput input[type="checkbox"],
.ec-select input[type="checkbox"],
.ec-birth input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
.ec-input input[type="file"], .ec-halfInput input[type="file"], .ec-numberInput input[type="file"], .ec-zipInput input[type="file"], .ec-telInput input[type="file"], .ec-select input[type="file"], .ec-birth input[type="file"] {
  display: block; }
.ec-input input[type="range"], .ec-halfInput input[type="range"], .ec-numberInput input[type="range"], .ec-zipInput input[type="range"], .ec-telInput input[type="range"], .ec-select input[type="range"], .ec-birth input[type="range"] {
  display: block;
  width: 100%; }
.ec-input select[multiple], .ec-halfInput select[multiple], .ec-numberInput select[multiple], .ec-zipInput select[multiple], .ec-telInput select[multiple], .ec-select select[multiple], .ec-birth select[multiple],
.ec-input select[size],
.ec-halfInput select[size],
.ec-numberInput select[size],
.ec-zipInput select[size],
.ec-telInput select[size],
.ec-select select[size],
.ec-birth select[size] {
  height: auto; }
.ec-input input[type="file"]:focus, .ec-halfInput input[type="file"]:focus, .ec-numberInput input[type="file"]:focus, .ec-zipInput input[type="file"]:focus, .ec-telInput input[type="file"]:focus, .ec-select input[type="file"]:focus, .ec-birth input[type="file"]:focus,
.ec-input input[type="radio"]:focus,
.ec-halfInput input[type="radio"]:focus,
.ec-numberInput input[type="radio"]:focus,
.ec-zipInput input[type="radio"]:focus,
.ec-telInput input[type="radio"]:focus,
.ec-select input[type="radio"]:focus,
.ec-birth input[type="radio"]:focus,
.ec-input input[type="checkbox"]:focus,
.ec-halfInput input[type="checkbox"]:focus,
.ec-numberInput input[type="checkbox"]:focus,
.ec-zipInput input[type="checkbox"]:focus,
.ec-telInput input[type="checkbox"]:focus,
.ec-select input[type="checkbox"]:focus,
.ec-birth input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px; }
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ec-input input::-moz-placeholder, .ec-halfInput input::-moz-placeholder, .ec-numberInput input::-moz-placeholder, .ec-zipInput input::-moz-placeholder, .ec-telInput input::-moz-placeholder, .ec-select input::-moz-placeholder, .ec-birth input::-moz-placeholder {
    color: #999;
    opacity: 1; }
.ec-input input:-ms-input-placeholder, .ec-halfInput input:-ms-input-placeholder, .ec-numberInput input:-ms-input-placeholder, .ec-zipInput input:-ms-input-placeholder, .ec-telInput input:-ms-input-placeholder, .ec-select input:-ms-input-placeholder, .ec-birth input:-ms-input-placeholder {
    color: #999; }
.ec-input input::-webkit-input-placeholder, .ec-halfInput input::-webkit-input-placeholder, .ec-numberInput input::-webkit-input-placeholder, .ec-zipInput input::-webkit-input-placeholder, .ec-telInput input::-webkit-input-placeholder, .ec-select input::-webkit-input-placeholder, .ec-birth input::-webkit-input-placeholder {
    color: #999; }
.ec-input input::-ms-expand, .ec-halfInput input::-ms-expand, .ec-numberInput input::-ms-expand, .ec-zipInput input::-ms-expand, .ec-telInput input::-ms-expand, .ec-select input::-ms-expand, .ec-birth input::-ms-expand {
    border: 0;
    background-color: transparent; }
.ec-input input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], .ec-select input[disabled], .ec-birth input[disabled], .ec-input input[readonly], .ec-halfInput input[readonly], .ec-numberInput input[readonly], .ec-zipInput input[readonly], .ec-telInput input[readonly], .ec-select input[readonly], .ec-birth input[readonly],
  fieldset[disabled] .ec-input input,
  fieldset[disabled] .ec-halfInput input,
  fieldset[disabled] .ec-numberInput input,
  fieldset[disabled] .ec-zipInput input,
  fieldset[disabled] .ec-telInput input,
  fieldset[disabled] .ec-select input,
  fieldset[disabled] .ec-birth input {
    background-color: #eeeeee;
    opacity: 1; }
.ec-input input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], .ec-select input[disabled], .ec-birth input[disabled],
  fieldset[disabled] .ec-input input,
  fieldset[disabled] .ec-halfInput input,
  fieldset[disabled] .ec-numberInput input,
  fieldset[disabled] .ec-zipInput input,
  fieldset[disabled] .ec-telInput input,
  fieldset[disabled] .ec-select input,
  fieldset[disabled] .ec-birth input {
    cursor: not-allowed; }
.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px; }
.ec-input select:focus, .ec-halfInput select:focus, .ec-numberInput select:focus, .ec-zipInput select:focus, .ec-telInput select:focus, .ec-select select:focus, .ec-birth select:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ec-input select::-moz-placeholder, .ec-halfInput select::-moz-placeholder, .ec-numberInput select::-moz-placeholder, .ec-zipInput select::-moz-placeholder, .ec-telInput select::-moz-placeholder, .ec-select select::-moz-placeholder, .ec-birth select::-moz-placeholder {
    color: #999;
    opacity: 1; }
.ec-input select:-ms-input-placeholder, .ec-halfInput select:-ms-input-placeholder, .ec-numberInput select:-ms-input-placeholder, .ec-zipInput select:-ms-input-placeholder, .ec-telInput select:-ms-input-placeholder, .ec-select select:-ms-input-placeholder, .ec-birth select:-ms-input-placeholder {
    color: #999; }
.ec-input select::-webkit-input-placeholder, .ec-halfInput select::-webkit-input-placeholder, .ec-numberInput select::-webkit-input-placeholder, .ec-zipInput select::-webkit-input-placeholder, .ec-telInput select::-webkit-input-placeholder, .ec-select select::-webkit-input-placeholder, .ec-birth select::-webkit-input-placeholder {
    color: #999; }
.ec-input select::-ms-expand, .ec-halfInput select::-ms-expand, .ec-numberInput select::-ms-expand, .ec-zipInput select::-ms-expand, .ec-telInput select::-ms-expand, .ec-select select::-ms-expand, .ec-birth select::-ms-expand {
    border: 0;
    background-color: transparent; }
.ec-input select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], .ec-select select[disabled], .ec-birth select[disabled], .ec-input select[readonly], .ec-halfInput select[readonly], .ec-numberInput select[readonly], .ec-zipInput select[readonly], .ec-telInput select[readonly], .ec-select select[readonly], .ec-birth select[readonly],
  fieldset[disabled] .ec-input select,
  fieldset[disabled] .ec-halfInput select,
  fieldset[disabled] .ec-numberInput select,
  fieldset[disabled] .ec-zipInput select,
  fieldset[disabled] .ec-telInput select,
  fieldset[disabled] .ec-select select,
  fieldset[disabled] .ec-birth select {
    background-color: #eeeeee;
    opacity: 1; }
.ec-input select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], .ec-select select[disabled], .ec-birth select[disabled],
  fieldset[disabled] .ec-input select,
  fieldset[disabled] .ec-halfInput select,
  fieldset[disabled] .ec-numberInput select,
  fieldset[disabled] .ec-zipInput select,
  fieldset[disabled] .ec-telInput select,
  fieldset[disabled] .ec-select select,
  fieldset[disabled] .ec-birth select {
    cursor: not-allowed; }
.ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px; }
.ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ec-input textarea::-moz-placeholder, .ec-halfInput textarea::-moz-placeholder, .ec-numberInput textarea::-moz-placeholder, .ec-zipInput textarea::-moz-placeholder, .ec-telInput textarea::-moz-placeholder, .ec-select textarea::-moz-placeholder, .ec-birth textarea::-moz-placeholder {
    color: #999;
    opacity: 1; }
.ec-input textarea:-ms-input-placeholder, .ec-halfInput textarea:-ms-input-placeholder, .ec-numberInput textarea:-ms-input-placeholder, .ec-zipInput textarea:-ms-input-placeholder, .ec-telInput textarea:-ms-input-placeholder, .ec-select textarea:-ms-input-placeholder, .ec-birth textarea:-ms-input-placeholder {
    color: #999; }
.ec-input textarea::-webkit-input-placeholder, .ec-halfInput textarea::-webkit-input-placeholder, .ec-numberInput textarea::-webkit-input-placeholder, .ec-zipInput textarea::-webkit-input-placeholder, .ec-telInput textarea::-webkit-input-placeholder, .ec-select textarea::-webkit-input-placeholder, .ec-birth textarea::-webkit-input-placeholder {
    color: #999; }
.ec-input textarea::-ms-expand, .ec-halfInput textarea::-ms-expand, .ec-numberInput textarea::-ms-expand, .ec-zipInput textarea::-ms-expand, .ec-telInput textarea::-ms-expand, .ec-select textarea::-ms-expand, .ec-birth textarea::-ms-expand {
    border: 0;
    background-color: transparent; }
.ec-input textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], .ec-select textarea[disabled], .ec-birth textarea[disabled], .ec-input textarea[readonly], .ec-halfInput textarea[readonly], .ec-numberInput textarea[readonly], .ec-zipInput textarea[readonly], .ec-telInput textarea[readonly], .ec-select textarea[readonly], .ec-birth textarea[readonly],
  fieldset[disabled] .ec-input textarea,
  fieldset[disabled] .ec-halfInput textarea,
  fieldset[disabled] .ec-numberInput textarea,
  fieldset[disabled] .ec-zipInput textarea,
  fieldset[disabled] .ec-telInput textarea,
  fieldset[disabled] .ec-select textarea,
  fieldset[disabled] .ec-birth textarea {
    background-color: #eeeeee;
    opacity: 1; }
.ec-input textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], .ec-select textarea[disabled], .ec-birth textarea[disabled],
  fieldset[disabled] .ec-input textarea,
  fieldset[disabled] .ec-halfInput textarea,
  fieldset[disabled] .ec-numberInput textarea,
  fieldset[disabled] .ec-zipInput textarea,
  fieldset[disabled] .ec-telInput textarea,
  fieldset[disabled] .ec-select textarea,
  fieldset[disabled] .ec-birth textarea {
    cursor: not-allowed; }
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus, .ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc; }
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  height: 40px;
  border: 1px solid #000000;
  border-radius: 0; }
.ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
  height: auto;
  min-height: 100px; }
.ec-input p, .ec-halfInput p, .ec-numberInput p, .ec-zipInput p, .ec-telInput p, .ec-select p, .ec-birth p {
  line-height: 1.4; }
.ec-input .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage, .ec-select .ec-errorMessage, .ec-birth .ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50; }
.error.ec-input input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input, .error.ec-select input, .error.ec-birth input, .error.ec-input select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-select select, .error.ec-birth select {
  border-color: #CF3F34;
  background: #FDF1F0; }
.ec-checkbox .ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50; }
.error.ec-checkbox input, .error.ec-checkbox label {
  border-color: #CF3F34;
  background: #FDF1F0; }
/*
フォーム（text２つ）

姓名など2つ入力させたい入力項目で使用します。

入力フォームを半分で用意したいときにも利用可能です。

ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-halfInput
  input(type="text")
  input(type="text")
p.ec-halfInput
  input(type="text")

Styleguide 3.1.2
*/
.ec-halfInput input[type='text'] {
  display: inline-block;
  width: 16%; }
/*
数量ボタン

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [商品詳細画面　数量ボタン部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-numberInput
  span 数量
  input(type="number",value="0")

Styleguide 3.1.3
*/
.ec-numberInput input[type='number'] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right; }
/*
郵便番号フォーム

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　郵便番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-zipInput
  span 〒
  input(type="text")
.ec-zipInputHelp
  a(href="http://www.post.japanpost.jp/zipcode/" target="_blank")
    .ec-zipInputHelp__icon
      .ec-icon
        img(src='/moc/icon/question-white.svg', alt='')
    span 郵便番号検索
.ec-zipAuto
  a.ec-inlineBtn 郵便番号から自動入力

Styleguide 3.1.4
*/
.ec-zipInput {
  display: inline-block; }
.ec-zipInput input {
    display: inline-block;
    text-align: left;
    width: auto;
    max-width: 8em;
    font-size: 16px; }
.ec-zipInput span {
    display: inline-block;
    padding: 0 5px 0 3px; }
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  vertical-align: baseline;
  line-height: 0; }
.ec-zipInputHelp .ec-zipInputHelp__icon {
    display: inline-block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: #525263;
    border-radius: 50%;
    font-size: 13px;
    position: relative;
    top: -6px; }
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
      width: 1em;
      height: 1em;
      position: relative;
      left: 3px;
      top: 3px; }
.ec-zipInputHelp span {
    margin-left: 8px;
    display: inline-block;
    color: #000000;
    vertical-align: 3px; }
.ec-zipAuto .ec-inlineBtn {
  font-weight: normal; }
/*
電話番号ボタン

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　電話番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-telInput
  input(type="text")

Styleguide 3.1.5
*/
.ec-telInput input {
  max-width: 10em;
  text-align: left;
  width: 22rem; }
/*
フォーム部品(その他)

フォーム部品でテキストの入力以外の動作要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 3.2
*/
/*
ラジオ（水平）

水平に並ぶラジオボタンフィールドです。

各要素をlabelでくくって、コーディングします。

ex [新規会員登録画面　性別選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-radio
  label
    input(type="radio")
    span 男性
  label
    input(type="radio")
    span 女性

Styleguide 3.2.2
*/
.ec-radio label {
  margin-right: 20px;
  cursor: pointer; }
.ec-radio input {
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer; }
.ec-radio span {
  font-weight: normal;
  cursor: pointer; }
/*
ラジオ(垂直)

垂直に並ぶラジオボタンフィールドです。

各要素をlabelでくくって、コーディングします。

ex [購入画面 お支払方法](http://demo3.ec-cube.net/shopping)

Markup:
.ec-blockRadio
  label
    input(type="radio")
    span 郵便振替
  label
    input(type="radio")
    span 現金書留
  label
    input(type="radio")
    span 銀行振込
  label
    input(type="radio")
    span 代金引換

Styleguide 3.2.3
*/
.ec-blockRadio label {
  display: block; }
.ec-blockRadio span {
  padding-left: 10px;
  font-weight: normal; }
/*
セレクトボックス

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [新規会員登録画面　都道府県選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-select
  select
    option 都道府県を選択
    option 北海道
    option 青森県
    option 岩手県
    option ...
.ec-select
  select
    option 選択して下さい
    option 公務員
    option コンサルタント
    option コンピュータ関連技術職
    option コンピュータ関連以外の技術職
    option ...

Styleguide 3.2.4
*/
.ec-selects {
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc; }
.ec-select select {
  display: inline-block;
  width: auto;
  background-color: #f8f8f8;
  -webkit-appearance: menulist;
  -moz-appearance: menulist; }
.ec-select select:focus {
    box-shadow: none; }
.ec-select label {
  margin-right: 10px;
  font-weight: bold; }
.ec-select label:nth-child(3) {
  margin-left: 10px;
  font-weight: bold; }
.ec-select__delivery {
  display: block;
  margin-right: 16px; }
.ec-select__time {
  display: block; }
/*
生年月日選択

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [新規会員登録画面　生年月日選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-birth
  select
    option ----
    option 1960
    option 1961
    option 1962
    option ...
  span /
  select
    option --
    option 01
    option 02
    option 03
    option ...
  span /
  select
    option --
    option 01
    option 02
    option 03
    option ...

Styleguide 3.2.5
*/
.ec-birth select {
  display: inline-block;
  width: auto;
  background-color: #f8f8f8;
  -webkit-appearance: menulist;
  -moz-appearance: menulist; }
.ec-birth select:focus {
    box-shadow: none; }
.ec-birth span {
  margin-left: 10px;
  margin-right: 10px; }
/*
チェックボックス （水平）

水平に並ぶチェックボックス フィールドです。

各要素をlabelでくくって、コーディングします。

ex [新規会員登録画面　利用規約](http://demo3.ec-cube.net/entry)

Markup:
.ec-checkbox
  label
    input(type="checkbox")
    span 利用規約に同意する

Styleguide 3.2.6
*/
.ec-checkbox span {
  font-weight: normal; }
/*
チェックボックス (垂直)

垂直に並ぶチェックボックス フィールドです。

各要素をlabelでくくって、コーディングします。

Markup:
.ec-blockCheckbox
  label
    input(type="checkbox")
    span 利用規約に同意する

Styleguide 3.2.7
*/
.ec-blockCheckbox label {
  display: block; }
.ec-blockCheckbox span {
  font-weight: normal; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォームラベル

フォームのラベルに関する要素を定義します。

sg-wrapper:
<div class="ec-registerRole">
  <div class="ec-off1Grid">
    <div class="ec-off1Grid__cell">
      <div class="ec-borderedDefs">
        <sg-wrapper-content/>
      </div>
    </div>
  </div>
</div>

Styleguide 3.3
*/
/*
ラベル

フォーム要素で利用するラベル要素です。

ex [お問い合わせページ　ラベル部分](http://demo3.ec-cube.net/contact)

Markup:
.ec-borderedDefs
  dl
    dt
      label.ec-label お名前
    dd
      .ec-input
        input(type="text")

Styleguide 3.3.1
*/
.ec-label {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px; }
/*
必須ラベル

必須文字を表示するラベル要素です。

ex [お問い合わせページ　必須ラベル部分](http://demo3.ec-cube.net/contact)


Markup:
.ec-borderedDefs
  dl
    dt
      label.ec-label お名前
        span.ec-required 必須
    dd
      .ec-input
        input(type="text")

Styleguide 3.3.2
*/
.ec-required {
  display: inline-block;
  margin-left: .8em;
  vertical-align: 2px;
  color: #DE5D50;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0.1rem; }
/*
アイコン

デフォルトテンプレートのアイコンは`.ec-icon`>`img`タグで使用することができます

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Markup:
include /assets/tmpl/elements/4.1.icon.pug
div(style="background-color: rgba(130,130,130,.15); padding: 20px;")
  +icon-all

Styleguide 4.1
*/
.ec-icon img {
  max-width: 80px;
  max-height: 80px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
グリッド

画面を12分割し、グリッドレイアウトに対応するためのスタイルです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 5.1
*/
/*
2分割グリッド

画面 ２分割の　グリッドです。
Bootstrap の col-sm-6 相当のグリッドを提供します。

Markup:
.ec-grid2
  .ec-grid2__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid2__cell
  .ec-grid2__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid2__cell

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 5.1.1
*/
.ec-grid2 {
  display: block;
  margin: 0; }
.ec-grid2 .ec-grid2__cell {
    position: relative;
    min-height: 1px; }
.ec-grid2 .ec-grid2__cell2 {
    position: relative;
    min-height: 1px; }
/*
3分割グリッド

画面　３分割の　グリッドです。


Markup:
.ec-grid3
  .ec-grid3__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid3__cell
  .ec-grid3__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid3__cell
  .ec-grid3__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid3__cell

Styleguide 5.1.2
*/
.ec-grid3 {
  display: block;
  margin: 0; }
.ec-grid3 .ec-grid3__cell {
    position: relative;
    min-height: 1px; }
.ec-grid3 .ec-grid3__cell2 {
    position: relative;
    min-height: 1px; }
.ec-grid3 .ec-grid3__cell3 {
    position: relative;
    min-height: 1px; }
/*
4分割グリッド

画面　４分割の　グリッドです。


Markup:
.ec-grid4
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell

Styleguide 5.1.3
*/
.ec-grid4 {
  display: block;
  margin: 0; }
.ec-grid4 .ec-grid4__cell {
    position: relative;
    min-height: 1px; }
/*
6分割グリッド

2つにまとめた cell2 や 3つをまとめた cell3 タグも使用可能です。


Markup:
.ec-grid6
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
.ec-grid6
  .ec-grid6__cell2(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell2
  .ec-grid6__cell2(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell2
  .ec-grid6__cell2(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell2
.ec-grid6
  .ec-grid6__cell3(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell3
  .ec-grid6__cell3(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell3

Styleguide 5.1.4
*/
.ec-grid6 {
  display: block;
  margin: 0; }
.ec-grid6 .ec-grid6__cell {
    position: relative;
    min-height: 1px; }
.ec-grid6 .ec-grid6__cell2 {
    position: relative;
    min-height: 1px; }
.ec-grid6 .ec-grid6__cell3 {
    position: relative;
    min-height: 1px; }
/*
中央寄せグリッド 10/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の１０グリッドです

ex [ご利用規約ページ　本文](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-off1Grid
  .ec-off1Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Styleguide 5.1.5
*/
.ec-off1Grid {
  margin: 0; }
.ec-off1Grid .ec-off1Grid__cell {
    margin: 0; }
/*
中央寄せグリッド 8/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の８グリッドです


Markup:
.ec-off2Grid
  .ec-off2Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Styleguide 5.1.6
*/
.ec-off2Grid {
  display: block;
  margin: 0; }
.ec-off2Grid .ec-off2Grid__cell {
    margin: 0; }
/*
中央寄せグリッド 6/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の６グリッドです


Markup:
.ec-off3Grid
  .ec-off3Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Styleguide 5.1.7
*/
.ec-off3Grid {
  display: block;
  margin: 0; }
.ec-off3Grid .ec-off3Grid__cell {
    margin: 0; }
/*
中央寄せグリッド 4/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の４グリッドです


Markup:
.ec-off4Grid
  .ec-off4Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod


Styleguide 5.1.8
*/
.ec-off4Grid {
  display: block;
  margin: 0; }
.ec-off4Grid .ec-off4Grid__cell {
    margin: 0; }
/*
グリッドオプション

グリッドのセルに対して「左寄せ」「中央寄せ」「右寄せ」のオプションを付与することができます。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 5.1.9
*/
/*
グリッドセルの左寄せ

.ec-gridに.ec-grid--leftを付与すると内包してるセルを左寄せにすることができます。

Markup:
.ec-grid4.ec-grid--left
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell

Styleguide 5.1.10
*/
.ec-grid--left {
  justify-content: flex-start; }
/*
グリッドセルの右寄せ

.ec-gridに.ec-grid--leftを付与すると内包してるセルを左寄せにすることができます。

Markup:
.ec-grid4.ec-grid--right
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell

Styleguide 5.1.11
*/
.ec-grid--right {
  justify-content: flex-end; }
/*
グリッドセルの中央寄せ

.ec-gridに.ec-grid--leftを付与すると内包してるセルを左寄せにすることができます。

Markup:
.ec-grid4.ec-grid--center
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell

Styleguide 5.1.12
*/
.ec-grid--center {
  justify-content: center; }
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
レイアウト

様々なレイアウトを変更する為のスタイル群です。

Styleguide 5.2
*/
/*
画像レイアウト

画像とテキストを水平に並べるレイアウトです。

画像は20%で表示されます。

ex [注文履歴 ログイン後→注文履歴ボタンを押下](http://demo3.ec-cube.net/mypage)

Markup:
.ec-imageGrid
  .ec-imageGrid__img: img(src="http://demo3.ec-cube.net/upload/save_image/0701113537_559351f959620.jpeg")
  .ec-imageGrid__content
    p.ec-font-bold ホーローマグ
    p ¥ 1,728 x 1

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 5.2.1
*/
.ec-imageGrid {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%; }
.ec-imageGrid .ec-imageGrid__img {
    display: table-cell;
    padding: 10px;
    width: 100px; }
.ec-imageGrid .ec-imageGrid__img img {
      width: 100%; }
.ec-imageGrid .ec-imageGrid__content {
    vertical-align: middle;
    display: table-cell; }
.ec-imageGrid .ec-imageGrid__content span {
      margin-left: 10px; }
.ec-imageGrid .ec-imageGrid__content p {
      margin-bottom: 0; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
ログイン

主にログインフォームのスタイルを表示します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 6.1
*/
/*
ログインフォーム

ログインフォームを表示します。

ex [ログイン画面](http://demo3.ec-cube.net/mypage/login)

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-login


Styleguide 6.1.1
*/
.ec-login {
  margin: 0 0 20px;
  padding: 30px 13% 20px;
  height: auto;
  background: #F3F4F4;
  box-sizing: border-box; }
.ec-login .ec-login__icon {
    text-align: center; }
.ec-login .ec-icon {
    margin-bottom: 10px; }
.ec-login .ec-icon img {
      width: 90px;
      height: 90px;
      display: inline-block; }
.ec-login .ec-login__input {
    margin-bottom: 40px; }
.ec-login .ec-login__input .ec-checkbox span {
      margin-left: 5px;
      font-weight: normal; }
.ec-login .ec-login__actions {
    color: #fff; }
.ec-login .ec-login__actions a {
      color: inherit;
      text-decoration: none; }
.ec-login .ec-login__actions a:hover {
      text-decoration: none; }
.ec-login .ec-login__link {
    margin-top: 5px;
    margin-left: 0; }
.ec-login .ec-errorMessage {
    color: #DE5D50;
    margin-bottom: 20px; }
/*
ゲスト購入

ゲスト購入ボタンとそのフォームを表示します。

ex [ゲスト購入画面](http://demo3.ec-cube.net/shopping/login)

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-guest
hoge

Styleguide 6.1.2
*/
.ec-guest {
  display: table;
  margin: 0;
  padding: 13%;
  height: auto;
  box-sizing: border-box;
  background: #F3F4F4; }
.ec-guest .ec-guest__inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
.ec-guest .ec-guest__inner p {
      margin-bottom: 16px; }
.ec-guest .ec-guest__actions {
    display: block;
    vertical-align: middle;
    text-align: center;
    color: #fff; }
.ec-guest .ec-guest__actions a {
      color: inherit;
      text-decoration: none; }
.ec-guest .ec-guest__actions a:hover {
      text-decoration: none; }
.ec-guest .ec-guest__icon {
    font-size: 70px;
    text-align: center; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
商品掲載

トップページに商品掲載するスタイルガイド群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 7.1
*/
/*
商品アイテム（商品紹介B）

３項目横並びの商品アイテムを表示します。
必要に応じて商品詳細や、キャッチコピーなどを添えることが出来ます。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayB

Styleguide 7.1.1
*/
.ec-displayB {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
.ec-displayB .ec-displayB__cell {
    width: 100%;
    margin-bottom: 16px; }
.ec-displayB .ec-displayB__cell a {
      color: inherit;
      text-decoration: none; }
.ec-displayB .ec-displayB__cell a:hover {
      text-decoration: none; }
.ec-displayB .ec-displayB__cell:hover {
      text-decoration: none; }
.ec-displayB .ec-displayB__cell:hover img {
        opacity: .8; }
.ec-displayB .ec-displayB__cell:hover a {
        text-decoration: none; }
.ec-displayB .ec-displayB__img {
    margin-bottom: 15px; }
.ec-displayB .ec-displayB__catch {
    margin-bottom: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #9a947e; }
.ec-displayB .ec-displayB__comment {
    margin-bottom: 14px;
    text-decoration: none;
    color: #525263;
    font-size: 14px; }
.ec-displayB .ec-displayB__link {
    text-decoration: none;
    font-weight: bold;
    color: #9a947e; }
/*
商品アイテム（商品紹介C）

４項目横並びの商品アイテムを表示します。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayC
p hoge

Styleguide 7.1.2
*/
.ec-displayC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px; }
.ec-displayC .ec-displayC__cell {
    width: 47%; }
.ec-displayC .ec-displayC__cell a {
      color: inherit;
      text-decoration: none; }
.ec-displayC .ec-displayC__cell a:hover {
      text-decoration: none; }
.ec-displayC .ec-displayC__cell:hover a {
      text-decoration: none; }
.ec-displayC .ec-displayC__cell:hover img {
      opacity: .8; }
.ec-displayC .ec-displayC__img {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
.ec-displayC .ec-displayC__catch {
    display: block;
    width: 100%;
    font-weight: bold;
    color: #9a947e; }
.ec-displayC .ec-displayC__title {
    display: block;
    width: 100%;
    color: #525263; }
.ec-displayC .ec-displayC__price {
    display: block;
    width: 100%;
    font-weight: bold;
    color: #525263; }
.ec-displayC .ec-displayC__price--sp {
    display: block;
    width: 100%;
    font-weight: bold;
    color: #DE5D50; }
/*
商品アイテム（商品紹介D）

６項目横並びの商品アイテムを表示します。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayD

Styleguide 7.1.3
*/
.ec-displayD {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse; }
.ec-displayD .ec-displayD__cell {
    width: 30%;
    margin-bottom: 8px; }
.ec-displayD .ec-displayD__cell a {
      color: inherit;
      text-decoration: none; }
.ec-displayD .ec-displayD__cell a:hover {
      text-decoration: none; }
.ec-displayD .ec-displayD__cell:hover {
      text-decoration: none; }
.ec-displayD .ec-displayD__cell:hover img {
        opacity: .8; }
.ec-displayD .ec-displayD__img {
    display: block;
    width: 100%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
検索・一覧表示

検索欄や、一覧表示に使用するスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 7.2
*/
/*
トピックパス

検索結果で表示されるトピックパスのスタイルです。

ex [商品一覧ページ　横並びリスト部分](http://demo3.ec-cube.net/products/list?category_id=&name=)

Markup:
include /assets/tmpl/elements/7.2.search.pug
+ec-topicpath

Styleguide 7.2.1
*/
.ec-topicpath {
  letter-spacing: -.4em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px;
  list-style: none;
  overflow: hidden;
  font-size: 12px;
  color: #0092C4; }
.ec-topicpath .ec-topicpath__item a {
    color: inherit;
    text-decoration: none; }
.ec-topicpath .ec-topicpath__item a:hover {
    text-decoration: none; }
.ec-topicpath .ec-topicpath__divider {
    color: #000; }
.ec-topicpath .ec-topicpath__item,
  .ec-topicpath .ec-topicpath__divider,
  .ec-topicpath .ec-topicpath__item--active {
    display: inline-block;
    min-width: 16px;
    text-align: center;
    position: relative;
    letter-spacing: normal; }
.ec-topicpath .ec-topicpath__item--active {
    font-weight: bold; }
.ec-topicpath .ec-topicpath__item--active a {
      color: inherit;
      text-decoration: none; }
.ec-topicpath .ec-topicpath__item--active a:hover {
      text-decoration: none; }
/*
ページャ

検索結果で表示される商品一覧のスタイルです。

ex [商品一覧ページ　ページャ部分](http://demo3.ec-cube.net/products/list?category_id=&name=)

Markup:
include /assets/tmpl/elements/7.2.search.pug
+ec-pager

Styleguide 7.2.2
*/
.ec-pager {
  list-style: none;
  list-style-type: none;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center; }
.ec-pager .ec-pager__item,
  .ec-pager .ec-pager__item--active {
    display: inline-block;
    min-width: 29px;
    padding: 0 3px 0 2px;
    text-align: center;
    position: relative; }
.ec-pager .ec-pager__item a,
    .ec-pager .ec-pager__item--active a {
      color: inherit;
      text-decoration: none; }
.ec-pager .ec-pager__item a:hover,
    .ec-pager .ec-pager__item--active a:hover {
      text-decoration: none; }
.ec-pager .ec-pager__item a,
    .ec-pager .ec-pager__item--active a {
      color: inherit;
      display: block;
      line-height: 1.8;
      padding: 5px 1em;
      text-decoration: none; }
.ec-pager .ec-pager__item a:hover,
    .ec-pager .ec-pager__item--active a:hover {
      color: inherit; }
.ec-pager .ec-pager__item--active {
    background: #F3F3F3; }
.ec-pager .ec-pager__item:hover {
    background: #F3F3F3; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1; }
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
カート

ショッピングカートに関するスタイルです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 7.3
*/
/*
カートヘッダ

購入完了までの手順や、現在の状態を表示します。

ul 要素を用いたリスト要素としてマークアップします。

ex [カートページ　ヘッダ部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/7.3.cart.pug
+ec-progress

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 7.3.1
*/
.ec-progress {
  margin: 0 auto;
  padding: 8px 0 16px;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 600px;
  list-style: none; }
.ec-progress .ec-progress__item {
    display: table-cell;
    position: relative;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    z-index: 10; }
.ec-progress .ec-progress__item:after {
      content: '';
      position: absolute;
      display: block;
      background: #525263;
      width: 100%;
      height: 0.25em;
      top: 1.25em;
      left: 50%;
      margin-left: 1.5em\9;
      z-index: -1; }
.ec-progress .ec-progress__item:last-child:after {
      display: none; }
.ec-progress .ec-progress__number {
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    font-size: 12px;
    background: #525263;
    color: #fff;
    top: 0;
    left: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%; }
.ec-progress .ec-progress__label {
    font-size: 12px; }
.ec-progress .is-complete .ec-progress__number {
    background: #5CB1B1; }
.ec-progress .is-complete .ec-progress__label {
    color: #5CB1B1; }
/*
カートナビゲーション

カートナビゲーションを表示します。　カートに追加された商品の個数も表示します。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/11.2.header.pug
+ec-headerCart

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>


Styleguide 7.3.5
*/
.ec-cartNavi {
  display: inline-block;
  padding: 10px 0 0 20px;
  width: auto;
  color: black;
  background: transparent; }
.ec-cartNavi .ec-cartNavi__icon {
    display: inline-block;
    font-size: 20px;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeIn 200ms linear 0s;
            animation: fadeIn 200ms linear 0s;
    position: relative; }
.ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    border-radius: 99999px;
    box-sizing: border-box;
    padding: 5px;
    height: 17px;
    font-size: 10px;
    line-height: 0.7;
    vertical-align: top;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    background-color: #DE5D50;
    position: absolute;
    left: 60%;
    top: -10px; }
.ec-cartNavi .ec-cartNavi__price {
    display: none; }
.ec-cartNavi.is-active .ec-cartNavi__icon:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }
.ec-cartNavi.is-active .ec-cartNavi__badge {
  display: none; }
/*
カートナビゲーションのポップアップ(商品詳細)

カートナビゲーションのポップアップを表示します。カートに追加された商品の詳細が表示されます。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
div(style="height:350px;")
  // 上記のdivはスタイルガイド都合上、高さをもたせるため設置(mocでは不要)
  .is_active
    .ec-cartNavi
      .ec-cartNavi__icon
        img(src='/moc/icon/cart-dark.svg', alt='close')
      .ec-cartNavi__iconClose
        img(src='/moc/icon/cross-dark.svg', alt='close')
      .ec-cartNavi__badge 1
      .ec-cartNavi__label
        | 合計
        .ec-cartNavi__price ¥1920
    +b.ec-cartNaviIsset
      +e.cart
        +e.cartImage
          img(src='http://demo3.ec-cube.net/upload/save_image/0701104933_5593472d8d179.jpeg')
        +e.cartContent
          +e.cartContentTitle ミニテーブル
          +e.cartContentPrice ¥ 12,960
            +e.cartContentTax 税込
          +e.cartContentNumber 数量：1
      +e.action
        a.ec-blockBtn--action(href="/moc/guest/cart1") カートへ進む
        a.ec-blockBtn.ec-cartNavi--cancel キャンセル

Styleguide 7.3.6
*/
.ec-cartNaviIsset {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 20;
  position: absolute;
  right: 0; }
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 16px;
    padding-bottom: 32px; }
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
      content: " ";
      display: table; }
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
      clear: both; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
    float: left;
    width: 45%; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage img {
      width: 100%; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
    float: right;
    width: 55%;
    padding-left: 16px;
    text-align: left;
    box-sizing: border-box; }
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action {
    color: #fff;
    margin-bottom: 8px; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
    margin-bottom: 8px; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice {
    font-weight: bold; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTax {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin-left: 2px; }
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber {
    font-size: 14px; }
.ec-cartNaviIsset.is-active {
  display: block; }
/*
カートナビゲーションのポップアップ(商品なし)

カートナビゲーションのポップアップを表示します。商品が登録されていない場合の表示です。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
div(style="height:170px;")
  // 上記のdivはスタイルガイド都合上、高さをもたせるため設置(mocでは不要)
  .is_active
    .ec-cartNavi
      .ec-cartNavi__icon
        img(src='/moc/icon/cart-dark.svg', alt='cart')
      .ec-cartNavi__iconClose
        img(src='/moc/icon/cross-dark.svg', alt='close')
      .ec-cartNavi__badge 1
      .ec-cartNavi__label
        | 合計
        .ec-cartNavi__price ¥1920
    .ec-cartNaviNull
      .ec-cartNaviNull__message
        p 現在カート内に
          br
          | 商品がございません。
    //+b.ec-cartNaviIsset
    //  +e.cart
    //    +e.cartImage
    //      img(src='http://demo3.ec-cube.net/upload/save_image/0701104933_5593472d8d179.jpeg')
    //    +e.cartContent
    //      +e.cartContentTitle ミニテーブル
    //      +e.cartContentPrice ¥ 12,960
    //        +e.cartContentTax 税込
    //      +e.cartContentNumber 数量：1
    //  +e.action
    //    a.ec-blockBtn--action(href="/moc/guest/cart1") カートへ進む
    //    a.ec-blockBtn キャンセル

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>


Styleguide 7.3.7
*/
.ec-cartNaviNull {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 3;
  position: absolute;
  right: 0; }
.ec-cartNaviNull .ec-cartNaviNull__message {
    border: 1px solid #D9D9D9;
    padding: 16px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #F99; }
.ec-cartNaviNull .ec-cartNaviNull__message p {
      margin: 0; }
.ec-cartNaviNull.is-active {
  display: block; }
/*
総計

会計時の合計金額、総計を表示します。

ex [カートページ　統計部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/7.3.cart.pug
+ec-totalBox

Styleguide 7.3.8
*/
.ec-totalBox {
  background: #F3F3F3;
  padding: 16px;
  margin-bottom: 16px; }
.ec-totalBox .ec-totalBox__spec {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 8px; }
.ec-totalBox .ec-totalBox__spec dt {
      font-weight: normal;
      text-align: left; }
.ec-totalBox .ec-totalBox__spec dd {
      text-align: right; }
.ec-totalBox .ec-totalBox__spec .ec-totalBox .ec-totalBox__spec__specTotal {
      color: #DE5D50; }
.ec-totalBox .ec-totalBox__total {
    border-top: 1px dotted #ccc;
    padding: 8px 0;
    text-align: right;
    font-size: 14px;
    font-weight: bold; }
.ec-totalBox .ec-totalBox__paymentTotal {
    padding: 8px 0;
    text-align: right;
    font-size: 14px;
    font-weight: bold; }
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
    .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
      color: #DE5D50; }
.ec-totalBox .ec-totalBox__price {
    margin-left: 16px;
    font-size: 16px;
    font-weight: bold; }
.ec-totalBox .ec-totalBox__taxLabel {
    margin-left: 8px;
    font-size: 12px; }
.ec-totalBox .ec-totalBox__taxRate {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
    font-size: 10px; }
.ec-totalBox .ec-totalBox__taxRate dt {
      font-weight: normal;
      text-align: left;
      margin-right: 8px; }
.ec-totalBox .ec-totalBox__taxRate dt::before {
        content: "[ "; }
.ec-totalBox .ec-totalBox__taxRate dd {
      text-align: right; }
.ec-totalBox .ec-totalBox__taxRate dd::after {
        content: " ]"; }
.ec-totalBox .ec-totalBox__pointBlock {
    padding: 18px 20px 10px;
    margin-bottom: 10px;
    background: #fff; }
.ec-totalBox .ec-totalBox__btn {
    color: #fff; }
.ec-totalBox .ec-totalBox__btn a {
      color: inherit;
      text-decoration: none; }
.ec-totalBox .ec-totalBox__btn a:hover {
      text-decoration: none; }
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
      font-size: 16px;
      font-weight: bold; }
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
      margin-top: 8px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お知らせ

新着情報やバナーなどの掲載項目を紹介していきます。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 8.1
*/
/*
新着情報

新着情報の掲載をします。

ex [トップページ　新着情報部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/8.1.info.pug
+ec-news

Styleguide 8.1.1
*/
.ec-news {
  margin-bottom: 16px;
  background: #F8F8F8; }
.ec-news .ec-news__title {
    font-weight: bold;
    padding: 8px;
    font-size: 16px;
    text-align: center; }
.ec-news .ec-news__items {
    padding: 0;
    list-style: none;
    border-top: 1px dotted #ccc; }
/*
折りたたみ項目

折りたたみ項目を掲載します。

ex [トップページ　折りたたみ項目部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/8.1.info.pug
+b.ec-news
        +e.title 新着情報
        +e.UL.items
            +e.LI.item
                +b.ec-newsline.is_active
                    +e.info
                        +e.date 2016/09/29
                        +e.comment サイトオープンしました
                        +e.close
                            a.ec-closeBtn--circle
                                span.ec-closeBtn--circle__icon
                                    .ec-icon
                                        img(src='/moc/icon/angle-down-white.svg', alt='')
                    +e.description 一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします！

Styleguide 8.1.2
*/
.ec-newsline {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 16px; }
.ec-newsline .ec-newsline__info {
    width: 100%;
    padding: 16px 0; }
.ec-newsline .ec-newsline__info:after {
      content: " ";
      display: table; }
.ec-newsline .ec-newsline__info:after {
      clear: both; }
.ec-newsline .ec-newsline__date {
    display: inline-block;
    margin-right: 10px;
    float: left; }
.ec-newsline .ec-newsline__comment {
    display: inline-block;
    float: left; }
.ec-newsline .ec-newsline__close {
    float: right;
    display: inline-block;
    text-align: right; }
.ec-newsline .ec-newsline__close .ec-closeBtn--circle {
      display: inline-block;
      width: 25px;
      height: 25px;
      min-width: 25px;
      min-height: 25px; }
.ec-newsline .ec-newsline__description {
    width: 100%;
    height: 0;
    transition: all .2s ease-out; }
.ec-newsline.is_active .ec-newsline__description {
    height: auto;
    transition: all .2s ease-out;
    padding-bottom: 16px; }
.ec-newsline.is_active .ec-icon img {
    transform: rotateX(180deg); }
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
マイページ

マイページで利用するためのスタイルガイド群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 9.1
*/
/*
マイページ

マイページで表示するメニューリストです。

ul を利用したリスト要素で記述します。

ex [マイページ　メニューリスト部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-navlist

Styleguide 9.1.1
*/
.ec-navlistRole .ec-navlistRole__navlist {
  display: flex;
  flex-wrap: wrap;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 32px;
  padding: 0;
  list-style: none; }
.ec-navlistRole .ec-navlistRole__navlist a {
    color: inherit;
    text-decoration: none; }
.ec-navlistRole .ec-navlistRole__navlist a:hover {
    text-decoration: none; }
.ec-navlistRole .ec-navlistRole__item {
  width: 50%;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 0 1px 1px 0;
  text-align: center;
  font-weight: bold; }
.ec-navlistRole .ec-navlistRole__item a {
    padding: 16px;
    width: 100%;
    display: inline-block; }
.ec-navlistRole .ec-navlistRole__item a:hover {
      background: #f5f7f8; }
.ec-navlistRole .active a {
  color: #DE5D50; }
/*
マイページ（お気に入り機能無効）

マイページで表示するメニューリストです。

ul を利用したリスト要素で記述します。

ex [マイページ　メニューリスト部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-navlist_noFavorite

Styleguide 9.1.2
*/
/*
Welcome メッセージ

マイページで表示するログイン名の表示コンポーネントです。

ex [マイページ　メニューリスト下部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-welcomeMsg

Styleguide 9.1.3
*/
.ec-welcomeMsg {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  margin: 1em 0;
  padding-bottom: 32px;
  text-align: center;
  border-bottom: 1px dotted #ccc; }
.ec-welcomeMsg:after {
    content: " ";
    display: table; }
.ec-welcomeMsg:after {
    clear: both; }
.ec-welcomeMsg textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-welcomeMsg img {
    max-width: 100%; }
.ec-welcomeMsg html {
    box-sizing: border-box; }
.ec-welcomeMsg *,
  .ec-welcomeMsg *::before,
  .ec-welcomeMsg *::after {
    box-sizing: inherit; }
.ec-welcomeMsg img {
    width: 100%; }
/*
お気に入り一覧

お気に入り一覧で表示するアイテムの表示コンポーネントです。

ex [マイページ　お気に入り一覧](http://demo3.ec-cube.net/mypage/favorite)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-favorite

Styleguide 9.1.4
*/
.ec-favoriteRole .ec-favoriteRole__header {
  margin-bottom: 16px; }
.ec-favoriteRole .ec-favoriteRole__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none; }
.ec-favoriteRole .ec-favoriteRole__itemList a {
    color: inherit;
    text-decoration: none; }
.ec-favoriteRole .ec-favoriteRole__itemList a:hover {
    text-decoration: none; }
.ec-favoriteRole .ec-favoriteRole__item {
  margin-bottom: 8px;
  width: 47.5%;
  position: relative;
  box-sizing: border-box;
  padding: 10px; }
.ec-favoriteRole .ec-favoriteRole__item-image {
    height: 150px;
    margin-bottom: 10px;
    text-align: center; }
.ec-favoriteRole .ec-favoriteRole__item img {
    width: auto;
    max-height: 100%; }
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
    position: absolute;
    right: 10px;
    top: 10px; }
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle .ec-icon img {
      width: 1em;
      height: 1em; }
.ec-favoriteRole .ec-favoriteRole__itemThumb {
  display: block;
  height: auto;
  margin-bottom: 8px; }
.ec-favoriteRole .ec-favoriteRole__itemTitle {
  margin-bottom: 2px; }
.ec-favoriteRole .ec-favoriteRole__itemPrice {
  font-weight: bold;
  margin-bottom: 0; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
標準セクション

通常のコンテナブロックです。

ex [商品詳細ページ　コンテナ](http://demo3.ec-cube.net/products/detail/33)

Markup:
include /assets/tmpl/elements/11.1.role.pug
+ec-roleRole

Styleguide 11.1
*/
.ec-role {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-role:after {
    content: " ";
    display: table; }
.ec-role:after {
    clear: both; }
.ec-role textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-role img {
    max-width: 100%; }
.ec-role html {
    box-sizing: border-box; }
.ec-role *,
  .ec-role *::before,
  .ec-role *::after {
    box-sizing: inherit; }
.ec-role img {
    width: 100%; }
/*
マイページセクション

マイページ専用のコンテナブロックです。

ex [マイページ　コンテナ](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/11.1.role.pug
+ec-mypageRole

Styleguide 11.1.2
*/
.ec-mypageRole {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%; }
.ec-mypageRole:after {
    content: " ";
    display: table; }
.ec-mypageRole:after {
    clear: both; }
.ec-mypageRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-mypageRole img {
    max-width: 100%; }
.ec-mypageRole html {
    box-sizing: border-box; }
.ec-mypageRole *,
  .ec-mypageRole *::before,
  .ec-mypageRole *::after {
    box-sizing: inherit; }
.ec-mypageRole img {
    width: 100%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1; }
/*
ヘッダー

ヘッダー用のプロジェクトコンポーネントを提供します。

ex [トップページ　ヘッダー](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/11.2.header.pug
include /assets/tmpl/elements/11.3.headerNavi.pug
include /assets/tmpl/elements/11.4.categoryNavi.pug
+b.ec-layoutRole
  +e.header
    +ec-headerRole
    +ec-headerNaviRole
    +ec-categoryNaviRole

Styleguide 11.2
*/
.ec-layoutRole {
  width: 100%;
  transition: transform 0.3s;
  background: #fff; }
.ec-layoutRole .ec-layoutRole__contentTop {
    padding: 0; }
.ec-layoutRole .ec-layoutRole__contents {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1150px;
    display: flex;
    flex-wrap: nowrap; }
.ec-layoutRole .ec-layoutRole__main {
    width: 100%; }
.ec-layoutRole .ec-layoutRole__mainWithColumn {
    width: 100%; }
.ec-layoutRole .ec-layoutRole__mainBetweenColumn {
    width: 100%; }
.ec-layoutRole .ec-layoutRole__left,
  .ec-layoutRole .ec-layoutRole__right {
    display: none; }
.ec-headerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  padding-top: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto; }
.ec-headerRole:after {
    content: " ";
    display: table; }
.ec-headerRole:after {
    clear: both; }
.ec-headerRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-headerRole img {
    max-width: 100%; }
.ec-headerRole html {
    box-sizing: border-box; }
.ec-headerRole *,
  .ec-headerRole *::before,
  .ec-headerRole *::after {
    box-sizing: inherit; }
.ec-headerRole img {
    width: 100%; }
.ec-headerRole:after {
    display: none; }
.ec-headerRole::before {
    display: none; }
.ec-headerRole .ec-headerRole__title {
    width: 100%; }
.ec-headerRole .ec-headerRole__navSP {
    display: block;
    position: absolute;
    top: 15px;
    width: 27%;
    right: 0;
    text-align: right; }
.ec-headerNaviRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px; }
.ec-headerNaviRole:after {
    content: " ";
    display: table; }
.ec-headerNaviRole:after {
    clear: both; }
.ec-headerNaviRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-headerNaviRole img {
    max-width: 100%; }
.ec-headerNaviRole html {
    box-sizing: border-box; }
.ec-headerNaviRole *,
  .ec-headerNaviRole *::before,
  .ec-headerNaviRole *::after {
    box-sizing: inherit; }
.ec-headerNaviRole img {
    width: 100%; }
.ec-headerNaviRole .fa-bars {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.ec-headerNaviRole .ec-headerNaviRole__left {
    width: calc(100% / 3); }
.ec-headerNaviRole .ec-headerNaviRole__search {
    display: none; }
.ec-headerNaviRole .ec-headerNaviRole__navSP {
    display: block; }
.ec-headerNaviRole .ec-headerNaviRole__right {
    width: calc(100% * 2 / 3);
    display: flex;
    justify-content: flex-end;
    align-items: center; }
.ec-headerNaviRole .ec-headerNaviRole__nav {
    display: inline-block; }
.ec-headerNaviRole .ec-headerNaviRole__nav a {
      color: inherit;
      text-decoration: none; }
.ec-headerNaviRole .ec-headerNaviRole__nav a:hover {
      text-decoration: none; }
.ec-headerNaviRole .ec-headerNaviRole__cart {
    display: inline-block; }
.ec-headerNaviRole .ec-headerNaviRole__cart a {
      color: inherit;
      text-decoration: none; }
.ec-headerNaviRole .ec-headerNaviRole__cart a:hover {
      text-decoration: none; }
.ec-headerNavSP {
  display: block;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  color: black;
  background: white;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000; }
.ec-headerNavSP .fas {
    vertical-align: top; }
.ec-headerNavSP.is-active {
  display: none; }
/*
ヘッダー：タイトル

ヘッダー内で使用されるタイトルコンポーネントです。

Markup:
include /assets/tmpl/elements/11.2.header.pug
+ec-headerTitle

Styleguide 11.2.1
*/
.ec-headerTitle {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%; }
.ec-headerTitle textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-headerTitle img {
    max-width: 100%; }
.ec-headerTitle html {
    box-sizing: border-box; }
.ec-headerTitle *,
  .ec-headerTitle *::before,
  .ec-headerTitle *::after {
    box-sizing: inherit; }
.ec-headerTitle img {
    width: 100%; }
.ec-headerTitle .ec-headerTitle__title {
    text-align: center; }
.ec-headerTitle .ec-headerTitle__title h1 {
      margin: 0;
      padding: 0; }
.ec-headerTitle .ec-headerTitle__title a {
      display: inline-block;
      margin-bottom: 30px;
      text-decoration: none;
      font-size: 20px;
      font-weight: bold;
      color: black; }
.ec-headerTitle .ec-headerTitle__title a:hover {
        opacity: .8; }
.ec-headerTitle .ec-headerTitle__subtitle {
    font-size: 10px;
    text-align: center; }
.ec-headerTitle .ec-headerTitle__subtitle a {
      display: inline-block;
      color: #0092C4;
      text-decoration: none;
      cursor: pointer; }
/*
ヘッダー：ユーザナビゲーション

ヘッダー内でユーザに関与するナビゲーションコンポーネントです。
<br><br>
`.ec-headerNaviRole`>`.ec-headerNaviRole__nav`内に記述すると２カラム上の右側に配置することができます。

Markup:
include /assets/tmpl/elements/11.3.headerNavi.pug
+ec-headerNav

sg-wrapper:
<div class="ec-headerNaviRole">
  <div class="ec-headerNaviRole__nav">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.2.3
*/
.ec-headerNav {
  text-align: right; }
.ec-headerNav .ec-headerNav__item {
    margin-left: 0;
    display: inline-block;
    font-size: 28px; }
.ec-headerNav .ec-headerNav__itemIcon {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 18px;
    color: black; }
.ec-headerNav .ec-headerNav__itemLink {
    display: none;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
    color: black; }
/*
ヘッダー：検索ボックス

ヘッダー内で使用される商品検索コンポーネントです。
<br><br>
`.ec-headerNaviRole`>`.ec-headerNaviRole__search`内に記述すると２カラム上の右側に配置することができます。

Markup:
include /assets/tmpl/elements/11.3.headerNavi.pug
+ec-headerSearch

sg-wrapper:
<div class="ec-headerNaviRole">
  <div class="ec-headerNaviRole__search">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.2.4
*/
.ec-headerSearch:after {
  content: " ";
  display: table; }
.ec-headerSearch:after {
  clear: both; }
.ec-headerSearch .ec-headerSearch__category {
  float: none; }
.ec-headerSearch .ec-headerSearch__category .ec-select {
    overflow: hidden;
    width: 100%;
    margin: 0;
    text-align: center; }
.ec-headerSearch .ec-headerSearch__category .ec-select select {
      width: 100%;
      cursor: pointer;
      padding: 8px 24px 8px 8px;
      text-indent: 0.01px;
      text-overflow: ellipsis;
      border: none;
      outline: none;
      background: transparent;
      background-image: none;
      box-shadow: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      color: #fff; }
.ec-headerSearch .ec-headerSearch__category .ec-select select option {
        color: #000; }
.ec-headerSearch .ec-headerSearch__category .ec-select select::-ms-expand {
        display: none; }
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
      position: relative;
      border: 0;
      background: #000;
      color: #fff;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px; }
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
        position: absolute;
        top: 0.8em;
        right: 0.4em;
        width: 0;
        height: 0;
        padding: 0;
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        pointer-events: none; }
.ec-headerSearch .ec-headerSearch__keyword {
  position: relative;
  color: #525263;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
    width: 100%;
    height: 34px;
    font-size: 16px;
    border: 0 none;
    padding: 0.5em 50px 0.5em 1em;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    margin-bottom: 0; }
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
    width: 22px;
    height: 22px; }
.ec-headerSearch .ec-headerSearch__keywordBtn {
  border: 0;
  background: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-55%);
  display: block;
  white-space: nowrap;
  z-index: 1; }
/*
ヘッダー：カテゴリナビ

ヘッダー内で使用されている商品のカテゴリ一覧として使用します。
`li`の中に`ul > li`要素を入れることで、階層を深くする事ができます。

Markup:
include /assets/tmpl/elements/11.4.categoryNavi.pug
+ec-itemNav

sg-wrapper:
<div class="ec-categoryNaviRole" style="padding-bottom:150px;">
  <sg-wrapper-content/>
</div>

Styleguide 11.2.5
*/
.ec-categoryNaviRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: none; }
.ec-categoryNaviRole:after {
    content: " ";
    display: table; }
.ec-categoryNaviRole:after {
    clear: both; }
.ec-categoryNaviRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-categoryNaviRole img {
    max-width: 100%; }
.ec-categoryNaviRole html {
    box-sizing: border-box; }
.ec-categoryNaviRole *,
  .ec-categoryNaviRole *::before,
  .ec-categoryNaviRole *::after {
    box-sizing: inherit; }
.ec-categoryNaviRole img {
    width: 100%; }
.ec-itemNav {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center; }
.ec-itemNav__nav {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: auto;
  height: auto;
  list-style-type: none;
  text-align: center;
  vertical-align: bottom; }
.ec-itemNav__nav li {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  position: relative; }
.ec-itemNav__nav li a {
  display: block;
  border-bottom: 1px solid #E8E8E8;
  margin: 0;
  padding: 16px;
  height: auto;
  color: #2e3233;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #E8E8E8; }
.ec-itemNav__nav li ul {
  display: none;
  z-index: 0;
  margin: 0;
  padding: 0;
  min-width: 200px;
  list-style: none;
  position: static;
  top: 100%;
  left: 0; }
.ec-itemNav__nav li ul li {
  overflow: hidden;
  width: 100%;
  height: auto;
  transition: .3s; }
.ec-itemNav__nav li ul li a {
  border-bottom: 1px solid #E8E8E8;
  padding: 16px 22px 16px 16px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: left;
  background: black; }
.ec-itemNav__nav > li:hover > a {
  background: #fafafa; }
.ec-itemNav__nav > li:hover li:hover > a {
  background: #333; }
.ec-itemNav__nav li ul li ul {
  top: 0;
  left: 100%;
  width: auto; }
.ec-itemNav__nav li ul li ul li a {
  background: #7D7D7D; }
.ec-itemNav__nav li:hover ul li ul li a:hover {
  background: #333; }
/*
ヘッダー：SPヘッダー

SP時のみ出現するヘッダーに関係するコンポーネントです。<br>
ex [トップページ](http://demo3.ec-cube.net/)画面サイズが768px以下に該当。<br>
<br>
`.ec-drawerRole`：SPのドロワー内の要素をwrapするコンポーネントです。<br>
`.ec-headerSearch`、`.ec-headerNav`、`.ec-itemNav`は`.ec-drawerRole`の子要素にある場合、ドロワーに適したスタイルに変化します。<br><br>
`.ec-overlayRole`：SPのドロワー出現時にz-indexがドロワー以下の要素に半透明の黒背景をかぶせるコンポーネントです。<br>

Styleguide 11.2.6
*/
.ec-drawerRole {
  overflow-y: scroll;
  background: black;
  width: 260px;
  height: 100vh;
  transform: translateX(-300px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transition: z-index 0ms 1ms; }
.ec-drawerRole .ec-headerSearchArea {
    padding: 20px 10px;
    width: 100%;
    background: #F8F8F8; }
.ec-drawerRole .ec-headerSearch {
    padding: 16px 8px 26px;
    background: #EBEBEB;
    color: #636378; }
.ec-drawerRole .ec-headerSearch select {
      width: 100% !important; }
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 1em 10px;
    font-size: 16px;
    font-weight: bold;
    color: black;
    background: #F8F8F8; }
.ec-drawerRole .ec-headerCategoryArea p {
    margin-top: 0;
    margin-bottom: 0; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: black;
    font-weight: normal;
    background: #f8f8f8; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
    font-weight: normal;
    background: white; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover > a {
    background: #f8f8f8; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover li:hover > a {
    background: white; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li ul li a {
    padding-left: 40px;
    color: black;
    background: white; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li:hover ul li ul li a:hover {
    background: white; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li ul li ul li a {
    padding-left: 60px;
    font-weight: normal; }
.ec-drawerRole .ec-headerLinkArea {
    background: black; }
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
      border-top: 1px solid #ccc; }
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
      display: block;
      border-bottom: 1px solid #ccc;
      padding: 15px 20px;
      font-size: 16px;
      font-weight: bold;
      color: white; }
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
      display: inline-block;
      width: 28px;
      font-size: 17px; }
.ec-drawerRoleClose {
  display: none;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  color: black;
  background: white;
  position: fixed;
  top: 10px;
  left: 270px;
  z-index: 1000; }
.ec-drawerRoleClose .fas {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.ec-drawerRole.is_active {
  display: block;
  transform: translateX(0);
  transition: all .3s;
  z-index: 100000; }
.ec-drawerRoleClose.is_active {
  display: inline-block;
  transition: all .3s; }
.ec-overlayRole {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  background: transparent;
  transform: translateX(0);
  transition: all .3s;
  visibility: hidden; }
.have_curtain .ec-overlayRole {
  display: block;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  visibility: visible; }
/*
ヘッダー：test

test

Markup:
span.ec-itemAccordionParent test1
ul.ec-itemNavAccordion
  li.ec-itemNavAccordion__item
    a(href='') test2
    ul.ec-itemNavAccordion
      li.ec-itemNavAccordion__item
        a(href='') test3
        ul.ec-itemNavAccordion
          li.ec-itemNavAccordion__item
            a(href='') test4

Styleguide 11.2.7
*/
.ec-itemNavAccordion {
  display: none; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
フッター

全ページで使用されるフッターのプロジェクトコンポーネントです。

ex [トップページ　フッター](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/11.8.footer.pug
+ec-footerRole

Styleguide 11.3
*/
.ec-footerRole {
  border-top: 1px solid #7d7d7d;
  margin-top: 30px;
  background: black; }
/*
フッターナビ

フッタープロジェクトで使用するナビゲーション用のコンポーネントです。

Markup:
include /assets/tmpl/elements/11.8.footer.pug
+ec-footerNav

sg-wrapper:
<div class="ec-footerRole">
  <div class="ec-footerRole__inner">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.3.1
*/
.ec-footerNavi {
  padding: 0;
  color: white;
  list-style: none;
  text-align: center; }
.ec-footerNavi .ec-footerNavi__link {
    display: block; }
.ec-footerNavi .ec-footerNavi__link a {
      display: block;
      border-bottom: 1px solid #7d7d7d;
      padding: 15px 0;
      font-size: 14px;
      color: inherit;
      text-decoration: none; }
.ec-footerNavi .ec-footerNavi__link:hover a {
      opacity: .8;
      text-decoration: none; }
/*
フッタータイトル

フッタープロジェクトで使用するタイトル用のコンポーネントです。

Markup:
include /assets/tmpl/elements/11.8.footer.pug
+ec-footerTitle

sg-wrapper:
<div class="ec-footerRole">
  <div class="ec-footerRole__inner">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.3.2
*/
.ec-footerTitle {
  padding: 40px 0 60px;
  text-align: center;
  color: white; }
.ec-footerTitle .ec-footerTitle__logo {
    display: block;
    margin-bottom: 10px;
    font-weight: bold; }
.ec-footerTitle .ec-footerTitle__logo a {
      color: inherit;
      text-decoration: none; }
.ec-footerTitle .ec-footerTitle__logo a:hover {
      text-decoration: none; }
.ec-footerTitle .ec-footerTitle__logo a {
      font-size: 22px;
      color: inherit; }
.ec-footerTitle .ec-footerTitle__logo:hover a {
      opacity: .8;
      text-decoration: none; }
.ec-footerTitle .ec-footerTitle__copyright {
    font-size: 10px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
トップページ

トップページ スライド部に関する Project コンポーネントを定義します。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/12.1.slider.pug
+ec-sliderRole

Styleguide 12.1
*/
.ec-sliderRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px; }
.ec-sliderRole:after {
    content: " ";
    display: table; }
.ec-sliderRole:after {
    clear: both; }
.ec-sliderRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-sliderRole img {
    max-width: 100%; }
.ec-sliderRole html {
    box-sizing: border-box; }
.ec-sliderRole *,
  .ec-sliderRole *::before,
  .ec-sliderRole *::after {
    box-sizing: inherit; }
.ec-sliderRole img {
    width: 100%; }
.ec-sliderRole ul {
    padding: 0;
    list-style: none; }
.ec-sliderItemRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px; }
.ec-sliderItemRole:after {
    content: " ";
    display: table; }
.ec-sliderItemRole:after {
    clear: both; }
.ec-sliderItemRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-sliderItemRole img {
    max-width: 100%; }
.ec-sliderItemRole html {
    box-sizing: border-box; }
.ec-sliderItemRole *,
  .ec-sliderItemRole *::before,
  .ec-sliderItemRole *::after {
    box-sizing: inherit; }
.ec-sliderItemRole img {
    width: 100%; }
.ec-sliderItemRole ul {
    padding: 0;
    list-style: none; }
.ec-sliderItemRole .item_nav {
    display: none; }
.ec-sliderItemRole .slideThumb {
    margin-bottom: 25px;
    width: 33%;
    opacity: .8;
    cursor: pointer; }
.ec-sliderItemRole .slideThumb:focus {
      outline: none; }
.ec-sliderItemRole .slideThumb:hover {
      opacity: 1; }
.ec-sliderItemRole .slideThumb img {
      width: 80%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
アイキャッチ

トップページ アイキャッチ部に関する Project コンポーネントを定義します。

ex [トップページスライダー直下 アイキャッチ部](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/12.2.eyecatch.pug
+ec-eyecatchRole

Styleguide 12.2
*/
.ec-eyecatchRole {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  /* Deprecated https://github.com/EC-CUBE/ec-cube/pull/4220 */ }
.ec-eyecatchRole .ec-eyecatchRole__image {
    display: block;
    margin-bottom: 40px;
    width: 100%;
    height: 100%; }
.ec-eyecatchRole .ec-eyecatchRole__intro {
    color: black; }
.ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
    margin-bottom: .8em;
    font-size: 16px;
    font-weight: normal; }
.ec-eyecatchRole .ec-eyecatchRole__introTitle {
    margin-bottom: .8em;
    font-size: 24px;
    font-weight: bold; }
.ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 2; }
.ec-eyecatchRole .ec-eyecatchRole__introDescription {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 2; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
ボタン

トップページで使用されているボタンのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.3
*/
/*
通常ボタン

インラインの要素としてボタンを定義出来ます。

Markup:
.ec-inlineBtn--top more

Styleguide 12.3.1
*/
.ec-inlineBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: white;
  background-color: black;
  border-color: black; }
.ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus, .ec-inlineBtn--top:active:focus, .ec-inlineBtn--top:active.focus, .ec-inlineBtn--top.active:focus, .ec-inlineBtn--top.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-inlineBtn--top:hover, .ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus {
    color: #525263;
    text-decoration: none; }
.ec-inlineBtn--top:active, .ec-inlineBtn--top.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-inlineBtn--top.disabled, .ec-inlineBtn--top[disabled],
  fieldset[disabled] .ec-inlineBtn--top {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus {
    color: white;
    background-color: black;
    border-color: black; }
.ec-inlineBtn--top:hover {
    color: white;
    background-color: black;
    border-color: black; }
.ec-inlineBtn--top:active, .ec-inlineBtn--top.active,
  .open > .ec-inlineBtn--top.dropdown-toggle {
    color: white;
    background-color: black;
    background-image: none;
    border-color: black; }
.ec-inlineBtn--top:active:hover, .ec-inlineBtn--top:active:focus, .ec-inlineBtn--top:active.focus, .ec-inlineBtn--top.active:hover, .ec-inlineBtn--top.active:focus, .ec-inlineBtn--top.active.focus,
    .open > .ec-inlineBtn--top.dropdown-toggle:hover,
    .open > .ec-inlineBtn--top.dropdown-toggle:focus,
    .open > .ec-inlineBtn--top.dropdown-toggle.focus {
      color: white;
      background-color: black;
      border-color: black; }
.ec-inlineBtn--top.disabled:hover, .ec-inlineBtn--top.disabled:focus, .ec-inlineBtn--top.disabled.focus, .ec-inlineBtn--top[disabled]:hover, .ec-inlineBtn--top[disabled]:focus, .ec-inlineBtn--top[disabled].focus,
  fieldset[disabled] .ec-inlineBtn--top:hover,
  fieldset[disabled] .ec-inlineBtn--top:focus,
  fieldset[disabled] .ec-inlineBtn--top.focus {
    background-color: black;
    border-color: black; }
.ec-inlineBtn--top .badge {
    color: black;
    background-color: white; }
.ec-inlineBtn--top .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
/*
ロングボタン（全幅）

ロングタイプのボタンです。

Markup:
.ec-blockBtn--top 商品一覧へ

Styleguide 2.1.2
*/
.ec-blockBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: white;
  background-color: black;
  border-color: black;
  display: block;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0; }
.ec-blockBtn--top:focus, .ec-blockBtn--top.focus, .ec-blockBtn--top:active:focus, .ec-blockBtn--top:active.focus, .ec-blockBtn--top.active:focus, .ec-blockBtn--top.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.ec-blockBtn--top:hover, .ec-blockBtn--top:focus, .ec-blockBtn--top.focus {
    color: #525263;
    text-decoration: none; }
.ec-blockBtn--top:active, .ec-blockBtn--top.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ec-blockBtn--top.disabled, .ec-blockBtn--top[disabled],
  fieldset[disabled] .ec-blockBtn--top {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }
.ec-blockBtn--top:focus, .ec-blockBtn--top.focus {
    color: white;
    background-color: black;
    border-color: black; }
.ec-blockBtn--top:hover {
    color: white;
    background-color: black;
    border-color: black; }
.ec-blockBtn--top:active, .ec-blockBtn--top.active,
  .open > .ec-blockBtn--top.dropdown-toggle {
    color: white;
    background-color: black;
    background-image: none;
    border-color: black; }
.ec-blockBtn--top:active:hover, .ec-blockBtn--top:active:focus, .ec-blockBtn--top:active.focus, .ec-blockBtn--top.active:hover, .ec-blockBtn--top.active:focus, .ec-blockBtn--top.active.focus,
    .open > .ec-blockBtn--top.dropdown-toggle:hover,
    .open > .ec-blockBtn--top.dropdown-toggle:focus,
    .open > .ec-blockBtn--top.dropdown-toggle.focus {
      color: white;
      background-color: black;
      border-color: black; }
.ec-blockBtn--top.disabled:hover, .ec-blockBtn--top.disabled:focus, .ec-blockBtn--top.disabled.focus, .ec-blockBtn--top[disabled]:hover, .ec-blockBtn--top[disabled]:focus, .ec-blockBtn--top[disabled].focus,
  fieldset[disabled] .ec-blockBtn--top:hover,
  fieldset[disabled] .ec-blockBtn--top:focus,
  fieldset[disabled] .ec-blockBtn--top.focus {
    background-color: black;
    border-color: black; }
.ec-blockBtn--top .badge {
    color: black;
    background-color: white; }
.ec-blockBtn--top .ec-icon img {
    width: 1em;
    vertical-align: text-bottom; }
/*
見出し

トップページで使用されている見出しのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.4
*/
/*
横並び見出し

横並びの見出しです。

Markup:
.ec-secHeading
  span.ec-secHeading__en TOPIC
  span.ec-secHeading__line |
  span.ec-secHeading__ja 特集

Styleguide 12.4.1
*/
.ec-secHeading {
  margin-bottom: 15px;
  color: black; }
.ec-secHeading .ec-secHeading__en {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .2em; }
.ec-secHeading .ec-secHeading__line {
    display: inline-block;
    margin: 0 20px;
    width: 1px;
    height: 14px;
    background: black; }
.ec-secHeading .ec-secHeading__ja {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .15em;
    vertical-align: 2px; }
/*
縦並び見出し

縦並びの見出しです。

Markup:
.ec-secHeading--tandem
  span.ec-secHeading__en TOPIC
  span.ec-secHeading__line |
  span.ec-secHeading__ja 特集

Styleguide 12.4.2
*/
.ec-secHeading--tandem {
  margin-bottom: 15px;
  color: black;
  text-align: center; }
.ec-secHeading--tandem .ec-secHeading__en {
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .2em; }
.ec-secHeading--tandem .ec-secHeading__line {
    display: block;
    margin: 13px auto;
    width: 20px;
    height: 1px;
    background: black; }
.ec-secHeading--tandem .ec-secHeading__ja {
    display: block;
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .15em;
    vertical-align: 2px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
トピック（アイテム2列）

トップページで使用されているトピックのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.5.1
*/
.ec-topicRole {
  padding: 40px 0;
  background: #F8F8F8; }
.ec-topicRole .ec-topicRole__list {
    display: flex;
    flex-wrap: wrap; }
.ec-topicRole .ec-topicRole__listItem {
    margin-bottom: 20px;
    width: 100%;
    height: auto; }
.ec-topicRole .ec-topicRole__listItemTitle {
    margin-top: .5em;
    font-size: 14px;
    color: black; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カテゴリ（アイテム4列 スマホの時は2列）

トップページで使用されているアイテムリストのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.6.1
*/
.ec-newItemRole {
  padding: 40px 0; }
.ec-newItemRole .ec-newItemRole__list {
    display: flex;
    flex-wrap: wrap; }
.ec-newItemRole .ec-newItemRole__listItem {
    margin-bottom: 4%;
    width: 48%;
    height: auto; }
.ec-newItemRole .ec-newItemRole__listItem:not(:first-child) a {
      color: black; }
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
      margin-right: 4%; }
.ec-newItemRole .ec-newItemRole__listItemHeading {
    margin-top: calc(45% - 20px); }
.ec-newItemRole .ec-newItemRole__listItemTitle {
    margin: 8px 0;
    font-size: 14px;
    font-weight: bold; }
.ec-newItemRole .ec-newItemRole__listItemPrice {
    font-size: 12px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カテゴリ（アイテム3列）

トップページで使用されているカテゴリのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.7.1
*/
.ec-categoryRole {
  padding: 40px 0;
  color: black;
  background: #F8F8F8; }
.ec-categoryRole .ec-categoryRole__list {
    display: flex;
    flex-wrap: wrap; }
.ec-categoryRole .ec-categoryRole__listItem {
    margin-bottom: 20px;
    width: 100%;
    height: auto; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されている新着情報のスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.8.1
*/
.ec-newsRole {
  padding: 40px 0 0; }
.ec-newsRole .ec-newsRole__news {
    box-sizing: border-box; }
.ec-newsRole .ec-newsRole__newsItem {
    width: 100%; }
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
      border-bottom: 1px solid #ccc; }
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
      margin-bottom: 20px; }
.ec-newsRole .ec-newsRole__newsHeading {
    cursor: pointer; }
.ec-newsRole .ec-newsRole__newsDate {
    display: block;
    margin: 15px 0 5px;
    font-size: 12px;
    color: black; }
.ec-newsRole .ec-newsRole__newsColumn {
    display: flex; }
.ec-newsRole .ec-newsRole__newsTitle {
    display: inline-block;
    margin-bottom: 10px;
    width: 90%;
    font-size: 14px;
    font-weight: bold;
    color: #7D7D7D;
    line-height: 1.6; }
.ec-newsRole .ec-newsRole__newsClose {
    display: inline-block;
    width: 10%;
    position: relative; }
.ec-newsRole .ec-newsRole__newsCloseBtn {
    display: inline-block;
    margin-left: auto;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    background: black;
    cursor: pointer;
    position: absolute;
    right: 5px; }
.ec-newsRole .ec-newsRole__newsDescription {
    display: none;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden; }
.ec-newsRole .ec-newsRole__newsDescription a {
      color: #0092C4; }
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    margin: 0 0 10px; }
.ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn i {
    display: inline-block;
    transform: rotateX(180deg) translateY(2px); }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
検索ラベル

商品一覧 ヘッダー部 に関する Project コンポーネントを定義します。

ex [商品一覧 ヘッダー部](http://demo3.ec-cube.net/products/list)

Markup:
include /assets/tmpl/elements/13.1.searchnav.pug
+ec-searchnavRole__topicpath
+ec-searchnavRole__info

Styleguide 13.1

*/
.ec-searchnavRole {
  margin-bottom: 0;
  padding: 0; }
.ec-searchnavRole .ec-searchnavRole__infos {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: flex;
    border-top: 0;
    margin-bottom: 16px;
    padding-top: 5px;
    flex-direction: column; }
.ec-searchnavRole .ec-searchnavRole__infos:after {
      content: " ";
      display: table; }
.ec-searchnavRole .ec-searchnavRole__infos:after {
      clear: both; }
.ec-searchnavRole .ec-searchnavRole__infos textarea {
      /* for chrome fontsize bug */
      font-family: sans-serif; }
.ec-searchnavRole .ec-searchnavRole__infos img {
      max-width: 100%; }
.ec-searchnavRole .ec-searchnavRole__infos html {
      box-sizing: border-box; }
.ec-searchnavRole .ec-searchnavRole__infos *,
    .ec-searchnavRole .ec-searchnavRole__infos *::before,
    .ec-searchnavRole .ec-searchnavRole__infos *::after {
      box-sizing: inherit; }
.ec-searchnavRole .ec-searchnavRole__infos img {
      width: 100%; }
.ec-searchnavRole .ec-searchnavRole__counter {
    margin-bottom: 16px;
    width: 100%; }
.ec-searchnavRole .ec-searchnavRole__actions {
    text-align: right;
    width: 100%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
商品一覧

商品一覧 に関する Project コンポーネントを定義します。

SP版２列、PC版４列の特殊グリッドを構成します。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGrid

Styleguide 13.2

*/
.ec-shelfRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-shelfRole:after {
    content: " ";
    display: table; }
.ec-shelfRole:after {
    clear: both; }
.ec-shelfRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-shelfRole img {
    max-width: 100%; }
.ec-shelfRole html {
    box-sizing: border-box; }
.ec-shelfRole *,
  .ec-shelfRole *::before,
  .ec-shelfRole *::after {
    box-sizing: inherit; }
.ec-shelfRole img {
    width: 100%; }
/*
商品一覧グリッド

商品一覧 で使用するグリッドコンポーネントです。

SP版２列、PC版４列の特殊グリッドを構成します。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGrid

Styleguide 13.2.1

*/
.ec-shelfGrid {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none; }
.ec-shelfGrid a {
    color: inherit;
    text-decoration: none; }
.ec-shelfGrid a:hover {
    text-decoration: none; }
.ec-shelfGrid .ec-shelfGrid__item {
    margin-bottom: 36px;
    width: 50%;
    display: flex;
    flex-direction: column; }
.ec-shelfGrid .ec-shelfGrid__item-image {
      height: 150px;
      margin-bottom: 10px;
      text-align: center; }
.ec-shelfGrid .ec-shelfGrid__item img {
      width: auto;
      max-height: 100%; }
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
      margin-top: auto;
      margin-bottom: 15px; }
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding-right: 8px; }
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding-left: 8px; }
.ec-shelfGrid .ec-shelfGrid__title {
    margin-bottom: 7px; }
.ec-shelfGrid .ec-shelfGrid__plice {
    font-weight: bold; }
/*
13.2.2 商品一覧グリッド（中央寄せ）

商品一覧 で使用するグリッドコンポーネントです。

SP版２列、PC版４列の特殊グリッドを構成します。
商品のあまりはセンタリングされ、中央に表示されます。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGridCenter

Styleguide 13.2.2

*/
.ec-shelfGridCenter {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  justify-content: center; }
.ec-shelfGridCenter a {
    color: inherit;
    text-decoration: none; }
.ec-shelfGridCenter a:hover {
    text-decoration: none; }
.ec-shelfGridCenter .ec-shelfGridCenter__item {
    margin-bottom: 36px;
    width: 50%; }
.ec-shelfGridCenter .ec-shelfGridCenter__item-image {
      height: 150px;
      margin-bottom: 10px;
      text-align: center; }
.ec-shelfGridCenter .ec-shelfGridCenter__item img {
      width: auto;
      max-height: 100%; }
.ec-shelfGridCenter .ec-shelfGridCenter__item .ec-productRole__btn {
      margin-top: auto;
      padding-top: 1em; }
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
    padding-right: 8px; }
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
    padding-left: 8px; }
.ec-shelfGridCenter .ec-shelfGridCenter__title {
    margin-bottom: 7px; }
.ec-shelfGridCenter .ec-shelfGridCenter__plice {
    font-weight: bold; }
/*
商品一覧フッター

商品一覧 フッター に関する Project コンポーネントを定義します。

ex [商品一覧 ページャ部](http://demo3.ec-cube.net/products/list)

Markup:
include /assets/tmpl/elements/13.3.pager.pug
+ec-pagerRole

Styleguide 13.3

*/
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カート追加モーダル

カート追加モーダルに関する Project コンポーネントを定義します。

ex [商品一覧、商品詳細](http://demo3.ec-cube.net/products/list)

+ec-modal

Styleguide 13.4

*/
.ec-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%; }
.ec-modal.small {
    width: 30%; }
.ec-modal.full {
    width: 100%;
    height: 100%; }
.ec-modal .ec-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%; }
.ec-modal .ec-modal-wrap {
    position: relative;
    border-radius: 2px;
    border: 1px solid #333;
    background-color: #fff;
    width: 90%;
    margin: 20px;
    padding: 40px 5px; }
.ec-modal .ec-modal-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    height: 30px;
    width: 20px; }
.ec-modal .ec-modal-close:hover {
      color: #4b5361; }
.ec-modal .ec-modal-box {
    text-align: center; }
.ec-modal .ec-role {
    margin-top: 20px; }
.ec-modal_detail_delivery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%; }
.ec-modal_detail_delivery.small {
    width: 30%; }
.ec-modal_detail_delivery.full {
    width: 100%;
    height: 100%; }
.ec-modal_detail_delivery .ec-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%; }
.ec-modal_detail_delivery .ec-modal-wrap {
    position: relative;
    border-radius: 2px;
    border: 1px solid #333;
    background-color: #fff;
    width: 90%;
    margin: 20px;
    padding: 40px 5px; }
.ec-modal_detail_delivery .ec-modal-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    height: 30px;
    width: 20px; }
.ec-modal_detail_delivery .ec-modal-close:hover {
      color: #4b5361; }
.ec-modal_detail_delivery .ec-modal-box {
    text-align: center; }
.ec-modal_detail_delivery .ec-role {
    margin-top: 20px; }
.modal-img {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%; }
.modal-img.small {
    width: 30%; }
.modal-img.full {
    width: 100%;
    height: 100%; }
.modal-img .ec-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%; }
.modal-img .ec-modal-wrap {
    position: relative;
    border-radius: 2px;
    border: 1px solid #333;
    background-color: #fff;
    width: 90%;
    margin: 20px;
    padding: 40px 5px; }
.modal-img .ec-modal-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    height: 30px;
    width: 20px; }
.modal-img .ec-modal-close:hover {
      color: #4b5361; }
.modal-img .ec-modal-box {
    text-align: center; }
.modal-img .ec-role {
    margin-top: 20px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
商品詳細

商品詳細ページに関する Project コンポーネントを定義します。

ex [商品詳細ページ](http://demo3.ec-cube.net/products/detail/18)


Markup:
include /assets/tmpl/elements/14.1.product.pug
+ec-productSimpleRole

Styleguide 14.1
*/
.ec-productRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-productRole:after {
    content: " ";
    display: table; }
.ec-productRole:after {
    clear: both; }
.ec-productRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-productRole img {
    max-width: 100%; }
.ec-productRole html {
    box-sizing: border-box; }
.ec-productRole *,
  .ec-productRole *::before,
  .ec-productRole *::after {
    box-sizing: inherit; }
.ec-productRole img {
    width: 100%; }
.ec-productRole .ec-productRole__img {
    margin-right: 0;
    margin-bottom: 20px; }
.ec-productRole .ec-productRole__profile {
    margin-left: 0; }
.ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 20px; }
.ec-productRole .ec-productRole__tags {
    margin-top: 16px;
    padding: 0;
    padding-bottom: 16px;
    border-bottom: 1px dotted #ccc; }
.ec-productRole .ec-productRole__tag {
    display: inline-block;
    padding: 2px 5px;
    list-style: none;
    font-size: 80%;
    color: #525263;
    border: solid 1px #D7DADD;
    border-radius: 3px;
    background-color: #F5F7F8; }
.ec-productRole .ec-productRole__priceRegular {
    padding-top: 14px; }
.ec-productRole .ec-productRole__priceRegularTax {
    margin-left: 5px;
    font-size: 10px; }
.ec-productRole .ec-productRole__price {
    color: #DE5D50;
    font-size: 28px;
    padding: 0;
    border-bottom: 0; }
.ec-productRole .ec-productRole__code {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc; }
.ec-productRole .ec-productRole__category {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc; }
.ec-productRole .ec-productRole__category a {
      color: #33A8D0; }
.ec-productRole .ec-productRole__category ul {
      list-style: none;
      padding: 0;
      margin: 0; }
.ec-productRole .ec-productRole__actions {
    padding: 14px 0; }
.ec-productRole .ec-productRole__actions .ec-select select {
      height: 40px;
      max-width: 100%;
      min-width: 100%; }
.ec-productRole .ec-productRole__btn {
    width: 100%;
    margin-bottom: 10px; }
.ec-productRole .ec-productRole__description {
    margin-bottom: 16px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
カート

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [カートページ](http://demo3.ec-cube.net/shopping)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
+ec-cartRole

Styleguide 15.1

*/
.ec-cartRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }
.ec-cartRole:after {
    content: " ";
    display: table; }
.ec-cartRole:after {
    clear: both; }
.ec-cartRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-cartRole img {
    max-width: 100%; }
.ec-cartRole html {
    box-sizing: border-box; }
.ec-cartRole *,
  .ec-cartRole *::before,
  .ec-cartRole *::after {
    box-sizing: inherit; }
.ec-cartRole img {
    width: 100%; }
.ec-cartRole::before {
    display: none; }
.ec-cartRole .ec-cartRole__progress {
    width: 100%;
    text-align: center; }
.ec-cartRole .ec-cartRole__error {
    width: 100%;
    text-align: center; }
.ec-cartRole .ec-cartRole__error .ec-alert-warning {
      max-width: 80%;
      display: inline-block; }
.ec-cartRole .ec-cartRole__totalText {
    margin-bottom: 0;
    padding: 16px 0 6px;
    width: 100%;
    text-align: center;
    font-weight: normal; }
.ec-cartRole .ec-cartRole__cart {
    margin: 0;
    width: 100%; }
.ec-cartRole .ec-cartRole__actions {
    text-align: right;
    width: 100%; }
.ec-cartRole .ec-cartRole__total {
    padding: 15px 0 30px;
    font-weight: bold;
    font-size: 16px; }
.ec-cartRole .ec-cartRole__totalAmount {
    margin-left: 30px;
    color: #de5d50;
    font-size: 16px; }
.ec-cartRole .ec-blockBtn--action {
    margin-bottom: 10px; }
/*
カート商品表示枠（テーブルヘッダ）

カート内の商品をを表示するテーブル枠です。

ex [カートページ　テーブル部分(カート内に商品がある状態でアクセス)](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
+ec-cartTable

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>

Styleguide 15.1.2
*/
.ec-cartTable {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%; }
/*
カート商品表示枠（テーブルヘッダ）

カート内の商品を表示するテーブルのヘッダです。
スマホでは非表示となります。

ex [カートページ　カートテーブルヘッダ部分(カート内に商品がある状態でアクセス)](http://demo3.ec-cube.net/cart)


Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartHeader

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.3
*/
.ec-cartHeader {
  display: none;
  width: 100%;
  background: #F4F3F0; }
.ec-cartHeader .ec-cartHeader__label {
    display: table-cell;
    padding: 16px;
    text-align: center;
    background: #F4F3F0;
    overflow-x: hidden;
    font-weight: bold; }
.ec-cartCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-cartCompleteRole:after {
    content: " ";
    display: table; }
.ec-cartCompleteRole:after {
    clear: both; }
.ec-cartCompleteRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-cartCompleteRole img {
    max-width: 100%; }
.ec-cartCompleteRole html {
    box-sizing: border-box; }
.ec-cartCompleteRole *,
  .ec-cartCompleteRole *::before,
  .ec-cartCompleteRole *::after {
    box-sizing: inherit; }
.ec-cartCompleteRole img {
    width: 100%; }
/*
カート内商品

カート内のアイテムを表示するテーブル行です。
スマホでは非表示となります。

ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartRow

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.4
*/
.ec-cartRow {
  display: table-row; }
.ec-cartRow .ec-cartRow__delColumn {
    border-bottom: 1px dotted #ccc;
    text-align: center;
    display: table-cell;
    width: 14%;
    vertical-align: middle; }
.ec-cartRow .ec-cartRow__delColumn .ec-icon img {
      width: 1.5em;
      height: 1.5em; }
.ec-cartRow .ec-cartRow__contentColumn {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    display: table; }
.ec-cartRow .ec-cartRow__img {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    padding-right: 10px; }
.ec-cartRow .ec-cartRow__summary {
    display: table-cell;
    margin-left: 5px;
    font-weight: bold;
    vertical-align: middle;
    width: 46%; }
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
      margin-bottom: 5px; }
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
      display: block;
      font-weight: normal; }
.ec-cartRow .ec-cartRow__amountColumn {
    display: table-cell;
    border-bottom: 1px dotted #ccc;
    vertical-align: middle;
    text-align: center;
    width: 20%; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
      display: none;
      margin-bottom: 10px; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
      display: block;
      margin-bottom: 10px; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
      display: flex;
      justify-content: center; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
      margin: 0 2px;
      display: inline-block;
      border: 2px solid #c9c9c9;
      border-radius: 50%;
      width: 30px;
      min-width: 30px;
      max-width: 30px;
      height: 30px;
      cursor: pointer;
      line-height: 40px;
      vertical-align: middle;
      position: relative;
      text-align: center;
      background: #fff; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
        display: block;
        margin-left: -0.4em;
        width: .8em;
        height: .8em;
        position: absolute;
        top: 28%;
        left: 50%; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
      margin: 0 2px;
      display: inline-block;
      border: 2px solid #c9c9c9;
      border-radius: 50%;
      width: 30px;
      min-width: 30px;
      max-width: 30px;
      height: 30px;
      cursor: pointer;
      line-height: 40px;
      vertical-align: middle;
      position: relative;
      text-align: center;
      background: #fff; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img {
        display: block;
        margin-left: -0.4em;
        width: .8em;
        height: .8em;
        position: absolute;
        top: 28%;
        left: 50%; }
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
      cursor: default; }
.ec-cartRow .ec-cartRow__subtotalColumn {
    display: none;
    border-bottom: 1px dotted #ccc;
    text-align: right;
    width: 16.66666667%; }
/*
カート内商品(商品が１の場合)

商品が１の場合はカート商品を減らす「-」ボタンの無効化状態になります。

ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartRowOnly

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.5
*/
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default; }
/*
アラート

カート内の商品に問題があることを示す警告メッセージです。

ex [マイページ　カート](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartRole
  .ec-cartRole__cart
    +ec-alert-warning

Styleguide 15.1.6
*/
.ec-alert-warning {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #F99;
  margin-bottom: 20px; }
.ec-alert-warning .ec-alert-warning__icon {
    display: inline-block;
    margin-right: 1rem;
    width: 20px;
    height: 20px;
    color: #fff;
    fill: #fff;
    vertical-align: top; }
.ec-alert-warning .ec-alert-warning__text {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: relative; }
/*
アラート(空)

カートが空であることを示す警告メッセージです。

ex [マイページ　カート](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-off3Grid
        .ec-off3Grid__cell
            +ec-alert-warningEnpty

Styleguide 15.1.7
*/
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
注文内容確認

カート内 注文内容確認に関する Project コンポーネントを定義します。

ex [マイページ　注文詳細](http://demo3.ec-cube.net/shopping)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderRole

Styleguide 15.2
*/
.ec-orderRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-direction: column;
  margin-top: 0; }
.ec-orderRole:after {
    content: " ";
    display: table; }
.ec-orderRole:after {
    clear: both; }
.ec-orderRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-orderRole img {
    max-width: 100%; }
.ec-orderRole html {
    box-sizing: border-box; }
.ec-orderRole *,
  .ec-orderRole *::before,
  .ec-orderRole *::after {
    box-sizing: inherit; }
.ec-orderRole img {
    width: 100%; }
.ec-orderRole .ec-inlineBtn {
    font-weight: normal; }
.ec-orderRole .ec-orderRole__detail {
    padding: 0;
    width: 100%; }
.ec-orderRole .ec-orderRole__summary {
    width: 100%; }
.ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
      display: inline-block; }
.ec-orderRole .ec-borderedList {
    margin-bottom: 20px;
    border-top: 1px dotted #ccc; }
/*
注文履歴詳細 オーダ情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　オーダ情報](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderInfo

Styleguide 15.2.1
*/
.ec-orderOrder {
  margin-bottom: 30px; }
.ec-orderOrder .ec-orderOrder__items {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc; }
/*
注文履歴詳細 お客様情報

マイページ 注文詳細部に関する Project コンポーネントを定義します。

ex [マイページ　オーダ情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderAccount

Styleguide 15.2.2
*/
.ec-orderAccount {
  margin-bottom: 30px; }
.ec-orderAccount p {
    margin-bottom: 0; }
.ec-orderAccount:after {
    content: " ";
    display: table; }
.ec-orderAccount:after {
    clear: both; }
.ec-orderAccount .ec-orderAccount__change {
    display: inline-block;
    margin-left: 10px;
    float: right; }
.ec-orderAccount .ec-orderAccount__account {
    margin-bottom: 16px; }
/*
注文詳細 配送情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　配送情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderDelivery

Styleguide 15.2.3
*/
.ec-orderDelivery .ec-orderDelivery__title {
  padding: 16px 0 17px;
  font-weight: bold;
  font-size: 18px;
  position: relative; }
.ec-orderDelivery .ec-orderDelivery__change {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0; }
.ec-orderDelivery .ec-orderDelivery__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc; }
.ec-orderDelivery .ec-orderDelivery__address {
  margin: 10px 0 18px; }
.ec-orderDelivery .ec-orderDelivery__address p {
    margin: 0; }
/*
注文履歴詳細 支払情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　支払情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
.ec-orderRole
  .ec-orderPayment
    .ec-rectHeading
      h2 お支払方法
    p 支払方法： 郵便振替

Styleguide 15.2.4
*/
/*
注文履歴詳細 お問い合わせ

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　お問い合わせ(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
.ec-orderRole
  .ec-orderConfirm
    .ec-rectHeading
      h2 お問い合わせ
    p 記載なし

Styleguide 15.2.5
*/
.ec-orderConfirm {
  margin-bottom: 20px; }
.ec-orderConfirm .ec-input textarea, .ec-orderConfirm .ec-halfInput textarea, .ec-orderConfirm .ec-numberInput textarea, .ec-orderConfirm .ec-zipInput textarea, .ec-orderConfirm .ec-telInput textarea, .ec-orderConfirm .ec-select textarea, .ec-orderConfirm .ec-birth textarea {
    height: 96px; }
/*
お届け先の複数指定

お届け先の複数指定に関するコンポーネントを定義します。

ex [マイページ　お届け先の複数指定](http://demo3.ec-cube.net/shopping/shipping_multiple)
(商品購入画面 → 「お届け先を追加する」を押下)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderAddAddress

Styleguide 15.2.6
*/
.ec-AddAddress {
  padding: 0 10px; }
.ec-AddAddress .ec-AddAddress__info {
    margin-bottom: 32px;
    text-align: center;
    font-size: 16px; }
.ec-AddAddress .ec-AddAddress__add {
    border-top: 1px solid #f4f4f4;
    padding-top: 20px;
    margin-bottom: 20px; }
.ec-AddAddress .ec-AddAddress__item {
    display: table;
    padding: 16px;
    background: #f4f4f4;
    margin-bottom: 16px; }
.ec-AddAddress .ec-AddAddress__itemThumb {
    display: table-cell;
    min-width: 160px;
    width: 20%; }
.ec-AddAddress .ec-AddAddress__itemThumb img {
      width: 100%; }
.ec-AddAddress .ec-AddAddress__itemtContent {
    display: table-cell;
    vertical-align: middle;
    padding-left: 16px;
    font-size: 16px; }
.ec-AddAddress .ec-AddAddress__itemtTitle {
    font-weight: bold;
    margin-bottom: 10px; }
.ec-AddAddress .ec-AddAddress__itemtSize {
    margin-bottom: 10px; }
.ec-AddAddress .ec-AddAddress__select {
    margin-bottom: 5px; }
.ec-AddAddress .ec-AddAddress__selectAddress {
    display: inline-block; }
.ec-AddAddress .ec-AddAddress__selectAddress label {
      font-size: 16px;
      font-weight: normal; }
.ec-AddAddress .ec-AddAddress__selectAddress select {
      min-width: 100%; }
.ec-AddAddress .ec-AddAddress__selectNumber {
    display: inline-block;
    margin-left: 30px; }
.ec-AddAddress .ec-AddAddress__selectNumber label {
      font-size: 16px;
      font-weight: normal; }
.ec-AddAddress .ec-AddAddress__selectNumber input {
      display: inline-block;
      margin-left: 10px;
      width: 80px; }
.ec-AddAddress .ec-AddAddress__actions .ec-blockBtn--action {
    margin-bottom: 8px; }
.ec-AddAddress .ec-AddAddress__new {
    margin-bottom: 20px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
注文履歴一覧

マイページ 注文履歴部に関する Project コンポーネントを定義します。

ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyRole

Styleguide 16.1
*/
.ec-historyRole .ec-historyRole__contents {
  padding-top: 1em;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  color: #525263; }
.ec-historyRole .ec-historyRole__header {
  width: 100%; }
.ec-historyRole .ec-historyRole__detail {
  border-top: 1px dotted #ccc;
  width: 100%; }
.ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
    border-top: none; }
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: bold; }
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: bold; }
/*
注文履歴一覧 規格

マイページ 注文履歴内アイテムの規格を定義します。

ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyRole-option

Styleguide 16.1.1
*/
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: .5rem;
  font-size: 1.6rem; }
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption::after {
  display: inline-block;
  padding-left: .5rem;
  content: "/";
  font-weight: bold; }
/*
注文履歴一覧ヘッダ

注文履歴一覧で使用するヘッダのコンポーネントを定義します。

ex [マイページ　注文履歴一覧ヘッダ](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyHeader
p hofe

Styleguide 16.1.2
*/
.ec-historyListHeader .ec-historyListHeader__date {
  font-weight: bold;
  font-size: 16px; }
.ec-historyListHeader .ec-historyListHeader__action {
  margin: 16px 0; }
.ec-historyListHeader .ec-historyListHeader__action a {
    font-size: 12px;
    font-weight: normal; }
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
注文履歴詳細

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　注文詳細](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailRole

Styleguide 16.2
*/
/*
注文履歴詳細 メール履歴

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　メール履歴](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailMail

Styleguide 16.2.5
*/
.ec-orderMails .ec-orderMails__item {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc; }
.ec-orderMails .ec-orderMails__time {
  margin: 0; }
.ec-orderMails .ec-orderMails__body {
  display: none; }
/*
注文履歴詳細 メール履歴個別

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　メール履歴個別](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailMailHistory

Styleguide 16.2.6
*/
.ec-orderMail {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 16px; }
.ec-orderMail .ec-orderMail__time {
    margin: 0; }
.ec-orderMail .ec-orderMail__body {
    display: none;
    border-top: #ccc 1px solid;
    margin-top: 1rem;
    padding-top: 1rem;
    font-weight: normal; }
.ec-orderMail .ec-orderMail__time {
    margin-bottom: 4px; }
.ec-orderMail .ec-orderMail__link {
    margin-bottom: 4px; }
.ec-orderMail .ec-orderMail__close a:hover {
    color: #33A8D0; }
/*
住所一覧

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [マイページ内 お届け先編集](http://demo3.ec-cube.net/mypage/delivery)

Markup:
include /assets/tmpl/elements/17.1.address.pug
+ec-addressList
+ec-addressRole

sg-wrapper:
<div class="ec-addressRole">
  <sg-wrapper-content/>
</div>

Styleguide 17.1

*/
.ec-addressRole .ec-addressRole__item {
  border-top: 1px dotted #ccc; }
.ec-addressRole .ec-addressRole__actions {
  margin-top: 32px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc; }
.ec-addressList .ec-addressList__item {
  display: table;
  width: 100%;
  position: relative;
  border-bottom: 1px dotted #ccc; }
.ec-addressList .ec-addressList__remove {
  vertical-align: middle;
  padding: 16px;
  text-align: center; }
.ec-addressList .ec-addressList__remove .ec-icon img {
    width: 1em;
    height: 1em; }
.ec-addressList .ec-addressList__address {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  margin-right: 4em;
  width: 80%; }
.ec-addressList .ec-addressList__action {
  position: relative;
  vertical-align: middle;
  text-align: right;
  top: 27px;
  padding-right: 10px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
パスワードリセット

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [パスワードリセット画面](http://demo3.ec-cube.net/forgot)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/18.1.password.pug
+ec-passwordRole

Styleguide 18.1

*/
.ec-forgotRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-forgotRole:after {
    content: " ";
    display: table; }
.ec-forgotRole:after {
    clear: both; }
.ec-forgotRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-forgotRole img {
    max-width: 100%; }
.ec-forgotRole html {
    box-sizing: border-box; }
.ec-forgotRole *,
  .ec-forgotRole *::before,
  .ec-forgotRole *::after {
    box-sizing: inherit; }
.ec-forgotRole img {
    width: 100%; }
.ec-forgotRole .ec-forgotRole__intro {
    font-size: 16px; }
.ec-forgotRole .ec-forgotRole__form {
    margin-bottom: 16px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
会員登録

新規会員登録 に関する Project コンポーネントを定義します。

ex [新規会員登録画面　会員登録](http://demo3.ec-cube.net/entry)

Markup:
include /assets/tmpl/elements/19.1.register.pug
+ec-registerRole

Styleguide 19.1

*/
.ec-registerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-registerRole:after {
    content: " ";
    display: table; }
.ec-registerRole:after {
    clear: both; }
.ec-registerRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-registerRole img {
    max-width: 100%; }
.ec-registerRole html {
    box-sizing: border-box; }
.ec-registerRole *,
  .ec-registerRole *::before,
  .ec-registerRole *::after {
    box-sizing: inherit; }
.ec-registerRole img {
    width: 100%; }
.ec-registerRole .ec-registerRole__actions {
    padding-top: 20px;
    text-align: center; }
.ec-registerRole .ec-registerRole__actions p {
      margin-bottom: 16px; }
.ec-registerRole .ec-blockBtn--action {
    margin-bottom: 16px; }
.ec-registerCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-registerCompleteRole:after {
    content: " ";
    display: table; }
.ec-registerCompleteRole:after {
    clear: both; }
.ec-registerCompleteRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-registerCompleteRole img {
    max-width: 100%; }
.ec-registerCompleteRole html {
    box-sizing: border-box; }
.ec-registerCompleteRole *,
  .ec-registerCompleteRole *::before,
  .ec-registerCompleteRole *::after {
    box-sizing: inherit; }
.ec-registerCompleteRole img {
    width: 100%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お問い合わせ

お問い合わせ に関する Project コンポーネントを定義します。

ex [お問い合わせ](http://demo3.ec-cube.net/contact)

Markup:
include /assets/tmpl/elements/19.2.contact.pug
+ec-contactRole

Styleguide 19.2

*/
.ec-contactRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-contactRole:after {
    content: " ";
    display: table; }
.ec-contactRole:after {
    clear: both; }
.ec-contactRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-contactRole img {
    max-width: 100%; }
.ec-contactRole html {
    box-sizing: border-box; }
.ec-contactRole *,
  .ec-contactRole *::before,
  .ec-contactRole *::after {
    box-sizing: inherit; }
.ec-contactRole img {
    width: 100%; }
.ec-contactRole .ec-contactRole__actions {
    padding-top: 20px; }
.ec-contactRole p {
    margin: 16px 0; }
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-contactConfirmRole:after {
    content: " ";
    display: table; }
.ec-contactConfirmRole:after {
    clear: both; }
.ec-contactConfirmRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-contactConfirmRole img {
    max-width: 100%; }
.ec-contactConfirmRole html {
    box-sizing: border-box; }
.ec-contactConfirmRole *,
  .ec-contactConfirmRole *::before,
  .ec-contactConfirmRole *::after {
    box-sizing: inherit; }
.ec-contactConfirmRole img {
    width: 100%; }
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
    padding-top: 20px; }
.ec-contactConfirmRole .ec-blockBtn--action {
    margin-bottom: 16px; }
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-contactCompleteRole:after {
    content: " ";
    display: table; }
.ec-contactCompleteRole:after {
    clear: both; }
.ec-contactCompleteRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-contactCompleteRole img {
    max-width: 100%; }
.ec-contactCompleteRole html {
    box-sizing: border-box; }
.ec-contactCompleteRole *,
  .ec-contactCompleteRole *::before,
  .ec-contactCompleteRole *::after {
    box-sizing: inherit; }
.ec-contactCompleteRole img {
    width: 100%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お客様情報の入力

ログインせずゲストとして商品を購入する際の、お客様情報の入力 に関する Project コンポーネントを定義します。

ex [カートSTEP2 お客様情報の入力(ゲスト購入)](http://demo3.ec-cube.net/shopping/nonmember)

Markup:
include /assets/tmpl/elements/19.3.customer.pug
+ec-customerRole
hoge

Styleguide 19.3

*/
.ec-customerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-customerRole:after {
    content: " ";
    display: table; }
.ec-customerRole:after {
    clear: both; }
.ec-customerRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-customerRole img {
    max-width: 100%; }
.ec-customerRole html {
    box-sizing: border-box; }
.ec-customerRole *,
  .ec-customerRole *::before,
  .ec-customerRole *::after {
    box-sizing: inherit; }
.ec-customerRole img {
    width: 100%; }
.ec-customerRole .ec-customerRole__actions {
    padding-top: 20px; }
.ec-customerRole .ec-blockBtn--action {
    margin-bottom: 10px; }
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-contactConfirmRole:after {
    content: " ";
    display: table; }
.ec-contactConfirmRole:after {
    clear: both; }
.ec-contactConfirmRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-contactConfirmRole img {
    max-width: 100%; }
.ec-contactConfirmRole html {
    box-sizing: border-box; }
.ec-contactConfirmRole *,
  .ec-contactConfirmRole *::before,
  .ec-contactConfirmRole *::after {
    box-sizing: inherit; }
.ec-contactConfirmRole img {
    width: 100%; }
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
    padding-top: 20px; }
.ec-contactConfirmRole .ec-blockBtn--action {
    margin-bottom: 16px; }
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
.ec-contactCompleteRole:after {
    content: " ";
    display: table; }
.ec-contactCompleteRole:after {
    clear: both; }
.ec-contactCompleteRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-contactCompleteRole img {
    max-width: 100%; }
.ec-contactCompleteRole html {
    box-sizing: border-box; }
.ec-contactCompleteRole *,
  .ec-contactCompleteRole *::before,
  .ec-contactCompleteRole *::after {
    box-sizing: inherit; }
.ec-contactCompleteRole img {
    width: 100%; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1; }
/*
404ページ

404 エラー画面で使用するページコンポーネントです。

ex [404エラー画面](http://demo3.ec-cube.net/404)

Markup:
include /assets/tmpl/elements/20.1.404.pug
+ec-404Role

Styleguide 20.1

*/
.ec-404Role {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100vh;
  background-color: #f2f2f2;
  text-align: center;
  box-sizing: border-box; }
.ec-404Role textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-404Role img {
    max-width: 100%; }
.ec-404Role html {
    box-sizing: border-box; }
.ec-404Role *,
  .ec-404Role *::before,
  .ec-404Role *::after {
    box-sizing: inherit; }
.ec-404Role img {
    width: 100%; }
.ec-404Role .ec-404Role__icon img {
    width: 1em;
    height: 1em; }
.ec-404Role .ec-404Role__title {
    font-weight: bold;
    font-size: 25px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
退会手続き

退会手続きで使用するページコンポーネントです。

ex [退会手続き](http://demo3.ec-cube.net/mypage/withdraw)

Markup:
include /assets/tmpl/elements/21.1.withdraw.pug
+ec-withdrawRole

Styleguide 21.1

*/
.ec-withdrawRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  text-align: center;
  padding: 0 16px; }
.ec-withdrawRole:after {
    content: " ";
    display: table; }
.ec-withdrawRole:after {
    clear: both; }
.ec-withdrawRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-withdrawRole img {
    max-width: 100%; }
.ec-withdrawRole html {
    box-sizing: border-box; }
.ec-withdrawRole *,
  .ec-withdrawRole *::before,
  .ec-withdrawRole *::after {
    box-sizing: inherit; }
.ec-withdrawRole img {
    width: 100%; }
.ec-withdrawRole .ec-withdrawRole__title {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 24px; }
.ec-withdrawRole .ec-withdrawRole__description {
    margin-bottom: 32px;
    font-size: 16px; }
.ec-withdrawRole .ec-icon img {
    width: 100px;
    height: 100px; }
/*
退会手続き実行確認

退会手続き実行確認で使用するページコンポーネントです。

ex [退会手続き　退会手続きへボタン→押下](http://demo3.ec-cube.net/mypage/withdraw)

Markup:
include /assets/tmpl/elements/21.1.withdraw.pug
+ec-withdrawConfirm

Styleguide 21.1.2

*/
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
  margin-bottom: 20px; }
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px; }
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description {
  margin-bottom: 32px;
  font-size: 16px; }
.ec-withdrawConfirmRole .ec-icon img {
  width: 100px;
  height: 100px; }
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
会員情報編集完了

会員情報編集完了で使用するページコンポーネントです。

ex [会員情報編集完了](http://demo3.ec-cube.net/mypage/change_complete)

Markup:
include /assets/tmpl/elements/22.1.editComplete.pug
+ec-userEditCompleteRole

Styleguide 22.1

*/
.ec-userEditCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  text-align: center;
  padding: 0 16px; }
.ec-userEditCompleteRole:after {
    content: " ";
    display: table; }
.ec-userEditCompleteRole:after {
    clear: both; }
.ec-userEditCompleteRole textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.ec-userEditCompleteRole img {
    max-width: 100%; }
.ec-userEditCompleteRole html {
    box-sizing: border-box; }
.ec-userEditCompleteRole *,
  .ec-userEditCompleteRole *::before,
  .ec-userEditCompleteRole *::after {
    box-sizing: inherit; }
.ec-userEditCompleteRole img {
    width: 100%; }
.ec-userEditCompleteRole .ec-userEditCompleteRole__title {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 24px; }
.ec-userEditCompleteRole .ec-userEditCompleteRole__description {
    margin-bottom: 32px;
    font-size: 16px; }
/*
  共通設定
*/
.main_content {
  border-top: none; }
.main_content.content-box {
    border: #D9D9D9 1px solid;
    padding: 2rem; }
.main_content.no-border {
    border: none; }
/*
  ページネーション 
*/
.pager_wrap {
  margin-top: 2rem;
  display: block;
  text-align: center; }
.ec-pager {
  display: inline-flex; }
.ec-pager .pager__button {
    display: inline-block;
    min-width: 29px;
    padding: 0 3px 0 2px;
    text-align: center;
    position: relative; }
.ec-pager li {
    display: inline;
    background-color: transparent;
    margin: 0 0.6rem; }
.ec-pager li a {
      color: #000; }
.ec-pager .pager_item_active {
    background-color: transparent;
    border-bottom: 1px #000 solid;
    font-weight: bold;
    width: 11px;
    padding: 0;
    text-decoration: none; }
.ec-pager .pager_list .pager_item {
    text-decoration: none; }
.ec-pager .pager_list .pager_item:hover {
      border-bottom: 1px solid #000; }
.ec-pager .back_page {
    text-decoration: none;
    background-color: #000000;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    position: relative;
    padding: 0;
    transition: all 0.3s ease 0s; }
.ec-pager .back_page::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 1px;
      top: calc(50% - 10px);
      border: solid 1px #fff;
      border-radius: 100%;
      /* transform: rotate(45deg) translateY(-50%); */
      color: #fff; }
.ec-pager .back_page::before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      left: 7px;
      top: calc(50% - 1px);
      border-bottom: solid 1px #fff;
      border-left: solid 1px #fff;
      transform: rotate(45deg) translateY(-50%);
      color: #fff; }
.ec-pager .back_page:hover {
      background-color: #999999; }
.ec-pager .next_page {
    text-decoration: none;
    background-color: #000000;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    position: relative;
    padding: 0;
    transition: all 0.3s ease 0s; }
.ec-pager .next_page::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 1px;
      top: calc(50% - 10px);
      border: solid 1px #fff;
      border-radius: 100%;
      /* transform: rotate(45deg) translateY(-50%); */
      color: #fff; }
.ec-pager .next_page::before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      left: 5px;
      top: calc(50% - 1px);
      border-top: solid 1px #fff;
      border-right: solid 1px #fff;
      transform: rotate(45deg) translateY(-50%);
      color: #fff; }
.ec-pager .next_page:hover {
      background-color: #999999; }
.ec-pager .ec-pager__item {
    padding-top: 0.3rem; }
.ec-pager .ec-pager__item:hover {
      background-color: transparent; }
.btn_cart_add {
  width: 260px;
  height: 50px;
  background-color: #000;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 100%; }
.btn_cart_add::before {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  content: "\f07a"; }
.btn_favorite_add {
  width: 260px;
  height: 3.5rem;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  height: 3.5rem;
  display: block;
  line-height: 100%;
  box-sizing: border-box;
  position: relative;
  border: solid 1px #000;
  background: #fff;
  border: 1px solid #000;
  transition: all 0.3s ease 0s; }
.btn_favorite_add:hover {
    color: #999;
    background-color: #fff;
    border: 1px solid #999; }
.btn_favorite_add::before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    content: "\f004"; }
.btn_favorite_aready {
  width: 260px;
  height: 3.5rem;
  line-height: 100%;
  border: none; }
.btn_soldout {
  width: 260px;
  height: 3.5rem;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  height: 3.5rem;
  display: block;
  line-height: 100%;
  box-sizing: border-box;
  position: relative;
  background: #CECECE;
  border: none; }
.ec-layoutRole .ec-layoutRole__contents {
  margin-right: 0;
  max-width: none; }
.ec-layoutRole .ec-layoutRole__mainWithColumn {
  min-width: 1000px;
  margin-right: 40px; }
.link {
  display: block;
  position: relative;
  text-align: left;
  color: #000;
  width: 13rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px; }
.link:hover {
    text-decoration: underline; }
.link::before {
    content: "";
    display: block;
    left: -18px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: calc(50% - 0px);
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg) translateY(-50%);
    color: #000; }
.note {
  display: block;
  font-size: 12px;
  color: #999999;
  line-height: 1rem; }
.is-complete .progress__number {
  font-weight: bold;
  background-color: #000;
  color: #fff; }
.is-complete .progress__label {
  font-weight: bold !important;
  font-size: 14px;
  padding: -8px;
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 120px;
  margin-top: 1rem; }
/*
.btn01
{
  width: 13rem;
  height: 3.5rem;
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  width: 13rem;
  height: 3.5rem;
  display: inline-block;
  border: none;
  vertical-align: top;
  line-height: calc(3.5rem - 1.5px);
  box-sizing: border-box;
  position: relative;
  border: solid 1px #000;
  transition: all 0.3s ease 0s;

  &::before 
  {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 8px;
    top: calc(50% - 1px);
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg) translateY(-50%);
    color: #000;

    @media only screen and (max-width: 1023px)
    {
      // left:2px;
      left: 0;
    }
  }

  &:hover, &:focus {
    cursor: pointer;
  }

  @media only screen and (max-width: 1023px)
  {
    left: 0;
    // width: 10rem;
    // height: 3rem;
    // line-height: 2.7rem;
  }
}
.submit
{
  height: 3.5rem;
  background-color: #000000;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  width: 13rem;
  height: 3.5rem;
  display: inline-block;
  border: solid 1px #000;
  // margin-right: 1.3rem;
  border: none;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  border: solid 2px #000;
  transition: all 0.3s ease 0s;

  &:hover, &:focus {
    background-color: #999;
    border: 2px solid #999;
    text-decoration: none;
    color: #fff;
  }

  &::before 
  {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 8px;
    top: calc(50% - 1px);
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg) translateY(-50%);
    color: #fff;
    @media only screen and (max-width: 1023px)
    {
      left: 0;
    }
  }

  @media only screen and (max-width: 1023px)
  {
    // width: 10rem;
    // height: 3rem;
    left: 0;
    padding: 0;
    padding-left: 1rem;
  }
}
*/
.form_control {
  border: 1px solid;
  border-color: #000000;
  border-radius: 0;
  margin: 0;
  background-color: #ffffff;
  text-shadow: none; }
.form_control:focus {
    border: 1px solid;
    border-color: #000000;
    box-shadow: none; }
.mypage_grid {
  margin-bottom: 1.2rem; }
.ec-required {
  background-color: #A7A7A7;
  color: #FFFFFF;
  border-radius: 5px;
  width: 2.7rem;
  height: 1.3rem;
  text-align: center;
  float: right;
  margin-right: 1rem; }
.ec-required:before {
    clear: both; }
.user_policy-required {
  background-color: #A7A7A7;
  color: #FFFFFF;
  border-radius: 5px;
  width: 2.7rem;
  height: 0.5rem;
  text-align: center;
  margin-right: 1rem;
  font-size: 12px;
  background-size: auto 1.2rem;
  margin-top: 1rem; }
.user_policy-required:before {
    clear: both; }
.mypage_inner {
  margin-bottom: 2rem; }
.mypage_inner p {
    text-align: left;
    line-height: 2rem;
    display: inline; }
.mypage_inner .delivery_info_p {
    display: block;
    font-weight: normal; }
.mypage_inner .title {
    font-size: 14px;
    font-weight: bold; }
.mypage_inner .title_p {
    display: block; }
.btn_inline_block {
  display: inline; }
/*
  タイトル
*/
.page_title {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0;
  padding: 25px 0; }
/*
  見出し
*/
.separation_title {
  font-size: 18px;
  padding: 8px 0 10px 10px;
  border-left: 3px solid #000;
  border-bottom: 1px solid #E6E6E6;
  font-weight: bold; }
/*
  括弧付きolリスト
*/
.essential_list_brackets {
  padding: 0 0 0 4;
  margin: 0; }
.essential_list_brackets li {
    list-style-type: none;
    counter-increment: cnt;
    text-indent: -3em; }
.essential_list_brackets li:before {
      display: marker;
      content: "(" counter(cnt) ") "; }
/*
  括弧なしolリスト
*/
.essential_list_normal {
  margin-left: -20px; }
.essential_dl .essential_title {
  font-weight: bold;
  margin-top: 1.28rem; }
.essential_dl .essential_sentence {
  margin-top: 0.42rem;
  line-height: 28px; }
p {
  font-size: 14px; }
/*
  利用規約
*/
#page_help_agreement p + ol {
  margin-top: 1.16rem; }
/*
  新規登録画面　テーブル
*/
.form_table dl {
  display: table;
  width: 100%;
  margin: 0;
  vertical-align: middle;
  border: 1px #E6E6E6 solid; }
.form_table dt {
  background-color: #EFEFEF;
  display: table-cell;
  width: 200px;
  padding-top: 1.7rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem; }
.form_table dd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1.3rem;
  padding-bottom: 1rem;
  padding-top: 1rem; }
.form_table label {
  margin-bottom: 0px; }
.form_inner {
  display: table-row;
  width: 100%;
  line-height: 1.72; }
.postal_error {
  margin: 0 !important; }
/*
  新規登録画面　入力ボックス
*/
.input_name .form_control {
  margin-right: 1rem; }
.input_control input {
  width: 30rem;
  height: 2.5rem; }
/*
  新規登録画面　郵便番号
*/
.ec-zipInputHelp a {
  vertical-align: top; }
/*
  新規登録画面　住所
*/
.input_address input {
  width: 70%;
  height: 2.5rem; }
#entry_address_pref {
  width: 150px; }
/*
  新規登録画面　プルダウン
*/
.pull_select {
  position: relative; }
.pull_select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #ffffff;
    border: none;
    padding: 4px 20px 4px 8px;
    display: flex;
    color: #000;
    font-weight: normal;
    text-overflow: ellipsis;
    display: flex; }
.pull_select::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    border-left: 1px solid #000;
    pointer-events: none; }
.pull_select::before {
    top: 50%;
    display: block;
    position: absolute;
    content: "";
    right: 2px;
    transform: translateY(-11%);
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000;
    width: 4px;
    height: 4px;
    pointer-events: none;
    z-index: 1;
    transform: rotate(-45deg) translateY(-72%); }
/*
  新規登録画面　生年月日
*/
#entry_birth_year {
  width: 110px; }
#entry_birth_month {
  width: 80px; }
#entry_birth_day {
  width: 80px; }
/*
  新規登録画面　職種
*/
#entry_job {
  width: 280px; }
/*
  新規登録画面　性別
*/
.radio_sex {
  cursor: pointer; }
.radio_sex label {
    display: inline-block; }
/*
  新規登録完了画面
*/
#mypage_grid_complete {
  text-align: center; }
#mypage_grid_complete .btn01 {
    margin-top: 2rem;
    float: left; }
#mypage_grid_complete .btn01::after {
      clear: both; }
#page_entry_complete .title {
  font-size: 16px;
  display: block; }
/*
  新規登録共通画面
*/
#page_entry #entry div + div {
  margin-top: 1rem; }
#page_entry #confirm div + div {
  margin-top: 2rem; }
#page_entry #complete .btn01 {
  width: 12rem; }
/*
  利用規約余白
*/
#mypage_grid_agreement {
  text-align: center;
  height: 3rem; }
/*
  ログイン画面
*/
#page_mypage_login .mypage_grid .form_control {
  width: 350px;
  margin: 0 auto; }
#page_mypage_login .mypage_grid .form_control + .form_control {
  margin-top: 1.2rem; }
#page_mypage_login .mypage_grid .submit {
  display: block;
  margin: 0 auto; }
/*
  ログイン画面　枠線内
*/
.mypage_inner_box {
  border: 1px solid #ccc;
  padding-top: 5rem;
  padding-bottom: 2.5rem; }
.mypage_inner_box p {
    text-align: center;
    margin-bottom: 2rem;
    color: red; }
/*
  ログイン画面　チェックボックス
*/
.remember {
  display: block;
  text-align: center; }
.ec-checkbox label {
  text-align: center;
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 2rem; }
.ec-checkbox label div {
    display: inline; }
.ec-checkbox label div input {
      cursor: pointer; }
.ec-checkbox label div:hover {
      cursor: pointer; }
.ec-checkbox label span {
    display: inline-block;
    background-color: #A7A7A7;
    color: #FFFFFF;
    border-radius: 5px;
    width: 2.7rem;
    height: 1.5rem;
    text-align: center;
    margin-right: 1rem;
    line-height: 1.7; }
.ec-checkbox a {
  color: #000000;
  border-bottom: solid 0.5px #000000; }
.form-check input:hover {
  cursor: pointer; }
.form-check label:hover {
  cursor: pointer; }
.ec-login_link {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }
/*
  パスワード再発行画面
*/
#page_forgot #forgot .mypage_grid {
  text-align: center; }
#page_forgot #forgot .mypage_grid .mail_address {
    width: 390px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0.5rem; }
#page_forgot #forgot .mypage_grid .mail_address label {
      font-weight: normal; }
#page_forgot #forgot .mypage_grid .mail_address span {
      line-height: normal;
      margin-top: 6px;
      margin-right: 0; }
#page_forgot #forgot .note {
  display: block;
  margin-bottom: 2rem; }
#page_forgot #forgot .ec-para-normal {
  margin-bottom: 0; }
#page_forgot #forgot .form_control {
  width: 390px;
  margin: 0 auto; }
#page_forgot #forgot .submit {
  height: 3rem; }
/*
  マイページ　ナビゲーションバー
*/
.mypage_tab {
  display: flex;
  flex-wrap: wrap;
  border-color: #000;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 32px;
  padding: 0;
  list-style: none; }
.mypage_tab li {
    width: 20%;
    height: 50px;
    border-color: #000;
    border-style: solid;
    border-width: 0 1px 1px 0;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
    padding-top: 10px; }
.mypage_tab li a {
      display: block;
      height: 50px;
      color: #000000;
      font-weight: normal;
      text-decoration: none; }
.mypage_tab .active {
    background-color: #000000;
    color: #fff; }
.mypage_tab .active a {
      display: block;
      height: 50px;
      color: #fff;
      font-weight: normal;
      text-decoration: none; }
.mypage_user_name {
  font-weight: bold; }
/*
  マイページ　リスト部分
*/
.mypage_inner_borderline {
  margin-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  border-bottom: 1px #ccc solid; }
.mypage_inner_borderline span {
    font-size: 14px;
    font-weight: bold; }
#page_mypage .mypage_order_inner {
  margin-left: 0; }
#page_mypage .mypage_order_inner + .mypage_order_inner {
  border-top: 1px solid #ccc; }
#page_mypage .mypage_order_product + .mypage_order_product {
  vertical-align: middle; }
.status {
  display: inline;
  background-color: #A7A7A7;
  color: #fff;
  font-size: 10px;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: normal;
  margin-left: 0.3rem; }
/*
  マイページ　注文履歴
*/
#page_mypage_history .mypage_grid .status {
  color: #fff; }
.mypage_order {
  margin-top: 2rem;
  margin-bottom: 2rem; }
.mypage_order .btn01 {
    margin-top: 1rem;
    height: 40px; }
.mypage_order dt {
    width: 22rem;
    height: 11rem;
    float: left; }
.mypage_order dt::after {
      clear: both; }
.mypage_order dt div {
      margin-bottom: 0; }
.mypage_order dt div:first-child p {
        margin-bottom: 0.5rem; }
.mypage_order dd {
    width: 45rem;
    margin-left: 80px; }
.mypage_order_product {
  display: inline-grid;
  margin-top: 1rem; }
.mypage_order_product a {
    color: #000; }
.mypage_order_product div + div {
    font-weight: bold; }
/*
  マイページ　注文履歴画像
*/
.product_img {
  display: inline; }
.product_img img {
    width: 120px;
    height: 120px; }
/*
  マイページ　注文履歴商品情報
*/
.product_item {
  display: inline-grid;
  margin-left: 20px;
  width: 200px; }
.product_item p {
    display: inline-grid; }
#mypage_index {
  /*
    マイページ　注文履歴複数リスト部分
  */ }
#mypage_index dl + dl {
    margin-bottom: 0;
    padding-top: 2rem;
    border-top: 1px #ccc solid;
    margin-top: 3rem; }
#mypage_index .mypage_order_inner {
    display: flex;
    justify-content: center;
    align-items: center; }
#mypage_index .mypage_order_inner + .mypage_order_inner {
    margin-top: 1rem;
    margin-left: 16rem;
    width: inherit; }
/*
  マイページ　注文履歴詳細
*/
.mypage_order_detail dt {
  float: left;
  width: calc(100% - 300px - 2rem);
  margin-right: 2rem; }
.mypage_order_detail dt::after {
    clear: both; }
.mypage_order_detail dd {
  float: right;
  border: 1px solid #000;
  padding: 1.5rem;
  min-width: 300px;
  max-width: 300px;
  height: auto; }
.mypage_order_detail dd::after {
    clear: both; }
.mypage_order_detail dd p {
    float: right;
    line-height: normal; }
.mypage_order_detail .submit {
  margin-top: 3rem;
  width: 255px; }
/*
  マイページ　注文履歴再注文リスト
*/
#mypage_history .mypage_grid {
  color: #000; }
#mypage_history .order_price {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem; }
#mypage_history .order_price:nth-of-type(1) {
    border-bottom: 1px solid #ccc; }
#mypage_history .order_price:nth-of-type(2) {
    border-bottom: 1px solid #ccc; }
#mypage_history .order_price:nth-of-type(3) {
    border-bottom: 1px solid #ccc; }
#mypage_history a {
  font-weight: normal; }
#mypage_history .mypage_order_inner label {
  font-weight: normal; }
#mypage_history .btn01 {
  font-weight: bold; }
#mypage_history .separation_title {
  position: relative;
  padding-left: 1rem; }
#mypage_history .separation_title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 2px;
    display: inline-block;
    width: 8px;
    height: 2px;
    background-color: #000; }
#mypage_history .mypage_grid + .mypage_grid {
  position: relative;
  padding-left: 1rem; }
#mypage_history .mypage_grid + .mypage_grid::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 2px;
    display: inline-block;
    width: 8px;
    height: 2px;
    background-color: #000; }
#mypage_history .note {
  font-size: 12px;
  font-weight: normal; }
/*
  金額枠部分
*/
.order_price_sum p {
  font-weight: bold; }
.price {
  font-size: 20px; }
.price_str {
  color: #C10000; }
.total {
  margin-top: 1rem;
  font-weight: bold; }
/*
  メールアドレス
*/
.link_mail {
  color: #000;
  text-decoration: underline; }
/*
  配送情報
*/
.delivery_info {
  font-weight: normal; }
.delivery_address {
  margin: 2rem 0; }
.mypage_grid_order {
  padding-bottom: 1rem;
  border-bottom: 1px #ccc solid; }
/*
  マイページ　お気に入り一覧
*/
.bold {
  font-weight: bold; }
.item_icon_cross {
  display: block;
  border: 0 none;
  padding: 0;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  width: 30px;
  min-width: 20px;
  max-width: 30px;
  height: 30px;
  line-height: 40px;
  vertical-align: middle;
  position: absolute;
  text-align: center;
  margin-left: 13rem;
  margin-top: 50px; }
.item_icon_cross div {
    width: 17px;
    height: 17px;
    margin-left: 0.49rem; }
.item_icon_cross div img {
      border-style: none;
      display: inline;
      padding-bottom: 1rem; }
/*
  商品画像部分
*/
.item_icon p img {
  width: 200px; }
/*
  お気に入り一覧専用
*/
#mypage_favorite .mypage_inner {
  margin-bottom: 0px; }
#mypage_favorite .item_icon_cross {
  margin-left: 13rem;
  margin-top: -1rem; }
#mypage_favorite .item_icon_cross img {
    width: 33px;
    height: 33px;
    margin-left: -0.55rem;
    margin-top: 0.4rem; }
.mypage_favorite {
  margin-top: 3rem; }
.mypage_favorite li {
    float: left;
    list-style: none;
    margin-left: -38px; }
.mypage_favorite li::after {
      clear: both; }
.mypage_favorite li + li {
    margin-left: 2rem; }
/*
  会員情報編集画面専用
*/
#mypage_chenge .mypage_inner {
  margin-top: 2rem; }
#mypage_chenge div + div {
  margin-top: 1rem; }
/*
  会員情報編集完了画面専用
*/
#mypage_change_complete h4 {
  margin-top: 5rem;
  text-align: center;
  font-weight: bold; }
#mypage_change_complete .mypage_grid p {
  display: block;
  text-align: center; }
#mypage_change_complete .submit {
  width: 150px;
  display: block;
  margin: 0 auto; }
/*
  お届け先一覧画面専用
*/
#mypage_delivery {
  /*
  お届け先一覧部分
  */ }
#mypage_delivery .item_icon_cross img {
    width: 30px;
    height: 30px;
    margin-top: 0.5rem;
    margin-left: -0.4rem; }
#mypage_delivery .mypage_inner {
    margin-bottom: 0; }
#mypage_delivery .btn01 {
    width: 100px;
    margin-top: 2.8rem;
    float: right; }
#mypage_delivery .btn01::after {
      clear: both; }
#mypage_delivery dl {
    margin-bottom: 0;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid; }
#mypage_delivery dl + dl {
    border-top: none; }
#mypage_delivery dt {
    width: 80px;
    height: 130px;
    background-color: #EFEFEF;
    float: left;
    border-right: #ccc 1px solid; }
#mypage_delivery dt::after {
      clear: both; }
#mypage_delivery dt .item_icon_cross {
      margin-left: 1.9rem;
      margin-top: 3.5rem; }
#mypage_delivery dd {
    vertical-align: middle;
    height: 130px; }
#mypage_delivery dd div {
      width: 80%;
      float: left;
      margin-top: 0.6rem; }
#mypage_delivery dd div p {
        display: block;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        padding-left: 1rem; }
#mypage_delivery dd div::after {
        clear: both; }
/*
  お届け先一追加ボタン
*/
.btn_add {
  width: 260px;
  height: 3.5rem;
  margin-top: 20px;
  /*
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  height: 3.5rem;
  display: inline-block;
  vertical-align: top;
  line-height: calc(3.5rem - 1.5px);
  box-sizing: border-box;
  position: relative;
  border: solid 1px #000;
  padding-left: 4rem;
  margin-bottom: 2rem;

  &::before 
  {
    content: "";
    display: block;
    width: 14px;
    height: 8px;
    position: absolute;
    left: 21px;
    top: calc(50% - -2px);
    border-top: solid 1px #000;
    transform: translateY(-50%);
    color: #000;
  }

  &::after
  {
    content: "";
    display: block;
    width: 6px;
    height: 14px;
    position: absolute;
    left: 23px;
    top: calc(50% - 1px);
    border-right: solid 1px #000;
    transform: translateY(-50%);
    color: #000;
  }
  */ }
/*
  お届け先変更画面専用
*/
#mypage_delivery_edit .mypage_inner {
  margin-top: 2rem; }
#mypage_delivery_edit div + div {
  margin-top: 1rem; }
#mypage_delivery_edit .pull_pref {
  width: 200px; }
#mypage_delivery_edit #customer_address_address_pref {
  width: 198px; }
/*
  退会手続き画面
*/
#mypage_withdraw h4 {
  margin-top: 5rem;
  text-align: center;
  font-weight: bold; }
#mypage_withdraw .mypage_grid p {
  display: block;
  text-align: center; }
#mypage_withdraw .mypage_grid .btn01 {
  display: block;
  margin: 0 auto; }
/*
  退会確認画面
*/
#mypage_withdraw_confirm h4 {
  margin-top: 5rem;
  text-align: center;
  font-weight: bold; }
#mypage_withdraw_confirm .mypage_grid p {
  display: block;
  text-align: center; }
#mypage_withdraw_confirm form div {
  display: block;
  margin: 0 auto;
  width: 220px; }
#mypage_withdraw_confirm form div .btn01 {
    width: 230px;
    margin-top: 1rem; }
#mypage_withdraw_confirm form div .submit {
    width: 230px; }
/*
  退会完了画面
*/
#mypage_withdraw_conplete h4 {
  margin-top: 5rem;
  font-weight: bold; }
#mypage_withdraw_conplete .btn01 {
  margin-top: 2rem; }
/*
  ショッピングログイン画面
*/
#shopping_login .mypage_inner {
  min-width: 1000px; }
#shopping_login .form_control {
  display: block;
  margin: 0 auto;
  margin-top: 2rem;
  width: 330px; }
#shopping_login .submit {
  display: block;
  margin: 0 auto; }
#shopping_login p {
  display: block;
  margin-top: 100px;
  text-align: center; }
#shopping_login p span {
    display: block; }
#shopping_login .ec-errorMessage {
  margin-top: 0;
  color: #C10000; }
.mypage_inner_box_col2 {
  display: inline;
  padding-top: 2rem;
  border: 1px solid #ccc;
  float: left;
  width: 48%;
  min-width: 450px;
  min-height: 402px; }
.mypage_inner_box_col2::after {
    clear: both; }
/*
  ショッピングカート画面
*/
#page_cart {
  /*
  .submit
  {
    padding-top: 0.6rem;
    padding-right: 2.5rem;

    @media only screen and (max-width: 1023px)
    {
      margin-left: -40px;
    }
  }
  .btn01
  {
    padding-right: 1rem;

    @media only screen and (max-width: 1023px)
    {
      margin-left: -40px;
    }

    &:hover, &:focus {
      border: solid 1px #999;
      background-color: #fff;
      color: #999;
      cursor: pointer;

      &::before {
        border-top: solid 1px #999;
        border-right: solid 1px #999;
      }
    }
  }
*/
  /*
  .submit
  {
    padding-right: 3.5rem;

    @media only screen and (max-width: 1023px)
    {
      padding-right: 2.5rem;
    }
  }

  .btn01
  {
    padding-right: 2rem;

    @media only screen and (max-width: 1023px)
    {
      padding-right: 1rem;
    }
  }

*/ }
#page_cart .product_table li {
    list-style: none;
    vertical-align: middle; }
#page_cart .table_body + .table_body .product_table {
    border-top: none; }
#page_cart .mypage_inner_borderline {
    height: 150px; }
#page_cart .progress_state_item .progress__label {
    font-size: 14px;
    padding: -8px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 120px;
    margin-top: 1rem; }
.progress_state_item .progress__label {
  font-weight: normal;
  font-size: 14px;
  padding: -8px;
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 120px; }
.progress_state_item .cart_message {
  display: block;
  background-color: #fff;
  font-weight: normal;
  color: #000000;
  margin: 0 auto;
  margin-top: 2rem; }
.cart_message_bold {
  font-weight: bold;
  text-align: center;
  margin-top: 2rem;
  display: block; }
.progress_state_item {
  position: relative;
  margin-left: 0rem;
  z-index: 1; }
.progress_state_item::after {
    content: "";
    display: block;
    width: 130px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: calc(50% - 31px);
    border-top: solid 1px #ccc;
    transform: translateY(-50%);
    margin-top: 1rem;
    color: #000;
    z-index: -1;
    /*
    @media only screen and (max-width: 1023px)
    {
      top: calc(50% - 24px);
      width: 52px;
      left: -1.1rem;
      z-index: -1;
    }
    */ }
/*
.progress_state_item {

  @media only screen and (max-width: 1023px){
    z-index: 1;
  }

  + .progress_state_item::after {
    top: calc(50% - 24px);

    @media only screen and (max-width: 1023px){
      top: calc(50% - 24px);
      width: 52px;
      left: -1.1rem;
      z-index: -1;
    }
  }

  .progress__number {
    background: #fff;
    color: #000;
    z-index: 10;

  }
  &.is-complete {
    .progress__number {
      background: #000;
      color: #fff;
      z-index: 10;
    }
  }
}
*/
form {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  max-width: none; }
.item_icon_cross {
  margin-left: calc(3% - 33px);
  margin-top: 7rem; }
.item_icon_cross img {
    width: 20px;
    height: 20px;
    margin-bottom: 1rem;
    vertical-align: middle; }
/*
.submit
{
  padding-top: 0.2rem;
  padding-right: 0;

  @media only screen and (max-width: 1023px)
  {
    top: calc(50% - 11px);
    width: 11rem;
    //left: -21px;
    // padding-top: 0.7rem;
    padding-right: 0.5rem;
  }
}

.btn01
{
  // padding-right: 2rem;
  padding-right: 0;

  @media only screen and (max-width: 1023px)
  {
    top: calc(50% - 11px);
    width: 11rem;
    //left: -21px;
    // padding-right: 0.5rem;
  }
}
*/
.mypage_grid p {
  color: #000;
  font-weight: bold; }
.mypage_grid p span {
    color: #000;
    font-size: 20px; }
.cart_item_info_detail {
  border: none; }
.progress_state {
  width: auto;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: table; }
.progress_state .progress_state_item {
    width: 20%;
    text-align: center;
    display: table-cell;
    /*
    &:first-child {
      &:after {
        left: 5rem;
      }
    }
    */ }
.progress_state .progress_state_item .progress__number {
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 38px;
      border-radius: 0;
      border: solid 1px #000;
      font-weight: normal;
      background: #fff;
      color: #000; }
.progress_state .progress_state_item .progress__label {
      display: block;
      margin-top: 1rem; }
.progress_state .progress_state_item.is-complete .progress__number {
      background: #000;
      color: #fff; }
.progress_state .progress_state_item:after {
      left: 5rem;
      /*
      @media only screen and (max-width: 1023px)
      {
        left: 2rem;
        width: 100%;
      }
      */ }
.progress_state .progress_state_item:last-child:after {
      content: none; }
#page_shopping .progress_state_item:after,
#page_cart .progress_state_item:after {
  width: 100%;
  top: calc(50% - 24px); }
.table_thead ul {
  display: table;
  width: 100%;
  height: 40px;
  padding-left: 0;
  margin-bottom: 0; }
.table_thead ul li {
    display: table-cell;
    background-color: #EFEFEF;
    text-align: center;
    font-weight: bold;
    color: #000;
    vertical-align: middle; }
.table_thead ul li:nth-of-type(1) {
      width: 5px;
      border-right: 1px #ccc solid; }
.table_thead ul li:nth-of-type(2) {
      width: 75.5%;
      border-right: 1px #ccc solid; }
.table_thead ul li:nth-of-type(3) {
      width: 10%;
      border-right: 1px #ccc solid; }
.table_thead ul li:nth-of-type(4) {
      width: 10%; }
.table_body .product_table {
  display: table;
  width: 100%;
  padding-left: 0;
  margin: 0; }
.table_body .product_table li {
    display: table-cell; }
.icon_minus {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  border: solid 1px #000;
  position: relative;
  margin-right: 0.5rem; }
.icon_minus::before {
    content: "";
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    left: 3px;
    top: calc(50% - -4px);
    border-top: solid 1px #000;
    transform: translateY(-50%);
    color: #000; }
.icon_minus:hover {
    border: 1px solid #999;
    text-decoration: none; }
.icon_minus:hover::before {
      border-top: 1px solid #999; }
.icon_plus {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  border: solid 1px #000;
  position: relative; }
.icon_plus::before {
    content: "";
    display: block;
    width: 13px;
    height: 8px;
    position: absolute;
    left: 3px;
    top: calc(50% - -3px);
    border-top: solid 1px #000;
    transform: translateY(-50%);
    color: #000; }
.icon_plus::after {
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    position: absolute;
    left: 4px;
    top: calc(50% - 0px);
    border-right: solid 1px #000;
    transform: translateY(-50%);
    color: #000; }
.icon_plus:hover {
    border: 1px solid #999; }
.icon_plus:hover::before {
      border-top: 1px solid #999; }
.icon_plus:hover::after {
      border-right: 1px solid #999; }
.item_cart_remove {
  width: 5px;
  max-width: 5px;
  min-width: 5px;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid; }
.cart_item_info {
  width: 75.5%;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid; }
.cart_item_info img {
    width: 200px;
    height: 220px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem; }
.cart_item_info div {
    display: inline; }
.quantity {
  padding-top: 4rem; }
.cart_item_quantity {
  text-align: center;
  width: 10%;
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid;
  padding: 1rem; }
.cart_item_quantity div {
    text-align: center;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #000; }
.row_title {
  display: none !important; }
.cart_item_subtotal {
  border-bottom: #ccc 1px solid;
  border-right: #ccc 1px solid;
  text-align: center;
  width: 10%;
  font-weight: bold;
  color: #000; }
#cart_item_subtotal {
  display: inline;
  text-align: right; }
#cart_item_subtotal p {
    display: inline; }
.total_box {
  float: right;
  text-align: right;
  width: 20%; }
.total_box::after {
    clear: both; }
.cart_message {
  margin-top: 1rem;
  margin-bottom: 0; }
.cart_message + .cart_message {
  margin-bottom: 2rem; }
.cart_item_subtotal p {
  display: block;
  text-align: center; }
.cart_item_list_quantity {
  padding-left: 0;
  margin: 0 auto;
  text-align: -webkit-center;
  margin-top: 1rem; }
.cart_item_list_quantity li div {
    display: block;
    margin: 0 auto; }
.cart_item_info_row {
  padding-left: 0; }
.cart_item_info_row li:nth-child(1) {
    width: 240px; }
.cart_item_info_row li:nth-child(2) {
    vertical-align: middle; }
.cart_item_info_row li:nth-child(2) a {
      color: #000000; }
/*
  ご注文手続き画面
*/
#page_shopping {
  /*
  .progress__label
  {
    // width: 99px;
  }

  .progress_state_item
  {
    // &:nth-child(2)
    // {
    //   .progress__number
    //   {
    //     background-color: #000;
    //     color: #fff;

    //     @media only screen and (max-width: 1023px)
    //     {
    //       margin-left: 0;
    //     }
    //   }

    //   .progress__label
    //   {
    //     font-weight: bold;
    //     font-size: 14px;
    //     padding: -8px;
    //     text-align: center;
    //     display: block;
    //     margin: 0 auto;
    //     width: 120px;
    //     margin-top: 1rem;

    //     @media only screen and (max-width: 1023px)
    //     {
    //       font-size: 10px;
    //       width: 84px;
    //     }
    //   }
    // }
  }
*/ }
#page_shopping .cart_order_delivery_detail_address + .cart_order_delivery_detail {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ccc; }
#page_shopping .mypage_inner_borderline {
    height: 150px; }
#page_shopping .ec-layoutRole__mainWithColumn .form_control {
    padding-left: 0; }
#page_shopping .mypage_grid dt {
    width: 200px; }
#page_shopping .mypage_grid .input_name_dt {
    height: 68px; }
#page_shopping .mypage_grid dd {
    float: none;
    border: none;
    width: auto;
    height: auto !important;
    margin-bottom: 1rem; }
#page_shopping .mypage_grid span {
    font-size: 12px; }
#page_shopping .address_dt {
    height: 212px; }
#page_shopping .total {
    font-weight: bold; }
#page_shopping .input_address {
    padding: 0; }
#page_shopping .form_table {
    margin-top: 1rem; }
#page_shopping .form_table .ec-required {
      font-size: 12px !important; }
#page_shopping .mypage_inner .input_name {
    padding: 0;
    margin-top: 1rem; }
#page_shopping .mypage_inner .input_name input {
      width: 40%; }
#page_shopping .mypage_inner .customer-postal_code {
    width: 230px; }
#page_shopping .mypage_inner .input_control {
    padding: 0;
    margin-top: 1.2rem; }
#page_shopping .mypage_inner .input_control input {
      width: 60%; }
#page_shopping .mypage_inner .input_address {
    margin-top: 1rem; }
#page_shopping .mypage_inner .ec-select {
    margin-top: 1rem; }
#page_shopping .mypage_inner .ec-select + .ec-input, #page_shopping .mypage_inner .ec-select + .ec-halfInput, #page_shopping .mypage_inner .ec-select + .ec-numberInput, #page_shopping .mypage_inner .ec-select + .ec-zipInput, #page_shopping .mypage_inner .ec-select + .ec-telInput, #page_shopping .mypage_inner .ec-select + .ec-select, #page_shopping .mypage_inner .ec-select + .ec-birth {
    margin: 1rem 0; }
#page_shopping .mypage_inner p {
    text-align: left;
    line-height: 2rem; }
#page_shopping .mod-button {
    display: table; }
#page_shopping .mod-button span {
      display: table-cell; }
#page_shopping .mod-button .submit {
      width: 157px;
      margin: 0; }
#page_shopping .mod-button .btn01 {
      width: 157px;
      margin: 0;
      margin-left: 20px; }
#page_shopping .submit {
    margin-top: 1rem; }
#page_shopping dt {
    width: calc(100% - 350px - 2rem); }
#page_shopping .mypage_order_inner dd {
    max-width: 290px;
    min-width: 290px;
    height: auto;
    float: left;
    margin-left: 1rem; }
#page_shopping .mypage_order_inner dd::after {
      clear: both; }
#page_shopping .submit {
    width: 257px;
    margin-bottom: 1rem; }
#page_shopping .order_price {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem; }
#page_shopping .order_price .order_price_box {
      margin-top: 1rem; }
#page_shopping .order_price .order_price_p {
      margin-top: 1rem; }
#page_shopping .order_price:nth-of-type(1) {
      border-bottom: 1px solid #ccc; }
#page_shopping .order_price:nth-of-type(2) {
      border-bottom: 1px solid #ccc; }
#page_shopping .order_price:nth-of-type(3) {
      border-bottom: 1px solid #ccc; }
#page_shopping .item_img {
    width: 150px;
    height: 150px;
    margin-top: 1rem; }
#page_shopping .cart_order_inner_info {
    display: inline; }
#page_shopping .cart_order_inner_info .mypage_grid p {
      font-size: 14px;
      font-weight: normal;
      display: block;
      color: #000000; }
#page_shopping .cart_order_delivery_detail {
    display: block; }
#page_shopping .cart_order_inner_change {
    display: inline; }
#page_shopping .cart_order_inner_change .btn01 {
      display: inline;
      float: right;
      width: 100px; }
#page_shopping .cart_order_inner_change .btn01::after {
        clear: both; }
#page_shopping .mypage_user_name {
    font-weight: bold; }
#page_shopping .ec-required {
    font-size: 12px; }
#page_shopping .ec-halfInput span {
    border: none; }
#page_shopping .customer-postal_code {
    display: inline; }
.order_price_box {
  /*
  .note
  {
    // line-height: 1rem !important;
  }
*/ }
.order_price_box .btn01 {
    width: 257px; }
.cart_order_select {
  margin-top: 1rem; }
.cart_order_select .form_control {
    margin-left: 2rem;
    margin-right: 1rem;
    width: 200px; }
.cart_order_select .select_date_info {
    margin-left: 2rem;
    margin-right: 1rem;
    width: 150px; }
.cart_order_select .select_date_info + .label {
    margin-top: 1rem; }
.cart_order_select .select_time_info {
    margin-left: 2rem;
    margin-right: 1rem;
    width: 150px; }
.delivery_detail_item {
  margin-top: 1rem;
  vertical-align: -webkit-baseline-middle; }
.delivery_detail_item p {
    margin-left: 2rem;
    display: grid;
    width: 250px; }
.delivery_to {
  font-weight: bold !important;
  padding-bottom: 1rem;
  font-size: 16px; }
.cart_order_delivery_detail_address {
  margin-top: 2rem; }
.cart_order_delivery_detail_address p {
    display: block; }
.cart_order_delivery_detail_address span {
    font-weight: normal; }
.payment_info span {
  font-weight: normal; }
.mypage_user_name {
  font-weight: bold !important; }
.mypage_user_name .customer-edit {
    font-weight: bold !important; }
.mypage_company_name {
  margin-top: 2rem; }
/*
  お届け先の指定画面
*/
#page_shopping_shipping .form_control {
  margin-top: 3.4rem;
  margin-left: 2rem; }
#page_shopping_shipping .submit {
  width: 220px;
  float: right; }
#page_shopping_shipping .submit::after {
    clear: both; }
#page_shopping_shipping .btn01 {
  width: 220px;
  float: right; }
#page_shopping_shipping .btn01::after {
    clear: both; }
#page_shopping_shipping .delivery_list dt {
  display: block;
  background-color: #EFEFEF;
  float: left;
  width: 70px;
  height: 110px;
  border-bottom: 1px solid #ccc; }
#page_shopping_shipping .delivery_list dt:first-of-type {
    border-top: 1px solid #ccc; }
#page_shopping_shipping .delivery_list dt::after {
    clear: both; }
#page_shopping_shipping .delivery_list dd {
  height: 110px;
  border-bottom: 1px solid #ccc;
  padding-left: 7rem;
  padding-top: 1rem; }
#page_shopping_shipping .delivery_list dd:first-of-type {
    border-top: 1px solid #ccc; }
#page_shopping_shipping .delivery_list dd p {
    display: block;
    line-height: 2rem; }
#page_shopping_shipping .delivery_list .mypage_grid {
  display: flow-root; }
/*
  お届け先の複数指定
*/
#page_shopping_shipping_multiple .order_delivery_list {
  border-top: 1px #ccc solid;
  padding-top: 1rem; }
#page_shopping_shipping_multiple .price {
  font-size: 14px; }
#page_shopping_shipping_multiple .detail_item {
  display: table; }
#page_shopping_shipping_multiple .item_img {
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 1rem; }
#page_shopping_shipping_multiple .item_img::after {
    clear: both; }
#page_shopping_shipping_multiple .mypage_inner_borderline:last-of-type {
  border: none; }
#page_shopping_shipping_multiple .order_delivery_list {
  border-bottom: 1px #ccc solid; }
#page_shopping_shipping_multiple .cart_order_delivery_detail_item {
  width: auto;
  height: 150px;
  /*
    p
    {
      // &:first-of-type
      // {
      //   padding-top: 2rem;
      // }
      //display: grid;
    }
    */ }
#page_shopping_shipping_multiple .shipping {
  border: none;
  font-size: 12px;
  width: 2500px;
  padding: 0;
  margin-left: 0.5rem;
  padding-right: 1rem;
  margin-right: 0; }
#page_shopping_shipping_multiple .quantity {
  display: inline;
  margin-left: 1rem;
  height: 2rem;
  padding: 0;
  height: 34px;
  width: 40px; }
#page_shopping_shipping_multiple .submit {
  margin-top: 1rem;
  width: 230px;
  display: table;
  margin-left: auto; }
#page_shopping_shipping_multiple .btn01 {
  width: 230px;
  display: table;
  margin-left: auto; }
#page_shopping_shipping_multiple .select_Address {
  display: inline; }
#page_shopping_shipping_multiple .select_quantity {
  display: inline; }
#page_shopping_shipping_multiple .icon_item_cross {
  display: inline-block;
  background: #000;
  vertical-align: middle;
  position: relative;
  color: #FFF;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding-bottom: 0.2rem;
  font-size: 20px;
  border: none; }
#page_shopping_shipping_multiple .mypage_grid p {
  font-weight: normal; }
#page_shopping_shipping_multiple .pull_select {
  display: inline-flex;
  width: 350px; }
/*
  ご注文確認画面
*/
#page_shopping_confirm .cart_order_delivery_detail_item img {
  width: 140px;
  height: 140px;
  margin-top: 1rem; }
#page_shopping_confirm .mypage_inner_borderline {
  height: 150px; }
#page_shopping_confirm .mypage_company {
  margin-top: 2rem; }
#page_shopping_confirm .mypage_name {
  font-weight: bold !important; }
#page_shopping_confirm .mypage_order_inner p {
  display: block;
  font-weight: normal; }
#page_shopping_confirm .submit {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 257px; }
#page_shopping_confirm .btn01 {
  width: 257px; }
#page_shopping_confirm .mypage_grid {
  color: #000; }
#page_shopping_confirm .order_price {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem; }
#page_shopping_confirm .order_price .order_price_box {
    margin-top: 1rem; }
#page_shopping_confirm .order_price .order_price_p {
    margin-top: 1rem; }
#page_shopping_confirm .order_price:nth-of-type(1) {
    border-bottom: 1px solid #ccc; }
#page_shopping_confirm .order_price:nth-of-type(2) {
    border-bottom: 1px solid #ccc; }
#page_shopping_confirm .order_price:nth-of-type(3) {
    border-bottom: 1px solid #ccc; }
#page_shopping_confirm .order_price {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem; }
#page_shopping_confirm .order_price:nth-of-type(1) {
    border-bottom: 1px solid #ccc; }
#page_shopping_confirm .order_price:nth-of-type(2) {
    border-bottom: 1px solid #ccc; }
#page_shopping_confirm .order_price:nth-of-type(3) {
    border-bottom: 1px solid #ccc; }
#page_shopping_confirm .delivery_to {
  display: inline !important; }
#page_shopping_confirm .cart_order_delivery_detail_address_detail + .cart_order_delivery_detail {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ccc; }
/*
  ご注文完了画面
*/
#page_shopping_complete .mypage_inner_borderline {
  height: 150px; }
#page_shopping_complete .ec-reportDescription {
  text-align: center;
  margin: 0 auto;
  display: block; }
#page_shopping_complete .mypage_inner .page_title {
  text-align: center; }
#page_shopping_complete strong {
  text-align: center;
  margin: 0 auto;
  display: block; }
#page_shopping_complete .btn01 {
  margin: 0 auto;
  display: block;
  margin-top: 1rem;
  width: 170px;
  margin-left: 20px; }
/*

*/
.category_nav {
  font-size: 12px;
  line-height: 200%;
  /* color: #000; */ }
.category_nav ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0; }
.category_nav > ul > li > a {
  font-size: 16px;
  line-height: 200%; }
.category_nav a {
  color: #000; }
.category_nav > ul > li {
  border-top: 2px solid #000;
  padding: 1rem 0 1rem 2.5rem;
  position: relative; }
.category_nav > ul > li > ul {
    display: none; }
.category_nav > ul > li > ul > li > ul li {
  /* display: none; */
  padding-left: 1.0em; }
.category_nav > ul > li > ul > li > ul li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #ccc;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
  border-radius: 6px; }
.category_nav > ul > li > a.category_nav_toggle {
  display: block;
  position: absolute;
  width: 20px;
  top: calc(1rem + 5px);
  right: 0.4rem;
  height: 20px;
  cursor: pointer;
  box-sizing: border-box; }
.category_nav > ul > li > a.category_nav_toggle::before, .category_nav > ul > li > a.category_nav_toggle::after {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 1px;
    background: #ccc;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    transition: All 0.2s ease; }
.category_nav > ul > li > a.category_nav_toggle::after {
    transform: rotate(-90deg); }
.category_nav > ul > li > a.category_nav_toggle.category_nav_toggle_open::after {
    transform: rotate(0); }
/*
  モーダル
*/
.ec-modal .ec-modal-overlay {
  display: block; }
.ec-modal .ec-modal-wrap {
  width: auto !important; }
.ec-modal-wrap {
  position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  margin: 20px;
  padding: 0; }
.ec-modal_detail_delivery .ec-modal-close {
  right: -6px;
  top: -13px; }
.ec-modal_detail_delivery .ec-modal-wrap {
  width: 460px; }
.ec-modal_detail_delivery img {
  width: 28px;
  height: 21px;
  padding-bottom: 0.35rem; }
.ec-modal_detail_delivery .btn01 {
  margin-right: 2rem; }
.ec-modal_detail_delivery .icon_item_cross {
  background-color: #000;
  border-radius: 50%; }
.ec-modal .ec-modal-close {
  right: -6px;
  top: -13px; }
.ec-modal img {
  width: 28px;
  height: 21px;
  padding-bottom: 0.35rem; }
.ec-modal .btn01 {
  margin-right: 2rem; }
.ec-modal .icon_item_cross {
  background-color: #000;
  border-radius: 50%; }
/*
  お客様情報の入力
*/
#page_shopping_nonmember .pull_select {
  width: 200px; }
#page_shopping_nonmember .mypage_inner div + div {
  margin-top: 1rem; }
#page_shopping_nonmember .submit {
  margin-left: 0; }
#page_shopping_nonmember .mypage_inner_borderline {
  height: 120px;
  border-bottom: none; }
.top_message {
  text-align: center;
  color: #000; }
.top_message .top_message_caption {
    font-size: 40px;
    margin-bottom: 0.2rem; }
.top_message .top_message_subcaption {
    font-size: 16px; }
#page_homepage .page_homepage_grid {
  margin-bottom: 20px; }
#page_homepage .section_title {
  font-size: 24px;
  font-weight: normal;
  line-height: 100%;
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
  margin: 0;
  border-top: 2px solid #000; }
#page_homepage .top_main_slides .ec-sliderRole {
  padding: 0;
  max-width: none; }
#page_homepage .top_main_slides .ec-sliderRole .slick-dots {
    bottom: -30px; }
#page_homepage .top_main_slides .ec-sliderRole .slick-dots li {
      width: 12px;
      height: 12px; }
#page_homepage .top_main_slides .ec-sliderRole .slick-dots li button {
        width: 20px;
        height: 12px; }
#page_homepage .top_main_slides .ec-sliderRole .slick-dots li button:before {
          width: 8px;
          height: 8px; }
#page_homepage .top_product_view_slides {
  overflow: hidden;
  position: relative; }
#page_homepage .top_product_view_slides .slick-slide_item-image {
    width: 90%; }
#page_homepage .top_product_view_slides .slick-slide_item-image > img {
      width: 100%; }
#page_homepage .top_product_view_slides .page_arrow {
    text-decoration: none;
    background-color: #000000;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    padding: 0;
    position: absolute;
    top: -48px;
    z-index: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
    cursor: pointer; }
#page_homepage .top_product_view_slides .page_arrow:hover {
      background-color: #999999; }
#page_homepage .top_product_view_slides .page_arrow.back_page::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 1px;
      top: calc(50% - 10px);
      border: solid 1px #fff;
      border-radius: 100%;
      color: #fff; }
#page_homepage .top_product_view_slides .page_arrow.back_page::before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      left: 7px;
      top: calc(50% - 1px);
      border-bottom: solid 1px #fff;
      border-left: solid 1px #fff;
      transform: rotate(45deg) translateY(-50%);
      color: #fff; }
#page_homepage .top_product_view_slides .page_arrow.next_page::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 1px;
      top: calc(50% - 10px);
      border: solid 1px #fff;
      border-radius: 100%;
      color: #fff; }
#page_homepage .top_product_view_slides .page_arrow.next_page::before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      left: 5px;
      top: calc(50% - 1px);
      border-top: solid 1px #fff;
      border-right: solid 1px #fff;
      transform: rotate(45deg) translateY(-50%);
      color: #fff; }
/*
ヘッダー
*/
div.global-header {
  padding-top: 70px; }
header.global_header {
  padding: 20px 40px 20px 30px;
  position: fixed;
  background-color: #fff;
  width: 100%;
  top: 0;
  z-index: 9999; }
header.global_header::after {
    content: "";
    display: block;
    clear: both; }
header.global_header .global_header_cart {
    height: 25px;
    position: absolute;
    top: 18px;
    width: auto;
    right: 215px; }
header.global_header .global_header_cart .ec-cartNaviWrap {
      display: block; }
header.global_header .global_header_cart .ec-cartNavi {
      display: block;
      background: #fff;
      padding: 0;
      min-width: auto;
      height: auto;
      border-bottom: 1px solid #fff;
      border-radius: 0;
      position: relative; }
header.global_header .global_header_cart .ec-cartNavi .ec-cartNavi__badge {
        background: #000;
        color: #fff;
        left: auto;
        margin-left: -3px;
        min-width: 10px; }
header.global_header .global_header_cart .ec-cartNavi i.ec-cartNavi__icon.fas.fa-shopping-cart {
        font-size: 16px; }
header.global_header h1.global_header_logo {
    margin: 0;
    float: left;
    font-size: 1.7rem;
    cursor: pointer; }
header.global_header h1.global_header_logo > a {
      height: 30px;
      line-height: 30px;
      color: #000;
      display: block;
      text-decoration: none; }
header.global_header h1.global_header_logo > a:hover {
        text-decoration: none; }
header.global_header h1.global_header_logo > a::before {
        display: inline-block;
        overflow: hidden;
        width: 274px;
        height: 30px;
        background-size: contain;
        content: "";
        vertical-align: top; }
header.global_header .global_header_inner {
    display: table;
    margin-left: auto;
    position: relative;
    line-height: 100%; }
header.global_header .global_header_inner .global_header_inner_search {
      position: absolute;
      right: 0;
      top: 0;
      width: auto; }
header.global_header .global_header_inner .global_header_inner_search .ec-select {
        box-sizing: border-box; }
header.global_header .global_header_inner .global_header_inner_search .ec-select label.form_control {
          margin: 0;
          height: 25px; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch > form > div {
        float: right; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch > form::after {
        content: "";
        display: block;
        clear: both; }
header.global_header .global_header_inner .global_header_inner_search form input {
        height: 25px;
        font-size: 12px;
        padding: 0 8px 0 8px; }
header.global_header .global_header_inner .global_header_inner_search form select {
        font-weight: normal;
        border-radius: 0px; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .header_search_select {
        position: relative;
        vertical-align: top;
        border-right: none; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .header_search_select > select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: #ffffff;
          border: none;
          width: 56px;
          font-size: 10px;
          line-height: 25px;
          height: 100%;
          vertical-align: top;
          padding: 0px 20px 0px 8px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: flex; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .header_search_select::after {
          top: 50%;
          display: block;
          position: absolute;
          content: "";
          right: 3px;
          transform: translateY(-11%);
          border-left: 1px solid #000000;
          border-bottom: 1px solid #000;
          width: 4px;
          height: 4px;
          pointer-events: none;
          z-index: 1;
          transform: rotate(-45deg) translateY(-72%); }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword {
        width: 104px;
        position: relative;
        padding-bottom: 0; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword button.ec-headerSearch__keywordBtn {
          right: 0;
          top: 46%; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword button.ec-headerSearch__keywordBtn:focus {
            outline: none; }
header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword button.ec-headerSearch__keywordBtn > .ec-icon {
            width: 12px; }
header.global_header .global_header_inner .global_header_inner_icon {
      position: absolute;
      width: 110px;
      top: 0;
      right: 213px; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav {
        text-align: right;
        height: 16px;
        padding: 4px 0; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav::after {
          content: "";
          display: block;
          clear: both; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav::before {
          border-left: 1px solid #ccc;
          display: block;
          content: "";
          width: 1px;
          height: 17px;
          padding: 4px 0;
          position: absolute;
          left: -8px; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item {
        float: left;
        font-size: 12px;
        line-height: 100%; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item.ec-headerNav__item_cart {
          display: none; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a span {
          display: none; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a {
          border-bottom: 1px solid #fff;
          margin-left: 15px;
          position: relative; }
header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__itemIcon {
        font-size: 15px;
        margin-left: 0;
        margin-top: 1px; }
header.global_header .global_header_inner .global_header_inner_nav {
      display: table;
      margin-right: 340px;
      margin-bottom: 0;
      height: 25px;
      font-size: 11.7px; }
header.global_header .global_header_inner .global_header_inner_nav > li {
        display: table-cell;
        vertical-align: middle;
        padding: 0 1.24rem; }
header.global_header .global_header_inner .global_header_inner_nav > li > a {
          display: block;
          position: relative;
          text-decoration: none;
          color: #000;
          line-height: 100%;
          border-bottom: 1px solid #fff;
          position: relative; }
header.global_header .nav_btn {
    display: none; }
/*
商品一覧
*/
#page_product_list .ec-searchnavRole {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  margin-bottom: 2rem; }
#page_product_list .ec-searchnavRole .ec-searchnavRole__infos {
    max-width: none; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item {
  /* display: none; */
  padding: 0;
  display: list-item; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image {
  text-align: left; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image > div.product_img_sold_out {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6); }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image > div.product_img_sold_out > span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      color: white;
      font-weight: bold;
      letter-spacing: 0.1rem;
      height: 16px;
      line-height: 16px;
      font-size: 16px; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item img {
  min-width: 100%;
  max-width: 100%;
  height: auto; }
#page_product_list .prdocut_list li a p.discount {
  color: #FF0040;
  font-size: 14px; }
#page_product_list .prdocut_list li a p.discount > span.discount_rate {
    padding-right: 1rem; }
#page_product_list p.outline {
  text-decoration: line-through; }
#page_product_list .prdocut_list li a p {
  font-size: 12px; }
#page_product_list ul.ec-shelfGrid {
  margin-left: 0;
  margin-right: 0; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image {
  height: auto;
  min-width: 200px;
  width: 80%;
  position: relative; }
#page_product_list .product_list_tag {
  position: absolute;
  top: 0;
  right: 0; }
#page_product_list .product_list_tag > label {
    background: #ff0000;
    padding: 0 0.4rem;
    color: #fff;
    margin: 0;
    font-weight: 100;
    font-size: 12px;
    vertical-align: top;
    line-height: 20px; }
#page_product_list .product_list_tag > label + label {
      margin: 0;
      margin-left: 0.4rem; }
#page_product_list .product_list_txt > p {
  line-height: 200%; }
/*
商品詳細
*/
.product_detail .product_detail_grid {
  margin-bottom: 3rem; }
.product_detail p.note {
  line-height: 150%; }
.product_detail p.note > a {
    color: inherit; }
.product_detail.ec-grid2 .ec-grid2__cell {
  max-width: 700px; }
.product_detail .slick-initialized .slick-slide {
  display: block;
  padding: 0;
  border: 1px solid #CECECE; }
.product_detail .ec-sliderItemRole .slideThumb {
  width: 20%; }
.product_detail .slick-track {
  max-width: none; }
.product_detail .product_detail_txt h2.ec-headingTitle.product_detail_productname {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding-bottom: 0.4rem;
  line-height: 200%;
  color: #000; }
.product_detail .product_detail_txt .ec-product_detail_price p.bold.product_detail_price {
  font-size: 24px; }
.product_detail .product_detail_txt p.outline.product_detail_price {
  font-size: 24px;
  text-decoration: line-through; }
.product_detail .product_detail_txt p.discount.product_detail_price {
  color: #ff0000; }
.product_detail dl.product_detail_select_options_table {
  display: table-row; }
.product_detail dl.product_detail_select_options_table dt {
    font-weight: normal;
    display: table-cell;
    margin-bottom: 20px;
    padding-bottom: 1.5rem;
    font-size: 12px; }
.product_detail dl.product_detail_select_options_table dd {
    display: table-cell; }
.product_detail dl.product_detail_select_options_table dd select {
      width: 200px; }
.product_detail .product_detail_selects {
  margin-bottom: 26px; }
.product_detail .product_detail_forms button {
  margin-bottom: 18px; }
/*
  特定商取引に基づく表記
*/
#page_help_tradelaw .page_title {
  font-family: "Noto Sans JP",sans-serif;
  font-weight: bold; }
#page_help_tradelaw dd {
  padding-left: 1rem; }
#page_help_tradelaw dt {
  width: 300px;
  max-width: 100%; }
/*
  プライバシーポリシー
*/
#page_help_privacy ol {
  padding-left: 20px; }
#page_help_privacy .mypage_inner_box {
  padding: 0;
  border-color: #000;
  margin-top: 2rem; }
#page_help_privacy .page_title {
  font-family: "Noto Sans JP",sans-serif; }
#page_help_privacy .mypage_grid .bold {
  font-weight: bold; }
#page_help_privacy .mypage_grid p {
  font-weight: normal;
  margin: 0; }
#page_help_privacy .mypage_grid div {
  margin-top: 1rem; }
/*
  お問い合わせ
*/
#page_contact {
  /*
  .form_control
  {
    border: #000 1px solid;
  }
*/ }
#page_contact .form_table {
    margin-top: 2rem; }
#page_contact dt {
    width: 200px;
    color: #000;
    font-size: 14px;
    padding: 17px; }
#page_contact dd input {
    width: 47%;
    margin-right: 0; }
#page_contact dd input#contact_name_name01, #page_contact dd input#contact_name_name02 {
      height: 30px;
      font-size: 12px;
      width: 130px; }
#page_contact dd input + input {
    margin-left: 1rem; }
#page_contact .input_control p {
    font-size: 12px;
    font-weight: normal; }
#page_contact .email_form {
    width: 100%; }
#page_contact .mypage_inner p {
    color: #000; }
#page_contact .display_none {
    display: none; }
#page_contact_complete .page_title {
  color: #000; }
#page_contact_complete .title {
  font-size: 16px;
  display: block;
  font-weight: bold; }
#page_contact_complete .btn01 {
  margin-top: 2rem; }
/*
  ご利用ガイド
*/
#page_help_agreement .separation_title,
#page_help_guide .separation_title {
  margin-top: 60px; }
#page_help_agreement .page_title,
#page_help_guide .page_title {
  padding-bottom: 0;
  color: #000; }
#page_help_agreement .mypage_inner,
#page_help_guide .mypage_inner {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem; }
#page_help_agreement .mypage_grid a,
#page_help_guide .mypage_grid a {
  padding-top: 0.6rem;
  font-weight: normal;
  margin-top: 1rem;
  padding-left: 4rem; }
#page_help_agreement .mypage_grid a:hover,
  #page_help_guide .mypage_grid a:hover {
    color: #ffffff;
    text-decoration: none; }
#page_help_agreement ol,
#page_help_guide ol {
  list-style-type: decimal-leading-zero;
  padding-left: 2rem; }
#page_help_agreement .border_box,
#page_help_guide .border_box {
  border: #000 1px solid;
  font-weight: bold;
  padding-left: 1rem;
  margin-bottom: 1rem; }
#page_help_agreement .essential_list_brackets,
#page_help_guide .essential_list_brackets {
  padding-left: 3rem; }
#page_help_agreement .essential_list_brackets li p,
  #page_help_guide .essential_list_brackets li p {
    display: inline; }
#page_help_agreement .essential_list_brackets li p + p,
  #page_help_guide .essential_list_brackets li p + p {
    display: block; }
#page_help_agreement .table_thead,
#page_help_guide .table_thead {
  margin-top: 2rem; }
#page_help_agreement .table_thead li,
  #page_help_guide .table_thead li {
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    border-right: none; }
#page_help_agreement .table_thead li:last-of-type,
    #page_help_guide .table_thead li:last-of-type {
      border-right: #ccc 1px solid; }
#page_help_agreement .delivery_info,
#page_help_guide .delivery_info {
  margin-bottom: 1rem; }
#page_help_agreement .table,
#page_help_guide .table {
  width: 730px; }
#page_help_agreement .table .table_body,
  #page_help_guide .table .table_body {
    height: auto; }
#page_help_agreement .table .table_body li,
    #page_help_guide .table .table_body li {
      border-left: #ccc 1px solid; }
#page_help_agreement .table .table_body + .table_body,
  #page_help_guide .table .table_body + .table_body {
    border-top: none; }
#page_help_agreement .table li,
  #page_help_guide .table li {
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border-bottom: #ccc 1px solid; }
#page_help_agreement .table li label,
    #page_help_guide .table li label {
      font-weight: normal; }
#page_help_agreement .table li:last-of-type,
    #page_help_guide .table li:last-of-type {
      border-right: #ccc 1px solid; }
#page_help_agreement .return_info,
#page_help_guide .return_info {
  padding-left: 0; }
#page_help_agreement .return_info li,
  #page_help_guide .return_info li {
    margin-bottom: 2rem;
    list-style: none; }
#page_help_agreement .small,
#page_help_guide .small {
  font-size: 12px; }
#page_help_agreement .bold,
#page_help_guide .bold {
  margin-top: 1rem; }
#page_help_agreement .note,
#page_help_guide .note {
  display: block;
  line-height: 1.4rem; }
#page_help_agreement .bank_img,
#page_help_guide .bank_img {
  width: 360px;
  height: 96px;
  margin-left: 80px; }
#page_help_agreement .creditcard_img,
#page_help_guide .creditcard_img {
  width: 300px; }
/*
  当サイトについて
*/
#page_help_about .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem; }
#page_help_about p + p {
  text-align: center;
  font-weight: normal; }
#page_help_about .about_table {
  margin-top: 3rem; }
#page_help_about .about_table dl {
    display: table;
    width: 100%;
    margin: 0;
    vertical-align: middle;
    border-top: 1px #cccccc solid; }
#page_help_about .about_table dl:last-of-type {
      border-bottom: 1px #cccccc solid; }
#page_help_about .about_table dt {
    background-color: #EFEFEF;
    display: table-cell;
    width: 160px;
    padding-top: 1.7rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem; }
#page_help_about .about_table dd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: 12px; }
#page_help_about .about_table label {
    margin-bottom: 0px; }
#page_help_about .map {
  position: relative;
  width: 100%;
  padding-top: 370px;
  overflow: hidden;
  margin-top: 3rem; }
#page_help_about .map iframe {
    position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
    height: calc(100% + 150px + 150px); }
#page_help_about iframe {
  width: 100%;
  height: 450px; }
#page_help_about .border_title {
  display: block;
  font-weight: bold;
  border-bottom: 2px #000 solid;
  margin-bottom: 1rem;
  margin-top: 4rem; }
#page_help_about .calender {
  margin-top: 2.5rem; }
/*
  NEWS画面
*/
#page_news_list .pull,
#page_news_detail .pull {
  margin-left: 1.6rem;
  display: inline; }
#page_news_list .pull label,
  #page_news_detail .pull label {
    font-family: "Noto Sans JP",sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 1.1rem; }
#page_news_list .news_control .pull_select,
#page_news_detail .news_control .pull_select {
  margin-left: 2rem;
  width: 160px; }
#page_news_list .news_control .pull_select select,
  #page_news_detail .news_control .pull_select select {
    padding-left: 4px;
    width: 158px;
    outline: none;
    font-size: 10px;
    height: 25px; }
#page_news_list .news__title,
#page_news_detail .news__title {
  font-size: 1.3rem;
  margin-top: 3.5rem;
  margin-bottom: 2rem;
  font-weight: bold; }
#page_news_list .news_list,
#page_news_detail .news_list {
  list-style: none;
  padding-left: 0;
  border-bottom: #ccc 1px solid; }
#page_news_list .news_list img,
  #page_news_detail .news_list img {
    display: inline;
    width: 120px;
    height: 75px;
    -o-object-fit: cover;
       object-fit: cover;
    transition-duration: 0.5s; }
#page_news_list .news_list a,
  #page_news_detail .news_list a {
    text-decoration: none;
    display: block;
    padding: 1.4rem 0 .8rem;
    transition: all 0.3s ease 0s; }
#page_news_list .news_list div,
  #page_news_detail .news_list div {
    display: inline-block; }
#page_news_list .news_list li,
  #page_news_detail .news_list li {
    border-top: #ccc 1px solid;
    position: relative; }
#page_news_list .news_list .news_info,
  #page_news_detail .news_list .news_info {
    display: inline-block;
    margin-left: 1.5rem;
    position: absolute; }
#page_news_list .news_list .news_info_child,
  #page_news_detail .news_list .news_info_child {
    display: block;
    margin-bottom: 0; }
#page_news_list .news_list .news_info_child p,
    #page_news_detail .news_list .news_info_child p {
      display: inline;
      font-size: 12px;
      color: #000;
      margin-right: 0.5rem; }
#page_news_list .news_list .news_info_child label,
    #page_news_detail .news_list .news_info_child label {
      display: inline;
      background-color: #A7A7A7;
      color: #fff;
      padding: 0 0.5rem;
      font-weight: normal;
      border-radius: 4px;
      padding-bottom: 0.1rem;
      font-size: 10px; }
#page_news_list .news_list .news_title,
  #page_news_detail .news_list .news_title {
    display: block; }
#page_news_list .news_list .news_title h3,
    #page_news_detail .news_list .news_title h3 {
      font-family: "Noto Sans JP",sans-serif;
      font-weight: bold;
      color: #000;
      display: inline;
      font-size: 1.05rem; }
#page_news_list .notfound_news,
#page_news_detail .notfound_news {
  font-weight: bold; }
/*
  商品一覧画面_送料モーダル
*/
#page_product_detail .ec-modal-wrap {
  margin: 0; }
#page_product_detail .ec-modal-overlay {
  height: auto; }
#page_product_detail .remodal {
  height: auto;
  padding: 0; }
#page_product_detail .ec-modal_detail_delivery .ec-modal-wrap {
  padding: 0;
  width: 700px; }
#page_product_detail .ec-modal_detail_delivery .table {
  width: auto;
  margin: 0; }
#page_product_detail .ec-modal_detail_delivery .table_thead li {
  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  border-right: none; }
#page_product_detail .ec-modal_detail_delivery .table_thead li:last-of-type {
    border-right: #ccc 1px solid; }
#page_product_detail .ec-modal_detail_delivery .table .table_body {
  height: auto; }
#page_product_detail .ec-modal_detail_delivery .table .table_body li {
    border-left: #ccc 1px solid; }
#page_product_detail .ec-modal_detail_delivery .table .table_body + .table_body {
  border-top: none; }
#page_product_detail .ec-modal_detail_delivery .table li {
  text-align: center;
  vertical-align: middle;
  width: 80px;
  max-width: 80px;
  height: 60px;
  border-bottom: #ccc 1px solid; }
#page_product_detail .ec-modal_detail_delivery .table li label {
    font-weight: normal; }
#page_product_detail .ec-modal_detail_delivery .table li:last-of-type {
    border-right: #ccc 1px solid; }
/*
  レビュー
*/
#page_product_review_index .title {
  display: block; }
#page_product_review_index textarea {
  border: #000 1px solid;
  border-radius: 0; }
#product_review_area .border_title {
  color: #000;
  display: block;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 4rem;
  background-color: transparent;
  padding-left: 0 !important; }
#product_review_area .ec-rectHeading {
  margin-bottom: 0 !important; }
#reviewContent {
  margin-bottom: 2rem; }
#reviewContent .review_list {
    list-style: none;
    padding-left: 0 !important; }
#reviewContent .review_list li {
      border-top: 1px #ccc solid;
      padding: 2rem 0;
      margin-bottom: 0 !important; }
#reviewContent .review_list li:last-of-type {
        border-bottom: 1px #ccc solid; }
#reviewContent .review_list li strong {
        font-size: 17px;
        color: #000; }
#reviewContent .review_list li .review_date {
        display: inline;
        float: right;
        font-weight: normal; }
#reviewContent .review_list li .review_date::after {
          clear: both; }
#reviewContent .review_list li .recommend_name {
        margin: 0; }
#reviewContent .review_list li .recommend_name a {
          font-size: 12px;
          color: #000; }
#reviewContent .review_list li .recommend_level {
        display: block;
        font-size: 19px;
        margin-top: 0.5rem;
        margin-left: 0 !important; }
#reviewContent .review_list li .review_comment {
        border: 1px #000 solid;
        margin-top: 1rem;
        padding: 1rem; }
#reviewContent .review_list li .review_reply span {
        color: #000; }
/*
 フッター
*/
.ec-footerRole {
  background-color: #fff;
  border-top: 2px #000 solid;
  color: #000;
  padding-top: 30px !important;
  padding-bottom: 5rem; }
.ec-footerRole p {
    font-size: 12px; }
.ec-footerRole .copy-right {
    display: none;
    margin-top: 3rem; }
.ec-footerRole .ec-footerTitle {
    padding: 50px 50px 50px 50px; }
.ec-footerRole .ec-footerTitle .ec-footerTitle__logo {
      display: inline;
      margin-bottom: 10px;
      float: left; }
.ec-footerRole .ec-footerTitle .ec-footerTitle__logo::after {
        clear: both; }
.ec-footerRole .ec-footerTitle img {
      width: 120px;
      height: auto; }
.ec-footerRole .ec-footerTitle p {
      color: #000;
      text-align: right; }
.ec-footerRole .ec-footerNavi2 {
    display: none;
    padding: 0; }
.ec-footerRole .ec-footerNavi2 .ec-footerNavi__link {
      margin: 0;
      display: inline;
      margin-left: 1.4rem; }
.ec-footerRole .ec-footerNavi2 a {
      color: #000;
      text-decoration: none !important;
      position: relative; }
.ec-footerRole .ec-footerNavi2 a::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        left: -18px;
        top: calc(50% - 0px);
        border-top: solid 1px #000;
        border-right: solid 1px #000;
        transform: rotate(45deg) translateY(-50%);
        color: #000; }
.ec-footerRole .shop-hours {
    text-align: left;
    line-height: 22px; }
.ec-footerRole .shop-hours p {
      display: inline; }
.ec-footerRole .copy_right_wrap {
    display: block; }
.ec-footerRole .copy_right_wrap .copy-right2 {
      float: right; }
.ec-footerRole .copy_right_wrap .copy-right2::after {
        clear: both; }
.ec-footerRole .ec-footerNavi .ec-footerNavi__link a {
    margin-left: 20px !important;
    font-size: 12px; }
.ec-footerRole .ec-footerNavi a {
    color: #000;
    text-decoration: none !important;
    position: relative; }
.ec-footerRole .ec-footerNavi a::before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      position: absolute;
      left: -18px;
      top: calc(50% - 0px);
      border-top: solid 1px #000;
      border-right: solid 1px #000;
      transform: rotate(45deg) translateY(-50%);
      color: #000; }
.ec-footerRole .ec-footerNavi p {
    color: #000; }
.ec-footerRole .footer_info {
    margin-left: 10rem; }
.ec-footerRole .footer_info p {
      text-align: left; }
.ec-footerRole .footer_shop_title {
    color: #000;
    margin-bottom: 0.5rem; }
.ec-footerRole .footer_shop_title p + p {
      line-height: 20px; }
.ec-footerRole .footer_shop_title .ec-footerNavi {
      display: inline;
      float: right; }
.ec-footerRole .footer_shop_title .ec-footerNavi::after {
        clear: both; }
.ec-footerRole .footer_shop_title p:first-of-type {
      font-family: "Noto Sans JP",sans-serif;
      font-size: 1.4rem;
      margin-bottom: -5px; }
.ec-footerRole .footer_shop_title p + p {
      font-weight: bold; }
.ec-footerRole .footer_shop_info {
    display: inline;
    color: #000; }
.ec-footerRole .footer_shop_info p {
      line-height: 20px; }
.ec-footerRole .footer_shop_info .holiday {
      margin-bottom: 2rem;
      display: inline;
      float: left; }
.ec-footerRole .footer_shop_info .holiday::after {
        clear: both; }
/*
ブランドナビゲーション
*/
.brand_nav {
  border-top: 2px solid #000;
  padding: 1rem 0 1.5rem 2.5rem;
  position: relative; }
.brand_nav > label.brand_nav_label {
    font-family: "Noto Sans JP",sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0; }
.brand_nav select.side_nav_brand_pull {
    font-size: 10px;
    width: 140px; }
.pull_select select {
  padding: 4px 20px 4px 8px;
  display: flex;
  color: #000;
  font-weight: normal;
  text-overflow: ellipsis;
  display: flex; }
/*
欧文フォント適用
*/
.top_message .top_message_caption,
.category_nav > ul > li > a,
.page_title,
#page_product_list .product_list_tag > label,
label.brand_nav_label,
.section_title {
  font-family: "Noto Sans JP",sans-serif; }
.easing_item {
  overflow: hidden;
  position: relative; }
.easing_obj {
  transition: none !important;
  transform: translateX(-200px);
  visibility: hidden; }
.easing_cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #f5f5f5; }
.easing_item_fade .easing_obj {
  transform: translateX(0);
  opacity: 0; }
.globalFooter_pagetop > a {
  font-weight: 400;
  padding: 10px;
  margin: 0 10px 10px 0; }
header.global_header {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }
header.global_header h1.global_header_logo {
    width: 200px; }
header.global_header h1.global_header_logo > a::before {
      height: 32px;
      margin-top: -3px;
      margin-left: -6px; }
#page_news_detail {
  margin: 0; }
#page_news_detail .news_post_content a {
    color: #000;
    position: relative;
    padding-left: 1rem;
    text-decoration: underline;
    /*
        &::before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            position: absolute;
            left: -5px;
            top: calc(50% - 0px);
            border-top: solid 1px #000;
            border-right: solid 1px #000;
            transform: rotate(45deg) translateY(-50%);
        }*/ }
#page_news_detail .news_post_content a:hover, #page_news_detail .news_post_content a:visited, #page_news_detail .news_post_content a:focus {
      color: #000; }
#page_news_detail .news_post_content a:hover {
      color: #ccc; }
#page_news_detail .news_post {
    margin-top: 3rem; }
#page_news_detail .news_post h1, #page_news_detail .news_post h2, #page_news_detail .news_post h3, #page_news_detail .news_post h4, #page_news_detail .news_post h5, #page_news_detail .news_post h6 {
      font-family: "Noto Sans JP",sans-serif;
      font-weight: bold;
      margin-top: 2rem; }
#page_news_detail .post_header_data .post_date {
    margin-right: 1rem; }
#page_news_detail .post_header_data label {
    display: inline;
    background-color: #A7A7A7;
    color: #fff;
    padding: 0 0.5rem;
    font-weight: normal;
    border-radius: 4px;
    padding-bottom: 0.1rem;
    font-size: 0.8rem; }
#page_news_detail .post_area {
    padding: 2.2rem 2.4rem;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
#page_news_detail .news_post_share {
    border-bottom: 1px solid #000; }
#page_news_detail .news_post_header h3 {
    margin: 1rem 0 0;
    font-size: 1.6rem; }
#page_news_detail .news_post_header .post_header_data {
    margin: 0; }
#page_news_detail .news_post_content figure {
    margin: 0; }
#page_news_detail .news_post_content p {
    margin: .8rem 0 1rem;
    font-size: 14px; }
#page_news_detail .news_post_content h1 {
    font-size: 20px;
    padding: 4px 0 8px 10px;
    border-left: 6px solid #000;
    border-bottom: 1px solid #E6E6E6;
    font-weight: bold; }
#page_news_detail .news_post_content h2 {
    font-size: 18px;
    padding: 4px 0 8px 8px;
    border-left: 3px solid #000;
    border-bottom: 1px solid #E6E6E6;
    font-weight: bold; }
#page_news_detail .news_post_content h3 {
    font-size: 16px;
    font-weight: bold; }
#page_news_detail .news_post_content h4 {
    font-size: 14px;
    font-weight: bold; }
#page_news_detail .news_post_content h5 {
    font-size: 13px;
    font-weight: bold; }
#page_news_detail .news_post_content h6 {
    font-size: 12px;
    font-weight: bold; }
#page_news_detail .news_post_content .wp-block-image img, #page_news_detail .news_post_content .wp-block-gallery img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }
#page_news_detail .news_post_content .wp-block-table {
    margin: 0; }
#page_news_detail .news_post_content .wp-block-table table {
      margin: 0;
      width: 100%;
      border-top: 1px solid #D9D9D9; }
#page_news_detail .news_post_content .wp-block-table table td {
        padding: 1rem;
        border-bottom: 1px solid #D9D9D9; }
#page_news_detail .news_post_content .wp-block-table table th {
        padding: 1rem;
        border-bottom: 1px solid #D9D9D9;
        background: #EFEFEF;
        font-weight: bold; }
#page_news_detail .news_post_content ol {
    margin: 0 0 1.4rem;
    padding-left: 1.2rem; }
#page_news_detail .news_post_content ul {
    margin: 0 0 1.4rem;
    padding-left: 1.2rem;
    padding-left: 1.5rem; }
#page_news_detail .news_post_content ol li {
    padding-left: .6rem; }
#page_news_detail .news_post_content ul li {
    padding-left: .3rem; }
#page_news_detail .news_post_content .wp-block-gallery ul {
    padding: 0; }
#page_news_detail .news_post_content .wp-block-gallery li {
    list-style: none;
    padding: 0; }
#page_news_detail .news_post_share {
    text-align: center;
    width: 100%; }
#page_news_detail .news_post_share .share_txt {
      vertical-align: middle;
      font-size: 13px;
      font-weight: bold;
      margin-right: 10px; }
#page_news_detail .news_post_share a {
      vertical-align: middle;
      text-decoration: none;
      transition: all 0.3s ease 0s;
      width: 35px;
      height: 35px;
      display: inline-block;
      margin-left: 5px; }
#page_news_detail .news_post_share a:hover {
        cursor: pointer;
        opacity: 0.7;
        text-decoration: none; }
#page_news_detail .news_post_share a.sns_facebook {
        background-color: #3A589B; }
#page_news_detail .news_post_share a.sns_twitter {
        background-color: #55ACEE; }
#page_news_detail .news_post_share i {
      margin-left: 0;
      margin-top: 8px;
      padding: 0px; }
#page_news_detail .news_control_nav {
    text-align: center;
    width: 100%;
    padding: 36px 0 10px; }
#page_news_detail .news_control_nav a {
      display: inline-block;
      margin: 0;
      color: #000;
      text-decoration: none;
      font-size: 13px;
      font-weight: bold;
      cursor: pointer; }
#page_news_detail .news_control_nav a:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background: #000000;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0; }
#page_news_detail .news_control_nav a.disable {
        visibility: hidden; }
#page_news_detail .news_control_nav a.index_post {
        position: relative; }
#page_news_detail .news_control_nav a.index_post .index_post_icon {
          position: absolute;
          top: 14px;
          width: 10px;
          height: 1px;
          left: -20px;
          background: #000000;
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-delay: 0; }
#page_news_detail .news_control_nav a.index_post .index_post_icon:before {
            content: "";
            position: absolute;
            top: -4px;
            width: 10px;
            height: 1px;
            left: 0;
            background: #000000;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-delay: 0; }
#page_news_detail .news_control_nav a.index_post .index_post_icon:after {
            content: "";
            position: absolute;
            top: 4px;
            width: 10px;
            height: 1px;
            left: 0;
            background: #000;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-delay: 0; }
audio, video, iframe {
  max-width: 100%; }
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus, .ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
  border: 1px solid #000; }
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  padding: 6px; }
.ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
  border: 1px solid #000;
  padding: 6px;
  color: #000; }
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  color: #000; }
#page_news_list .ec-layoutRole__contents,
#page_news_detail .ec-layoutRole__contents {
  padding-top: 70px; }
#page_news_list .ec-layoutRole__contents .ec-layoutRole__mainWithColumn,
  #page_news_detail .ec-layoutRole__contents .ec-layoutRole__mainWithColumn {
    border-top: 2px solid #000; }
#page_news_list .news_list > li > a .easing_item {
  transition: all 0.2s linear 0s; }
#page_news_list .news_list > li > a:hover .easing_item {
  opacity: .7; }
#page_news_list .news_list .news_title h3 {
  line-height: 20px;
  display: block;
  margin: 0; }
.about_grid {
  /*h3 {
        font-family: "Noto Sans JP",sans-serif;
        font-weight: bold;
        margin-top: 4rem;
        font-size: 1.4rem;
        border-bottom: 2px solid #000;
        padding-bottom: 0.5rem;
        @media only screen and (max-width: 1023px) {
            font-size: 1.2rem;
        }
    }*/ }
.about_grid dl {
    display: flex;
    margin-bottom: .5rem; }
.about_grid dl dt {
      width: 120px; }
.about_grid dl dd {
      flex: 1; }
.about_grid.about_history dl dt {
    width: 65px; }
.about_grid.about_completeset dl dt {
    width: 170px; }
.about_grid.about_completeset dl dd {
    line-height: 20px; }
.about_grid.about_completeset ul {
    list-style: none;
    padding: 0;
    font-size: 12px;
    margin-bottom: 15px; }
.about_grid.about_completeset ul li {
      color: #999;
      margin-bottom: -5px; }
.about_grid.about_completeset .comp_inner {
    font-size: 12px; }
#page_help_about .title {
  font-size: 40px;
  font-weight: normal;
  font-family: "Noto Sans JP",sans-serif;
  margin: 30px 0; }
#page_help_about .title .sub_title {
    font-size: 1.2rem;
    font-family: "Noto Sans JP",sans-serif; }
#page_help_about .border_title {
  font-size: 1.1rem;
  padding-bottom: .5rem; }
#page_help_about .about_calendar p {
  display: block;
  margin-bottom: 1rem; }
#page_help_about .about_calendar .submit {
  width: 160px;
  height: 40px;
  margin-right: 16px; }
#page_help_about .footer_shop_title p + p,
#page_help_about .footer_shop_info p + p {
  text-align: left; }
#page_help_about .page_homepage_grid {
  margin-bottom: 20px; }
#page_help_about .section_title {
  font-size: 24px;
  font-weight: normal;
  line-height: 100%;
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
  margin: 0;
  border-top: 2px solid #000; }
#page_help_about .top_main_slides .ec-sliderRole {
  padding: 0;
  max-width: none; }
#page_help_about .top_main_slides .ec-sliderRole .slick-dots {
    bottom: -30px; }
#page_help_about .top_main_slides .ec-sliderRole .slick-dots li {
      width: 12px;
      height: 12px; }
#page_help_about .top_main_slides .ec-sliderRole .slick-dots li button {
        width: 20px;
        height: 12px; }
#page_help_about .top_main_slides .ec-sliderRole .slick-dots li button:before {
          width: 8px;
          height: 8px; }
#page_help_about .top_main_slides .main_visual.pc {
  display: block;
  margin-bottom: 60px; }
#page_help_about .top_main_slides .main_visual.sp {
  display: none;
  width: 100vw;
  margin-left: -20px; }
#page_help_about iframe {
  height: 700px; }
#page_contact #contact_name_name01,
#page_contact #contact_name_name02 {
  padding: 6px; }
#page_contact #contact_phone_number {
  height: 30px;
  font-size: 12px;
  width: 80%;
  max-width: 400px; }
#page_contact #contact_email {
  width: 80%;
  max-width: 400px;
  height: 30px;
  font-size: 12px; }
#page_contact .mypage_inner p.ec-errorMessage {
  display: block;
  color: #e43c3c;
  font-weight: normal; }
#page_contact .ec-checkbox {
  margin-top: 50px;
  font-size: 12px; }
#page_contact textarea {
  border-radius: 0; }
#page_contact textarea:focus, #page_contact textarea:hover {
    border: 1px solid #000; }
#page_contact .error textarea {
  background: #FDF1F0;
  border-color: #CF3F34; }
#page_contact .ec-checkbox #contact_user_privacy_check {
  display: none; }
#page_contact .ec-checkbox #contact_user_privacy_check + span {
    position: relative; }
#page_contact .ec-checkbox #contact_user_privacy_check + span > label {
    position: absolute;
    top: 10px;
    left: -23px; }
#page_contact .ec-checkbox #contact_user_privacy_check + span > label::before {
      content: "";
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border: 1px solid #707070;
      cursor: pointer; }
#page_contact .ec-checkbox #contact_user_privacy_check:checked + span > label::before {
    background: #000;
    border: 1px solid #000; }
#page_contact .ec-checkbox #contact_user_privacy_check:checked + span > label::after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: -2px;
    left: 5px;
    transform: rotate(-45deg) translateY(-50%); }
#page_contact .ec-checkbox a:hover {
  text-decoration: none; }
#page_contact dt {
  min-width: 200px; }
#page_contact dd {
  width: 87%;
  height: auto;
  font-size: 12px;
  max-width: 400px;
  border: none; }
.mypage_inner p.cart_message_bold {
  text-align: center;
  display: block; }
.pull_pref {
  width: 152px; }
.pull_job {
  width: 282px; }
input:focus, select:focus, a:focus, textarea:focus, button:focus, img:focus, div:focus {
  outline: none; }
.ec-link:hover {
  color: inherit;
  text-decoration: none; }
#page_shopping_nonmember .page_title,
#page_shopping_shipping_edit .page_title,
#page_shopping_complete .page_title,
#page_shopping_confirm .page_title,
#page_shopping_shipping_multiple .page_title,
#page_shopping_shipping .page_title,
#page_shopping .page_title,
#page_cart .page_title,
#shopping_login .page_title,
#mypage_withdraw_confirm .page_title,
#mypage_withdraw .page_title,
#mypage_delivery_edit .page_title,
#mypage_delivery .page_title,
#mypage_change_complete .page_title,
#mypage_chenge .page_title,
#mypage_favorite .page_title,
#mypage_history .page_title,
#page_mypage .page_title,
#page_mypage_history .page_title,
#page_mypage_login .page_title,
#page_help_agreement .page_title,
#mypage_grid_complete .page_title,
#page_entry_complete .page_title,
#page_entry .page_title,
#page_help_tradelaw .page_title,
#mypage_grid_agreement .page_title,
#page_forgot .page_title,
#page_forgot_complete .page_title,
#page_entry_activate .page_title {
  font-size: 28px;
  font-weight: bold;
  font-family: "Noto Sans JP",sans-serif;
  position: relative; }
#page_shopping_nonmember .page_title:after,
  #page_shopping_shipping_edit .page_title:after,
  #page_shopping_complete .page_title:after,
  #page_shopping_confirm .page_title:after,
  #page_shopping_shipping_multiple .page_title:after,
  #page_shopping_shipping .page_title:after,
  #page_shopping .page_title:after,
  #page_cart .page_title:after,
  #shopping_login .page_title:after,
  #mypage_withdraw_confirm .page_title:after,
  #mypage_withdraw .page_title:after,
  #mypage_delivery_edit .page_title:after,
  #mypage_delivery .page_title:after,
  #mypage_change_complete .page_title:after,
  #mypage_chenge .page_title:after,
  #mypage_favorite .page_title:after,
  #mypage_history .page_title:after,
  #page_mypage .page_title:after,
  #page_mypage_history .page_title:after,
  #page_mypage_login .page_title:after,
  #page_help_agreement .page_title:after,
  #mypage_grid_complete .page_title:after,
  #page_entry_complete .page_title:after,
  #page_entry .page_title:after,
  #page_help_tradelaw .page_title:after,
  #mypage_grid_agreement .page_title:after,
  #page_forgot .page_title:after,
  #page_forgot_complete .page_title:after,
  #page_entry_activate .page_title:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: calc(50% - 15px);
    width: 30px;
    height: 1px;
    background-color: #000; }
#page_forgot .mypage_inner p {
  display: block; }
.fa-user:before {
  content: "\e903";
  font-family: "icomoon";
  font-size: 13px; }
.fa-lock:before {
  content: "\e902";
  font-family: "icomoon";
  font-size: 13px; }
.fa-heart:before {
  content: "\e901";
  font-family: "icomoon";
  font-size: 13px; }
.btn_cart_add::before,
.fa-shopping-cart:before {
  content: "\e900";
  font-family: "icomoon";
  font-size: 13px; }
.nav_sns ul {
  padding-left: 2.5rem; }
.nav_sns ul li {
    display: inline-block;
    margin-right: 11px;
    position: relative; }
.nav_sns ul li .fa-icon {
      font-size: 16px;
      font-family: "icomoon";
      color: #000;
      transition: all 0.3s ease 0s; }
.nav_sns ul li .fa-icon::after {
        content: "";
        border-bottom: 1px solid #fff;
        width: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 0.2s linear 0s; }
.nav_sns ul li .fa-icon:hover {
        text-decoration: none; }
.nav_sns ul li .fa-icon:hover::after {
          border-bottom: 1px solid #000;
          width: 100%;
          text-decoration: none; }
.nav_sns ul li .fa-sns-insta::before {
      content: "\e905"; }
.nav_sns ul li .fa-sns-facebook::before {
      content: "\e904"; }
.nav_sns ul li .fa-sns-twitter::before {
      content: "\ea96"; }
.ec-footerRole .ec-footerNavi .ec-footerNavi__link a {
  transition: all 0.2s linear 0s; }
.ec-footerRole .ec-footerNavi .ec-footerNavi__link a::after {
    content: "";
    border-bottom: 1px solid #fff;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s linear 0s; }
.ec-footerRole .ec-footerNavi .ec-footerNavi__link a:hover {
    text-decoration: none; }
.ec-footerRole .ec-footerNavi .ec-footerNavi__link a:hover::after {
      border-bottom: 1px solid #000;
      width: 100%;
      text-decoration: none; }
#page_homepage .top_main_slides .main_visual.pc {
  margin-bottom: 35px; }
#page_homepage .top_product_view_slides .page_arrow {
  transition: all 0.3s ease 0s; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a .product_list_txt {
  padding-top: 10px; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a .product_list_txt p {
    line-height: 20px; }
#page_homepage .homepage_section a.top_more_link {
  transition: all 0.3s ease 0s; }
#page_homepage .homepage_section a.top_more_link:hover {
    background: #000;
    color: #fff; }
#page_homepage .homepage_section a.top_more_link:hover:before {
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff; }
#page_homepage .homepage_section.top_instagram a.top_more_link {
  position: inherit;
  display: block;
  width: 100px;
  margin: 30px auto 10px;
  text-align: center;
  line-height: 15px;
  padding-bottom: 4px; }
#page_homepage .homepage_section.top_instagram a.top_more_link:before {
    position: relative;
    left: -10px;
    top: 10px; }
#page_homepage .note {
  margin-top: 8px; }
#page_homepage .top_product_links .top_product_links_txt a.size_guide {
  text-decoration: underline;
  transition: all 0.2s linear 0s; }
#page_homepage .top_product_links .top_product_links_txt a.size_guide:hover {
    color: #ccc; }
#page_homepage .top_news_list .news_list > li > a .easing_item {
  transition: all 0.2s linear 0s; }
#page_homepage .top_news_list .news_list > li > a:hover .easing_item {
  opacity: .7; }
#page_homepage .top_brand_links .txtbox > ul > li > a img {
  transition: all 0.2s linear 0s; }
#page_homepage .top_brand_links .txtbox > ul > li > a:hover img {
  opacity: .7; }
#page_homepage .slick-slide_item-image > div.product_img_sold_out {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }
#page_homepage .slick-slide_item-image > div.product_img_sold_out > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: white;
    font-weight: bold;
    letter-spacing: 0.1rem;
    height: 16px;
    line-height: 16px;
    font-size: 16px; }
.brand_nav .ec-select select {
  height: 26px;
  line-height: 1; }
.brand_nav .ec-select label {
  width: 142px; }
#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image {
  width: 85%; }
#page_product_list .product_list_tag > label {
  margin-left: 0; }
#page_product_list .product_list_tag > label a {
    padding: 0 2px;
    line-height: 16px;
    font-size: 11px;
    margin-left: 1px; }
#page_product_list .product_list_tag > label + label {
    margin-left: 0; }
#page_product_list .ec-select .disp-number,
#page_product_list .ec-select .order-by {
  height: 25px;
  font-size: 10px;
  padding: 3px; }
#page_product_list .select-disabled {
  opacity: .4; }
#page_product_list .ec-searchnavRole__actions .form-check {
  position: relative; }
#page_product_list .ec-searchnavRole__actions .form-check input#input_stock_check {
    display: none; }
#page_product_list .ec-searchnavRole__actions .form-check input#input_stock_check + label.form-check-label {
      font-size: 12px; }
#page_product_list .ec-searchnavRole__actions .form-check input#input_stock_check + label:before {
      content: "";
      border: 1px solid #707070;
      cursor: pointer;
      width: 15px;
      height: 15px;
      display: inline-block;
      position: absolute;
      top: 7px;
      left: -21px; }
#page_product_list .ec-searchnavRole__actions .form-check input#input_stock_check:checked + label:before {
      content: "";
      background: #000;
      border: 1px solid #000; }
#page_product_list .ec-searchnavRole__actions .form-check input#input_stock_check:checked + label:after {
      content: "";
      display: block;
      width: 8px;
      height: 5px;
      box-sizing: border-box;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      position: absolute;
      top: 12px;
      left: -16px;
      transform: rotate(-45deg) translateY(-50%); }
.product_detail_select_options_table .ec-numberInput input[type="number"] {
  max-width: 60px;
  text-align: left;
  padding-left: 10px;
  color: #000;
  font-size: 12px; }
.product_detail_select_options_table .ec-numberInput input[type="number"]:focus {
    border: 1px solid #000; }
#page_product_detail .main_content.content-box {
  padding: 40px; }
#page_product_detail .product_detail_img {
  max-width: 400px; }
#page_product_detail .product_detail_img .ec-sliderItemRole {
    padding: 0; }
#page_product_detail .product_detail_txt {
  margin-left: 40px; }
#page_product_detail #detail_delivery {
  text-decoration: underline;
  transition: all 0.2s linear 0s; }
#page_product_detail #detail_delivery:hover {
    color: #ccc; }
#page_product_detail .ec-select label[for="productoption1"],
#page_product_detail .ec-select label[for="productoption2"],
#page_product_detail .ec-select label[for="productoption3"] {
  width: 350px; }
#page_product_detail .ec-select .pull_select.pull_year {
  height: 30px;
  font-size: 12px; }
#page_product_detail .ec-select .pull_select.pull_year #productoption1,
  #page_product_detail .ec-select .pull_select.pull_year #productoption2,
  #page_product_detail .ec-select .pull_select.pull_year #productoption3 {
    height: 28px;
    font-size: 12px; }
#page_product_detail .ec-select .product_detail_select_options_table .ec-select .pull_select.pull_year {
  width: 50px; }
#page_product_detail .ec-select .product_detail_select_options_table .ec-select .pull_select.pull_year #quantity {
    width: 48px; }
#page_product_detail .ec-select span.ec-required {
  border-radius: 4px;
  padding: 0;
  margin: 5px 0 0;
  font-size: 10px;
  line-height: 18px; }
#page_product_detail .ec-select.cs_potion_pull {
  margin-top: -15px;
  max-width: 480px; }
#page_product_detail dl.product_detail_select_options_table.detail_peaces dd label {
  width: 50px; }
#page_product_detail dl.product_detail_select_options_table.detail_peaces dd select {
  height: 28px;
  width: 48px;
  font-size: 12px; }
#page_product_detail dl.product_detail_select_options_table.detail_size dd select {
  font-size: 12px; }
#page_product_detail .ec-role {
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
#page_product_detail #product_review_area .border_title {
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
  padding-bottom: 35px;
  margin: 0;
  border-top: 2px solid #000;
  padding-top: 25px; }
#page_product_detail .plainmodal-overlay {
  background-color: rgba(43, 46, 56, 0.9) !important;
  opacity: 1 !important;
  z-index: 9999 !important; }
#page_product_detail .option_description {
  border-radius: 0;
  border: none;
  box-shadow: none;
  z-index: 10000 !important; }
#page_product_detail .option_description .modal-header {
    padding: 15px;
    margin: 10px 0; }
#page_product_detail .option_description .modal-header h4.modal-title {
      display: none; }
#page_product_detail .option_description .modal-header h4.modal-title + p {
        font-size: 12px; }
#page_product_detail .option_description .modal-header .plainmodal-close {
      position: fixed;
      color: #fff;
      top: 50%;
      left: 50%;
      background: #000;
      z-index: 10001 !important;
      border-radius: 50%;
      font-size: 14px;
      font-weight: 100;
      width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer;
      opacity: 1 !important;
      text-shadow: none; }
#page_product_detail .option_description .modal-body {
    padding: 15px;
    margin: 10px 0; }
#page_product_detail .option_description .modal-body > div {
      padding: 0; }
#page_product_detail .option_description .modal-body h3 {
      font-size: 14px;
      font-weight: bold;
      background-color: #EFEFEF;
      padding: 10px 0px;
      position: relative;
      padding-left: 1rem;
      margin: 0; }
#page_product_detail .option_description .modal-body h3::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        display: inline-block;
        width: 8px;
        height: 2px;
        background-color: #000; }
#page_product_detail .option_description .modal-body h3 + p {
        font-size: 12px;
        margin: 0;
        padding: 5px; }
#page_product_detail .option_description .modal-body p.plus {
      font-weight: bold;
      font-size: 14px;
      margin: 0;
      padding: 5px;
      text-align: right; }
#page_product_detail .option_description .modal-body button.btn-info {
      width: 120px;
      margin: 0;
      font-size: 14px;
      background: #000;
      padding: 10px 0;
      transition: all 0.2s linear 0s; }
#page_product_detail .option_description .modal-body button.btn-info:hover {
        background: #999; }
#page_product_detail .cs_option_explanation {
  padding: 0;
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 18px;
  width: auto;
  height: 1.3rem;
  text-align: center;
  float: right;
  color: #000;
  text-decoration: underline;
  transition: all 0.2s linear 0s; }
#page_product_detail .cs_option_explanation:hover {
    color: #999; }
#page_mypage_login .mypage_grid .form_control {
  color: #000; }
#page_cart .product_item_name .product_item_price {
  font-weight: bold; }
#page_cart .product_item_name a, #page_cart .product_item_name span {
  display: block; }
#page_cart .cart_item_info_row li:nth-child(1) {
  width: 170px; }
#page_cart .cart_item_info_row img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 26px 0px 26px 26px;
  padding: 0; }
#page_cart .cart_item_quantity {
  position: relative; }
#page_cart .cart_item_quantity .borderbox {
    position: absolute;
    width: 100%;
    top: 34%;
    left: 0px; }
#page_cart .item_icon_cross {
  transition: all 0.2s ease 0s;
  margin-top: 70px;
  margin-left: 7px; }
#page_cart .item_icon_cross:hover {
    background: #999; }
#page_cart .item_icon_cross img {
    width: 15px;
    height: 15px; }
#page_cart .progress_state {
  /*
        .progress_state_item + .progress_state_item
        {
          position: relative;
          margin-left: 0rem;
  
          &::before {
            content: none;
            @media only screen and (max-width: 1023px)
            {
              content: none;
            }
          }
  
          &::after
          {
            content: "";
            display: block;
            width: 130px;
            height: 8px;
            position: absolute;
            left: -65px;
            top: calc(50% - 32px);
            border-top: solid 1px #ccc;
            transform: translateY(-50%);
            margin-top: 1rem;
            color: #000;
  
            @media only screen and (max-width: 1023px)
            {
              top: calc(50% - 24px);
              width: 52px;
              left: -1.1rem;
              z-index: -1;
            }
          }
        }
        */ }
#page_cart .progress_state .progress_state_item {
    /*
          @media only screen and (max-width: 1023px){
            z-index: 1;
          }
  
          + .progress_state_item::after {
            top: calc(50% - 24px);
  
            @media only screen and (max-width: 1023px){
              top: calc(50% - 24px);
              width: 52px;
              left: -1.1rem;
              z-index: -1;
            }
          }
  
          .progress__number {
            background: #fff;
            color: #000;
            z-index: 10;
  
          }
          &.is-complete {
            .progress__number {
              background: #000;
              color: #fff;
              z-index: 10;
            }
          }
          */ }
#page_cart .progress_state .progress_state_item .progress__label {
      margin-top: 0; }
#page_cart .cart_message {
  margin-top: 2rem; }
#page_cart .cart_message strong {
    font-size: 16px; }
#page_cart .product_item_subinfo {
  font-size: 12px;
  line-height: 20px;
  padding: 0 0 10px;
  color: #999; }
#page_shopping_confirm .cart_order_info textarea,
#page_shopping .cart_order_info textarea {
  border: 1px solid #000;
  border-radius: 0;
  font-weight: 400;
  color: #000; }
#page_shopping_confirm .cart_order_info textarea:focus,
  #page_shopping .cart_order_info textarea:focus {
    box-shadow: none; }
#page_shopping_confirm .mypage_inner .delivery_detail_item p,
#page_shopping .mypage_inner .delivery_detail_item p {
  line-height: 20px;
  font-size: 12px;
  border-top: 1px dotted #ccc;
  padding: 3px 0; }
#page_shopping_confirm .payment_info input[type=radio],
#page_shopping .payment_info input[type=radio] {
  display: none; }
#page_shopping_confirm .payment_info input[type=radio] + label,
  #page_shopping .payment_info input[type=radio] + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px; }
#page_shopping_confirm .payment_info input[type=radio] + label::before,
    #page_shopping .payment_info input[type=radio] + label::before {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      left: 0;
      width: 15px;
      height: 15px;
      border: 1px solid #000;
      border-radius: 50%; }
#page_shopping_confirm .payment_info input[type=radio]:checked + label,
  #page_shopping .payment_info input[type=radio]:checked + label {
    color: #000; }
#page_shopping_confirm .payment_info input[type=radio]:checked + label::after,
    #page_shopping .payment_info input[type=radio]:checked + label::after {
      content: "";
      display: block;
      position: absolute;
      top: 7px;
      left: 4px;
      width: 7px;
      height: 7px;
      background: #000;
      border-radius: 50%; }
#page_shopping_confirm .progress_state,
#page_shopping .progress_state {
  /*
    .progress_state_item + .progress_state_item
    {
      position: relative;
      margin-left: 0rem;
  
      &::before {
        content: none;
        @media only screen and (max-width: 1023px)
        {
          content: none;
        }
      }
  
      &::after
      {
        content: "";
        display: block;
        width: 130px;
        height: 8px;
        position: absolute;
        left: -65px;
        top: calc(50% - 32px);
        border-top: solid 1px #ccc;
        transform: translateY(-50%);
        margin-top: 1rem;
        color: #000;
  
        @media only screen and (max-width: 1023px)
        {
          top: calc(50% - 24px);
          width: 52px;
          left: -1.1rem;
          z-index: -1;
        }
      }
    }
    */ }
#page_shopping_confirm .progress_state .progress_state_item,
  #page_shopping .progress_state .progress_state_item {
    /*
      @media only screen and (max-width: 1023px){
        z-index: 1;
      }
  
      + .progress_state_item::after {
        top: calc(50% - 24px);
  
        @media only screen and (max-width: 1023px){
          top: calc(50% - 24px);
          width: 52px;
          left: -1.1rem;
          z-index: -1;
        }
      }
  
      .progress__number {
        background: #fff;
        color: #000;
        z-index: 10;
  
      }
      &.is-complete {
        .progress__number {
          background: #000;
          color: #fff;
          z-index: 10;
        }
      }
   */ }
#page_shopping_confirm .progress_state .progress_state_item .progress__label,
    #page_shopping .progress_state .progress_state_item .progress__label {
      margin-top: 0; }
#page_shopping .cart_order_delivery_detail {
  position: relative; }
#page_shopping .ec-layoutRole__mainWithColumn .form_control {
  padding-left: 0; }
#page_shopping_complete .complete_action .btn01 {
  margin-left: auto; }
#page_sln_card_payment {
  height: 100vh; }
.mypage_tab li {
  padding-top: 0; }
.mypage_tab li a {
    padding-top: 10px; }
#page_forgot_complete .mypage_inner .title {
  display: block; }
#page_forgot_complete .mypage_inner .title > p {
    display: block; }
#page_forgot_complete .mypage_inner .note {
  display: block; }
#page_mypage_favorite .mypage_favorite li {
  width: 23%;
  float: none;
  display: inline-block;
  /*&:nth-child(2n-1){
        // margin-right: 2%;
      }*/ }
#page_mypage_favorite .mypage_favorite li:nth-child(2n) {
    margin-left: 2%; }
/*
  #page_shopping_shipping {
   .delivery_list {
    input[type=radio] {
      display: none;
  
      + label{
        padding-left: 20px;
        position:relative;
        margin-right: 20px;
  
        &::before{
          content: "";
          display: block;
          position: absolute;
          top: 3px;
          left: 0;
          width: 15px;
          height: 15px;
          border: 1px solid #000;
          border-radius: 50%;
        }
      }
  
      &:checked {
        + label {
          color: #000;
  
          &::after {
            content: "";
            display: block;
            position: absolute;
            top: 7px;
            left: 4px;
            width: 7px;
            height: 7px;
            background: #000;
            border-radius: 50%;
          }
        }
      }
    }
  }
  }
  */
#page_shopping_shipping_multiple .btn_add {
  text-decoration: none; }
.cart_item_list_quantity {
  text-align: center;
  text-align: -ms-center;
  text-align: -moz-center;
  text-align: -webkit-center; }
#page_mypage_change form .ec-zipInputHelp a span,
#page_entry form .ec-zipInputHelp a span {
  font-size: 12px; }
#page_mypage_change form .ec-zipInputHelp a span:hover,
  #page_entry form .ec-zipInputHelp a span:hover {
    text-decoration: underline; }
#page_mypage_change form #entry_sex input[type=radio],
#page_entry form #entry_sex input[type=radio] {
  display: none; }
#page_mypage_change form #entry_sex input[type=radio] + label,
  #page_entry form #entry_sex input[type=radio] + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px; }
#page_mypage_change form #entry_sex input[type=radio] + label::before,
    #page_entry form #entry_sex input[type=radio] + label::before {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      left: 0;
      width: 15px;
      height: 15px;
      border: 1px solid #000;
      border-radius: 50%; }
#page_mypage_change form #entry_sex input[type=radio]:checked + label,
  #page_entry form #entry_sex input[type=radio]:checked + label {
    color: #000; }
#page_mypage_change form #entry_sex input[type=radio]:checked + label::after,
    #page_entry form #entry_sex input[type=radio]:checked + label::after {
      content: "";
      display: block;
      position: absolute;
      top: 7px;
      left: 4px;
      width: 7px;
      height: 7px;
      background: #000;
      border-radius: 50%; }
input:focus {
  border: #000 1px solid; }
.submit:hover {
  cursor: pointer; }
/*
    商品詳細　画像
*/
.ec-sliderItemRole .item_visual {
  display: none; }
.ec-sliderItemRole .slick-initialized {
  display: block; }
.modal-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }
.modal-img .close-modal {
    cursor: pointer; }
.modal-img .bigimg {
    position: absolute;
    width: 80%;
    max-width: 800px;
    top: 80px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto; }
.modal-img .close-btn {
    color: #fff;
    font-size: 40px;
    position: absolute;
    right: 20px;
    top: 0; }
.modal-img .slide-item {
    outline: none; }
.modal-img .slide-item img {
      width: 45%;
      margin: auto; }
.modal-img .slick-slide {
    border: none !important; }
.modal-img .prev-arrow {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 1px);
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(45deg) translateY(-50%);
    color: #fff;
    left: calc(24% - 30px);
    z-index: 1000;
    cursor: pointer; }
.modal-img .sliderArea {
    margin-top: 3.5rem; }
.modal-img .next-arrow {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    right: calc(26% - 30px);
    position: absolute;
    top: calc(50% - 1px);
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg) translateY(-50%);
    color: #fff;
    cursor: pointer;
    z-index: 1000; }
.modal-img .slick-dots li {
    margin: 0; }
.modal-img .slick-dots li button:before {
      background-color: #D0D0D0;
      opacity: 1;
      width: 7px;
      height: 7px; }
.modal-img .item-icon-cross {
    background-color: #000;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    padding-top: 0.3rem;
    padding-bottom: 12px;
    margin-left: calc(72% - 7px);
    position: relative;
    top: 11px;
    z-index: 2; }
.modal-img .item-icon-cross ::after {
      content: "";
      position: absolute;
      border: 1px #fff solid;
      width: 20px;
      top: 18px;
      transform: rotate(45deg) translateY(-100%);
      left: 7px; }
.modal-img .item-icon-cross ::before {
      content: "";
      position: absolute;
      border: 1px #fff solid;
      width: 20px;
      top: 18px;
      transform: rotate(-45deg) translateY(-100%);
      left: 10px; }
.modal-img .item-icon-cross div {
      display: inline; }
.modal-img .slick-active button::before {
    background-color: #000000; }
/*
   クレジットカード購入画面
*/
.sln_card_payment_container {
  font-family: "Noto Sans JP"; }
.sln_card_payment_container input {
    height: 30px; }
.sln_card_payment_container .page_title {
    margin-left: 8.33333%; }
.sln_card_payment_container dl {
    padding: 0 !important;
    height: 73px; }
.sln_card_payment_container dt {
    padding-top: 1rem;
    padding-bottom: 0; }
.sln_card_payment_container .col-sm-offset-4 {
    margin-left: 0;
    display: block;
    margin: 0 auto; }
.sln_card_payment_container .no-padding {
    display: flex; }
.sln_card_payment_container dd div {
    line-height: normal;
    font-size: 14px; }
.sln_card_payment_container .ec-required {
    margin-top: 0.85rem; }
.sln_card_payment_container #card_AddMem label {
    display: inline; }
.sln_card_payment_container #card_AddMem input {
    height: auto; }
.sln_card_payment_container #card_AddMem .ec-checkbox span {
    display: inline-block;
    border-radius: 5px;
    height: 1.5rem;
    text-align: center;
    margin-right: 1rem;
    line-height: 1.7; }
.sln_card_payment_container .form_table dt label {
    font-size: 14px;
    font-weight: bold; }
.sln_card_payment_container .pull_select {
    margin-right: 1rem;
    height: 30px; }
.sln_card_payment_container .pull_select select {
      height: 28px; }
.sln_card_payment_container .pull_select + .pull_select {
    margin-left: 1rem;
    width: 82px; }
.sln_card_payment_container .alert-warning {
    margin-left: 9%;
    border: #c10000 1px solid;
    background-color: #fff;
    border-radius: 0;
    color: #c10000;
    font-size: 16px;
    font-weight: bold;
    width: 82%; }
.sln_card_payment_container #card_CardExpYear {
    width: 64px; }
.sln_card_payment_container #card_PayType {
    height: 28px; }
.sln_card_payment_container .input_control input {
    width: 280px !important; }
.sln_card_payment_container .submit {
    font-size: 14px !important;
    padding-left: 4.5rem;
    padding-top: 0.5rem;
    cursor: pointer; }
.sln_card_payment_container .btn01 {
    font-size: 14px !important;
    cursor: pointer; }
.sln_card_payment_container #top_box__button_menu {
    width: auto; }
.sln_card_payment_container .input_form input {
    border-radius: 0;
    background-color: #000;
    color: #fff; }
.sln_card_payment_container .container-fluid {
    padding: 0; }
.sln_card_payment_container #card_AddMem_0 {
    display: none; }
.sln_card_payment_container #card_AddMem_0 + span {
      position: relative; }
.sln_card_payment_container #card_AddMem_0 + span > label {
      margin-left: 2rem;
      position: relative; }
.sln_card_payment_container #card_AddMem_0 + span > label::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 50%;
        left: -29px;
        transform: translateY(-50%);
        border: 1px solid #707070;
        cursor: pointer; }
.sln_card_payment_container #card_AddMem_0:checked + span > label::before {
      background: #000;
      border: 1px solid #000; }
.sln_card_payment_container #card_AddMem_0:checked + span > label::after {
      content: "";
      display: block;
      width: 8px;
      height: 5px;
      box-sizing: border-box;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      position: absolute;
      top: 8px;
      left: -24px;
      transform: rotate(-45deg) translateY(-50%); }
/*
    クレジットカード登録画面
*/
#page_sln_edit_card {
  font-family: "Noto Sans JP"; }
#page_sln_edit_card .ec-halfInput .form_control {
    width: 280px; }
#page_sln_edit_card .col-sm-3 {
    width: auto;
    float: right;
    padding-right: 0; }
#page_sln_edit_card .col-sm-3::after {
      clear: both; }
#page_sln_edit_card .col-sm-6 div {
    color: #000; }
#page_sln_edit_card #top_box__button_menu {
    display: block;
    margin: 0 auto;
    width: auto; }
#page_sln_edit_card .no-padding {
    display: flex; }
#page_sln_edit_card .col-sm-offset-4 {
    margin-left: 0; }
#page_sln_edit_card .mypage_inner {
    margin-left: 0;
    width: 100%; }
#page_sln_edit_card .ec-mypageRole {
    padding: 0; }
#page_sln_edit_card .ec-halfInput input {
    height: 30px; }
#page_sln_edit_card .sln-scInput input {
    height: 30px; }
#page_sln_edit_card .mypage_grid {
    margin-top: 2rem; }
#page_sln_edit_card dl {
    height: 73px; }
#page_sln_edit_card dt {
    width: 200px;
    font-weight: bold;
    font-size: 14px;
    color: #000; }
#page_sln_edit_card .ec-birth {
    color: #000; }
#page_sln_edit_card .ec-birth select {
      width: 50px;
      height: 28px; }
#page_sln_edit_card .ec-birth .pull_select {
      height: 30px;
      width: 52px; }
#page_sln_edit_card #card_CardExpMonth {
    margin-left: 0; }
#page_sln_edit_card .btn_group .submit {
    padding-top: 0.5rem;
    padding-left: 3rem; }
#page_sln_edit_card .pull_select {
    margin-right: 1rem; }
#page_sln_edit_card .pull_select + .pull_select {
    margin-left: 1rem;
    width: 82px; }
#page_sln_edit_card #card_CardExpYear {
    width: 64px; }
#page_sln_edit_card .submit {
    padding-top: 0;
    padding-left: 0rem; }
#page_sln_edit_card #card_CardExpYear {
    width: 64px; }
/*
    module 修正部分
*/
/*
    利用規約
*/
#page_help_agreement .separation_title {
  padding-top: 8px; }
/*
　新規会員登録
*/
#page_entry #card_AddMem span {
  display: inline;
  color: #000; }
#page_entry input {
  height: 30px; }
#page_entry .ec-checkbox {
  text-align: center; }
#page_entry .ec-checkbox span {
    background-color: #fff;
    margin-right: 0; }
#page_entry #entry_user_policy_check {
  display: none; }
#page_entry #entry_user_policy_check + span {
    position: relative; }
#page_entry #entry_user_policy_check + span > label {
    font-weight: normal;
    position: relative;
    display: inline; }
#page_entry #entry_user_policy_check + span > label::before {
      content: "";
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 59%;
      left: -30px;
      transform: translateY(-50%);
      border: 1px solid #707070;
      cursor: pointer; }
#page_entry #entry_user_policy_check:checked + span > label::before {
    background: #000;
    border: 1px solid #000; }
#page_entry #entry_user_policy_check:checked + span > label::after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 10px;
    left: -25px;
    transform: rotate(-45deg) translateY(-50%); }
#page_entry form input {
  height: 30px;
  font-size: 12px; }
#page_entry form input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_entry form input::-moz-placeholder {
    color: #CCCCCC; }
#page_entry form input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_entry form input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_entry form input::placeholder {
    color: #CCCCCC; }
#page_entry form select {
  height: 28px;
  color: #000; }
#page_entry form select option:first-child {
  color: #CCCCCC; }
#page_entry form .input_address .form_control {
  width: auto; }
#page_entry form .ec-checkbox input {
  height: auto; }
#page_entry form label {
  height: 30px; }
#page_entry form .pull_select {
  width: auto; }
#page_entry form .pull_select select {
    font-size: 12px; }
#page_entry form #entry_sex input {
  height: auto; }
/*
    新規会員登録(確認画面)
*/
#page_entry #confirm .mypage_grid {
  margin-top: 2rem; }
/*
    新規登録完了画面
*/
#page_entry_complete #complete p {
  font-size: 14px; }
/*
    ログイン修正
*/
#page_mypage_login #login_mypage input {
  height: 40px;
  width: 300px;
  max-width: 95%;
  font-size: 14px;
  border: none; }
#page_mypage_login #login_mypage input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_mypage_login #login_mypage input::-moz-placeholder {
    color: #CCCCCC; }
#page_mypage_login #login_mypage input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_mypage_login #login_mypage input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_mypage_login #login_mypage input::placeholder {
    color: #CCCCCC; }
#page_mypage_login .form-check input {
  height: auto !important;
  width: auto !important; }
#page_mypage_login .form-check label {
  font-weight: normal; }
#page_mypage_login #login_memory {
  display: none; }
#page_mypage_login #login_memory + span {
    position: relative; }
#page_mypage_login #login_memory + span > label {
    font-weight: normal;
    position: relative; }
#page_mypage_login #login_memory + span > label::before {
      content: "";
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 50%;
      left: -29px;
      transform: translateY(-50%);
      border: 1px solid #707070;
      cursor: pointer; }
#page_mypage_login #login_memory:checked + span > label::before {
    background: #000;
    border: 1px solid #000; }
#page_mypage_login #login_memory:checked + span > label::after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 12px;
    left: -24px;
    transform: rotate(-45deg) translateY(-50%); }
#page_mypage_login .ec-errorMessage {
  color: #C10000;
  font-weight: bold; }
#page_mypage_login .submit {
  width: 160px; }
#page_mypage_login .link {
  text-decoration: underline; }
#page_mypage_login .link:before {
    width: 6px;
    height: 6px;
    left: -12px; }
#page_mypage_login .ec-login_link {
  margin-left: 1.5rem; }
/*
  パスワード再発行画面
*/
#page_forgot .submit {
  width: 160px;
  height: 40px;
  margin-top: 1rem; }
#page_forgot .mypage_grid .mail_address {
  width: 300px !important; }
#page_forgot .mypage_inner_box input {
  height: 30px;
  width: 300px !important;
  font-size: 12px; }
#page_forgot .mypage_inner_box input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_forgot .mypage_inner_box input::-moz-placeholder {
    color: #CCCCCC; }
#page_forgot .mypage_inner_box input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_forgot .mypage_inner_box input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_forgot .mypage_inner_box input::placeholder {
    color: #CCCCCC; }
/*
    パスワード再発行完了画面
*/
#page_forgot_complete .mypage_inner p {
  display: block; }
/*
    マイページ/ご注文履歴
*/
#page_mypage #mypage_index .mypage_order_inner {
  width: auto;
  display: flow-root; }
#page_mypage #mypage_index .mypage_order_inner + .mypage_order_inner {
  margin-left: 13rem; }
#page_mypage #mypage_index dt {
  width: 19rem; }
#page_mypage #mypage_index dd {
  width: auto; }
#page_mypage #mypage_index .product_item_name {
  font-size: 14px; }
#page_mypage #mypage_index .mypage_order .mypage_grid:first-child .bold {
  line-height: 3rem;
  font-size: 16px; }
#page_mypage #mypage_index .mypage_order .mypage_grid + .mypage_grid {
  height: 30px; }
#page_mypage #mypage_index .mypage_order .mypage_grid + .mypage_grid .bold {
    position: relative;
    padding-left: 1rem; }
#page_mypage #mypage_index .mypage_order .mypage_grid + .mypage_grid .bold::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0px;
      display: inline-block;
      width: 8px;
      height: 2px;
      background-color: #000; }
#page_mypage #mypage_index .bold {
  display: inline; }
#page_mypage #mypage_index .bold span {
    font-size: 14px;
    font-weight: normal; }
#page_mypage #mypage_index .status {
  width: 50px;
  height: 18px;
  font-weight: normal;
  padding-top: 1.5px;
  padding-bottom: 1.5px; }
#page_mypage #mypage_index .btn01 {
  width: 160px;
  height: 40px;
  margin-top: 1rem; }
/*
    マイページ/ご注文履歴詳細
*/
#page_mypage_history .mypage_inner_borderline {
  margin-bottom: 3rem; }
#page_mypage_history .product_item_name {
  font-weight: normal; }
#page_mypage_history .mypage_order_inner .mypage_grid:first-of-type p {
  font-size: 16px; }
#page_mypage_history .mypage_order_inner .mypage_grid span {
  font-weight: normal;
  font-size: 14px; }
#page_mypage_history .mypage_order_inner .mypage_grid + .mypage_grid {
  margin-bottom: 0;
  padding-left: 1.5rem; }
#page_mypage_history .mypage_order_inner .mypage_grid + .mypage_grid::before {
    width: 10px; }
#page_mypage_history .mypage_order_inner + .mypage_order_inner .mypage_order_product {
  margin-top: 1.5rem; }
#page_mypage_history .btn01 {
  width: 160px;
  height: 40px;
  line-height: normal; }
#page_mypage_history .link_mail:hover {
  cursor: pointer;
  color: #000;
  text-decoration: underline; }
#page_mypage_history .mypage_order_inner:nth-child(2) .separation_title {
  margin-bottom: 0; }
#page_mypage_history .mypage_order_product + .mypage_order_product {
  margin-top: 0 !important; }
#page_mypage_history .separation_title {
  padding-top: 8px;
  padding-left: 1.5rem;
  padding-bottom: 0;
  height: 30px; }
#page_mypage_history .separation_title::before {
    width: 10px; }
#page_mypage_history .button_box {
  display: block;
  margin: 0 auto; }
#page_mypage_history .button_box .submit {
    width: 100%;
    text-align: center; }
#page_mypage_history .delivery_info {
  font-weight: normal; }
#page_mypage_history .status {
  width: 50px;
  height: 18px;
  font-weight: normal;
  padding-top: 1.5px;
  padding-bottom: 1.5px; }
#page_mypage_history dd .submit {
  width: 260px;
  margin-top: 2rem; }
#page_mypage_history dd .note {
  margin-top: 0.5rem; }
#page_mypage_history .mypage_grid_order {
  padding-bottom: 1.5rem; }
#page_mypage_history .order_price label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  margin-top: 1rem; }
#page_mypage_history .order_price .order_price_p {
  margin-top: 1rem; }
#page_mypage_history .order_price .note {
  margin-top: 0; }
/*
　お気に入り一覧
*/
#page_mypage_favorite .title_p {
  margin-top: 20px;
  font-size: 12px;
  line-height: 100%;
  width: 150px; }
#page_mypage_favorite .bold {
  font-size: 12px;
  line-height: 100%; }
#page_mypage_favorite .item_icon_cross img {
  width: 30px;
  height: 30px;
  margin-left: -0.35rem;
  margin-top: 0.6rem; }
#page_mypage_favorite .item_icon_cross div {
  margin-left: 0.36rem;
  margin-top: -0.1rem; }
#page_mypage_favorite .mypage_favorite {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 1rem; }
#page_mypage_favorite .mypage_favorite .item_icon img {
    width: 200px;
    height: 200px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center; }
#page_mypage_favorite .mypage_favorite li {
    float: none;
    margin-right: 2rem;
    margin-left: 0;
    margin-top: 2rem;
    height: 250px;
    width: 200px;
    min-width: 162px; }
#page_mypage_favorite .mypage_favorite li:nth-child(2n) {
      margin-left: 0; }
.progress_state {
  margin: 0 auto; }
/*
    マイページ/会員情報編集
*/
#page_mypage_change .mypage_inner form input {
  height: 40px;
  font-size: 12px; }
#page_mypage_change .mypage_inner form dd label {
  height: 40px; }
#page_mypage_change .mypage_inner form .input_address select {
  height: 38px; }
#page_mypage_change .mypage_inner form .input_address label {
  height: 40px; }
#page_mypage_change .mypage_inner form .input_address .ec-input input, #page_mypage_change .mypage_inner form .input_address .ec-halfInput input, #page_mypage_change .mypage_inner form .input_address .ec-numberInput input, #page_mypage_change .mypage_inner form .input_address .ec-zipInput input, #page_mypage_change .mypage_inner form .input_address .ec-telInput input, #page_mypage_change .mypage_inner form .input_address .ec-select input, #page_mypage_change .mypage_inner form .input_address .ec-birth input {
  width: 600px; }
#page_mypage_change .mypage_inner form .combo_birth select {
  height: 38px; }
#page_mypage_change .mypage_inner form .combo_birth label {
  height: 40px; }
#page_mypage_change .mypage_inner form .combo_job select {
  height: 38px; }
#page_mypage_change .mypage_inner form .combo_job label {
  height: 40px; }
#page_mypage_change .mypage_inner form .input_name input {
  width: 120px; }
#page_mypage_change .mypage_inner form #entry_sex input {
  height: auto; }
#page_mypage_change .mypage_inner form .combo_job label {
  width: 280px; }
#page_mypage_change .mypage_inner form .combo_job select {
  font-size: 12px;
  width: 278px; }
#page_mypage_change .mypage_inner form .input_address label {
  width: 120px; }
#page_mypage_change .mypage_inner form .input_address select {
  width: 118px;
  font-size: 12px; }
/*
    ゲスト購入　お客様情報の入力
*/
#page_shopping_nonmember form dd input {
  height: 30px;
  font-size: 12px; }
#page_shopping_nonmember form dd input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_shopping_nonmember form dd input::-moz-placeholder {
    color: #CCCCCC; }
#page_shopping_nonmember form dd input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping_nonmember form dd input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping_nonmember form dd input::placeholder {
    color: #CCCCCC; }
#page_shopping_nonmember form dd label {
  min-width: none;
  height: 30px;
  width: 120px; }
#page_shopping_nonmember form dd select {
  min-width: none;
  font-size: 12px;
  height: 28px;
  width: 118px; }
#page_shopping_nonmember form dd #entry_sex input {
  width: auto; }
#page_shopping_nonmember form dd .ec-select .pull_select {
  width: 140px; }
#page_shopping_nonmember form dd .form_control {
  margin-right: 0.7rem; }
#page_shopping_nonmember form dd .ec-halfInput input {
  width: 120px; }
#page_shopping_nonmember form dd #nonmember_postal_code {
  width: 80px; }
#page_shopping_nonmember form dd #nonmember_company_name {
  width: 400px; }
#page_shopping_nonmember form dd #nonmember_email_first {
  width: 400px; }
#page_shopping_nonmember form dd #nonmember_phone_number {
  max-width: none;
  width: 400px; }
#page_shopping_nonmember form dd #nonmember_email_second {
  width: 400px; }
#page_shopping_nonmember form dd #nonmember_address_addr01 {
  width: 600px; }
#page_shopping_nonmember form dd #nonmember_address_addr02 {
  width: 600px; }
/*
    マイページ/お届け先一覧修正
*/
#page_mypage_delivery .btn_add {
  width: 220px;
  height: 40px;
  vertical-align: none;
  text-align: center;
  /*
        padding-left: 0;

        &::before
        {
            width: 10px;
            height: 10px;
            left: 13.4px;
            top: calc(50% - -5px);
        }

        &::after
        {
            width: 10px;
            height: 10px;
            left: 8.5px;
            top: calc(50% - -1px);
        }
        &:focus,
        &:hover
        {
            color: #ccc !important;
            border: #ccc 1px solid;
            text-decoration: none;

            &::after
            {
                border-color: #ccc;
            }

            &::before
            {
                border-color: #ccc;
            }
        }
        */ }
#page_mypage_delivery .btn01 {
  height: 40px;
  line-height: 100%; }
#page_mypage_delivery .delivery_list dl {
  display: flex;
  flex-wrap: wrap;
  height: 120px;
  border: none; }
#page_mypage_delivery .delivery_list dl:last-of-type {
    border-bottom: 1px #ccc solid; }
#page_mypage_delivery .delivery_list dl:last-of-type dt {
      border-bottom: 1px #ccc solid; }
#page_mypage_delivery .delivery_list dt {
  height: 120px;
  border: none;
  border-top: #ccc solid 1px; }
#page_mypage_delivery .delivery_list dt .item_icon_cross {
    margin-top: 3rem; }
#page_mypage_delivery .delivery_list dt:last-of-type {
    border-top: 1px #ccc solid; }
#page_mypage_delivery .delivery_list dd {
  height: auto;
  width: calc(100% - 80px);
  display: flex;
  border: none; }
#page_mypage_delivery .delivery_list dd:first-of-type {
    border-top: 1px #ccc solid; }
#page_mypage_delivery .delivery_list dd div {
    width: calc(100% - 80px);
    padding-top: 0.3rem;
    margin-top: 0;
    padding-bottom: 0.3rem; }
#page_mypage_delivery .delivery_list .btn01 {
  margin-top: 2.5rem; }
/*
    お届け先追加画面の修正
*/
#page_mypage_delivery_new form .form_table input {
  height: 30px;
  font-size: 12px; }
#page_mypage_delivery_new form .form_table input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_new form .form_table input::-moz-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_new form .form_table input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_new form .form_table input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_new form .form_table input::placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_new form .form_table .input_name input {
  width: 120px; }
#page_mypage_delivery_new form .form_table .input_name input + input {
  margin-left: 0.5rem; }
#page_mypage_delivery_new form .form_table .input_control input {
  width: 400px; }
#page_mypage_delivery_new form .form_table .input_address #customer_address_address_addr01 {
  width: 600px; }
#page_mypage_delivery_new form .form_table .input_address #customer_address_address_addr02 {
  width: 600px; }
#page_mypage_delivery_new form .form_table #customer_address_phone_number {
  width: 400px;
  max-width: none; }
#page_mypage_delivery_new form .form_table select {
  width: 118px !important;
  height: 38px;
  font-size: 14px; }
#page_mypage_delivery_new form .form_table dd label {
  width: 120px;
  height: 40px; }
#page_mypage_delivery_edit form .form_table input {
  height: 30px;
  font-size: 12px; }
#page_mypage_delivery_edit form .form_table input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_edit form .form_table input::-moz-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_edit form .form_table input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_edit form .form_table input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_edit form .form_table input::placeholder {
    color: #CCCCCC; }
#page_mypage_delivery_edit form .form_table .input_name input {
  width: 120px; }
#page_mypage_delivery_edit form .form_table .input_name input + input {
  margin-left: 0.5rem; }
#page_mypage_delivery_edit form .form_table .input_control input {
  width: 400px; }
#page_mypage_delivery_edit form .form_table .input_address #customer_address_address_addr01 {
  width: 600px; }
#page_mypage_delivery_edit form .form_table .input_address #customer_address_address_addr02 {
  width: 600px; }
#page_mypage_delivery_edit form .form_table #customer_address_phone_number {
  width: 400px;
  max-width: none; }
#page_mypage_delivery_edit form .form_table select {
  width: 118px !important;
  height: 38px;
  font-size: 14px; }
#page_mypage_delivery_edit form .form_table dd label {
  width: 120px;
  height: 40px; }
/*
 　お届け先の複数指定画面の修正
*/
#page_shopping_shipping_multiple .detail_item p {
  display: block; }
#page_shopping_shipping_multiple .mypage_grid p {
  display: block; }
#page_shopping_shipping_multiple .mypage_inner .btn_add {
  width: 200px;
  height: 40px; }
#page_shopping_shipping_multiple .detail_item {
  display: flex;
  align-items: center;
  height: 150px; }
#page_shopping_shipping_multiple .ec-AddAddress__btn .btn_add {
  width: 200px;
  height: 40px;
  line-height: 100%; }
#page_shopping_shipping_multiple .submit {
  width: 200px;
  height: 40px !important; }
#page_shopping_shipping_multiple .btn01 {
  width: 200px;
  height: 40px !important;
  line-height: 100%; }
#page_shopping_shipping_multiple .shipping_item .pull_select {
  width: 500px;
  height: 30px; }
#page_shopping_shipping_multiple .shipping_item input {
  height: 30px;
  width: 50px; }
#page_shopping_shipping_multiple .shipping_item select {
  height: 28px;
  width: 495px; }
#page_shopping_shipping_multiple .shipping_item .quantity {
  padding-left: 0.8rem; }
#page_shopping_shipping_multiple .icon_item_cross {
  position: relative; }
#page_shopping_shipping_multiple .icon_item_cross::after {
    content: "";
    position: absolute;
    border: 1px #fff solid;
    width: 18px;
    top: 16px;
    transform: rotate(45deg) translateY(-100%);
    left: 5px; }
#page_shopping_shipping_multiple .icon_item_cross::before {
    content: "";
    position: absolute;
    border: 1px #fff solid;
    width: 18px;
    top: 16px;
    transform: rotate(-45deg) translateY(-100%);
    left: 8px; }
/*
　退会手続き画面の修正
*/
#page_mypage_withdraw p {
  font-weight: normal; }
#page_mypage_withdraw h4 {
  color: #000; }
#page_mypage_withdraw_complete h4 {
  margin-top: 0; }
/*
 　ショッピングカート/ログイン画面
*/
#page_shopping_login #login_memory {
  display: none; }
#page_shopping_login #login_memory + span {
    position: relative; }
#page_shopping_login #login_memory + span > label {
    font-weight: normal;
    position: relative; }
#page_shopping_login #login_memory + span > label::before {
      content: "";
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 50%;
      left: -29px;
      transform: translateY(-50%);
      border: 1px solid #707070;
      cursor: pointer; }
#page_shopping_login #login_memory:checked + span > label::before {
    background: #000;
    border: 1px solid #000; }
#page_shopping_login #login_memory:checked + span > label::after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 12px;
    left: -24px;
    transform: rotate(-45deg) translateY(-50%); }
#page_shopping_login a:hover {
  color: #000; }
#page_shopping_login .mypage_inner_box_col2 p {
  font-weight: normal;
  font-size: 14px; }
#page_shopping_login .mypage_inner_box_col2 p span {
    font-size: 14px; }
#page_shopping_login .mypage_inner_box_col2 input {
  font-size: 12px;
  height: 30px;
  width: 300px; }
#page_shopping_login .mypage_inner_box_col2 input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_shopping_login .mypage_inner_box_col2 input::-moz-placeholder {
    color: #CCCCCC; }
#page_shopping_login .mypage_inner_box_col2 input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping_login .mypage_inner_box_col2 input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping_login .mypage_inner_box_col2 input::placeholder {
    color: #CCCCCC; }
#page_shopping_login .mypage_inner_box_col2 input + input {
  margin-top: 1rem;
  margin-bottom: 2rem; }
#page_shopping_login .mypage_inner_box_col2 .submit {
  width: 160px;
  height: 40px; }
#page_shopping_login .mypage_inner_box_col2 .ec-errorMessage {
  color: #C10000;
  font-weight: bold; }
#page_shopping_login .mypage_inner_box_col2 .submit {
  width: 160px;
  height: 40px; }
#page_shopping_login .mypage_inner_box_col2 .link {
  text-decoration: underline; }
#page_shopping_login .mypage_inner_box_col2 .link:before {
    width: 6px;
    height: 6px;
    left: -12px; }
#page_shopping_login .mypage_inner_box_col2 .ec-login_link {
  margin-left: 1.5rem; }
/*
    ショッピングカート/カートの商品
*/
#page_cart .item_icon_cross {
  margin-left: 23px; }
#page_cart .table_thead ul li:nth-child(2) {
  width: 73.5%; }
#page_cart .table_body ul li:nth-child(2) {
  width: 73.5%; }
#page_cart .item_icon_cross {
  position: relative;
  margin: 0 auto; }
#page_cart .delivery_detail_item p {
  border-top: none !important;
  font-weight: bold; }
#page_cart .delivery_detail_item p:first-child {
    font-weight: normal; }
#page_cart .btn01 {
  width: 160px;
  height: 40px; }
#page_cart .submit {
  width: 160px;
  height: 40px; }
/*
    ショッピングカート/ご注文手続き
*/
#page_shopping .delivery_detail_item {
  display: flex;
  justify-content: center;
  align-items: center; }
#page_shopping .delivery_detail_item p {
    border-top: none !important; }
#page_shopping .note {
  font-weight: normal; }
#page_shopping .cart_order_delivery_detail_address p {
  font-weight: normal; }
#page_shopping .item_img {
  width: 120px;
  height: 120px; }
#page_shopping .cart_order_inner_change .btn01 {
  height: 40px;
  line-height: 100%; }
#page_shopping .cart_order_delivery_detail_address_detail select {
  font-size: 12px;
  height: 28px;
  width: 95px; }
#page_shopping .cart_order_delivery_detail_address_detail #shopping_order_Shippings_0_Delivery {
  width: 145px; }
#page_shopping .cart_order_delivery_detail_address_detail label {
  height: 30px;
  width: 100px; }
#page_shopping .cart_order_delivery_detail_address_detail .pull_del {
  margin-left: 0;
  width: 150px; }
#page_shopping .cart_order_delivery_detail_item {
  display: flex; }
#page_shopping .delivery_detail_item p:first-child {
  font-weight: normal; }
#page_shopping .select_date_info {
  margin-left: 0; }
#page_shopping .select_time_info {
  margin-left: 0; }
#page_shopping .delivery_info_title {
  width: 70px !important;
  margin-right: 0.5rem; }
#page_shopping .mypage_order_inner {
  border-bottom: 1px #ccc solid;
  padding-bottom: 1rem; }
#page_shopping textarea {
  font-size: 12px; }
#page_shopping textarea::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_shopping textarea::-moz-placeholder {
    color: #CCCCCC; }
#page_shopping textarea:-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping textarea::-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping textarea::placeholder {
    color: #CCCCCC; }
#page_shopping .mypage_order_inner:last-of-type {
  border-bottom: none; }
#page_shopping .submit {
  width: 260px;
  height: 40px; }
#page_shopping .btn01 {
  width: 260px;
  height: 40px; }
#page_shopping dd p {
  line-height: normal !important; }
/*
    マイページ/ ご注文確認画面の修正
*/
#page_shopping_confirm .mypage_order_detail dt {
  width: calc(100% - 350px - 2rem); }
#page_shopping_confirm .mypage_order_detail dt img {
    width: 120px;
    height: 120px; }
#page_shopping_confirm .delivery_detail_item {
  display: flex;
  justify-content: center;
  align-items: center; }
#page_shopping_confirm .delivery_detail_item p {
    border-top: none !important;
    font-weight: bold; }
#page_shopping_confirm .delivery_detail_item p:first-child {
      font-weight: normal; }
#page_shopping_confirm .cart_order_delivery_detail_item {
  display: flex; }
#page_shopping_confirm .cart_order_delivery_detail_item img {
    width: 120px;
    height: 120px; }
#page_shopping_confirm .submit {
  width: 260px;
  height: 40px;
  margin-left: 0 !important; }
#page_shopping_confirm .btn01 {
  width: 260px;
  height: 40px;
  margin-left: 0 !important; }
/*
    購入エラー画面
*/
#page_shopping_error .ec-off4Grid__cell {
  width: auto;
  margin: 0 auto; }
#page_shopping_shipping .btn_add {
  width: 220px;
  height: 40px;
  vertical-align: none;
  text-align: center;
  line-height: calc(3.5rem - 9.5px);
  /*
        padding-left: 0;

        &::before
        {
            width: 10px;
            height: 10px;
            left: 13.4px;
            top: calc(50% - -5px);
        }

        &::after
        {
            width: 10px;
            height: 10px;
            left: 8.5px;
            top: calc(50% - -1px);
        }

        &:hover
        {
            color: #ccc;
            border: #ccc 1px solid;

            &::after
            {
                border-color: #ccc;
            }

            &::before
            {
                border-color: #ccc;
            }
        }
        */ }
#page_shopping_shipping .submit {
  width: 200px;
  height: 40px; }
#page_shopping_shipping .btn01 {
  width: 200px;
  height: 40px;
  line-height: 100%;
  text-align: center; }
#page_shopping_shipping .btn_add:hover {
  text-decoration: none; }
#page_shopping_shipping dd {
  width: calc(100% - 80px); }
#page_shopping_shipping .form_control {
  margin-top: 0;
  margin-left: 0; }
#page_shopping_shipping dt .form_control {
  margin-top: 3.4rem;
  margin-left: 2rem; }
/*
    カート画面からお届け先画面追加
*/
#page_shopping_shipping_edit form .form_table input,
#page_shopping_shipping_multiple_edit form .form_table input {
  height: 30px;
  font-size: 12px; }
#page_shopping_shipping_edit form .form_table input::-webkit-input-placeholder,
  #page_shopping_shipping_multiple_edit form .form_table input::-webkit-input-placeholder {
    color: #CCCCCC; }
#page_shopping_shipping_edit form .form_table input::-moz-placeholder,
  #page_shopping_shipping_multiple_edit form .form_table input::-moz-placeholder {
    color: #CCCCCC; }
#page_shopping_shipping_edit form .form_table input:-ms-input-placeholder,
  #page_shopping_shipping_multiple_edit form .form_table input:-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping_shipping_edit form .form_table input::-ms-input-placeholder,
  #page_shopping_shipping_multiple_edit form .form_table input::-ms-input-placeholder {
    color: #CCCCCC; }
#page_shopping_shipping_edit form .form_table input::placeholder,
  #page_shopping_shipping_multiple_edit form .form_table input::placeholder {
    color: #CCCCCC; }
#page_shopping_shipping_edit form .form_table .input_name input,
#page_shopping_shipping_multiple_edit form .form_table .input_name input {
  width: 140px; }
#page_shopping_shipping_edit form .form_table .input_name input + input,
#page_shopping_shipping_multiple_edit form .form_table .input_name input + input {
  margin-left: 0.5rem; }
#page_shopping_shipping_edit form .form_table .input_control input,
#page_shopping_shipping_multiple_edit form .form_table .input_control input {
  width: 400px; }
#page_shopping_shipping_edit form .form_table .input_address #shopping_shipping_address_addr01,
#page_shopping_shipping_multiple_edit form .form_table .input_address #shopping_shipping_address_addr01 {
  width: 600px; }
#page_shopping_shipping_edit form .form_table .input_address #shopping_shipping_address_addr02,
#page_shopping_shipping_multiple_edit form .form_table .input_address #shopping_shipping_address_addr02 {
  width: 600px; }
#page_shopping_shipping_edit form .form_table #shopping_shipping_phone_number,
#page_shopping_shipping_multiple_edit form .form_table #shopping_shipping_phone_number {
  width: 400px;
  max-width: none; }
#page_shopping_shipping_edit form .form_table select,
#page_shopping_shipping_multiple_edit form .form_table select {
  width: 138px !important;
  height: 28px;
  font-size: 12px; }
#page_shopping_shipping_edit form .form_table dd label,
#page_shopping_shipping_multiple_edit form .form_table dd label {
  width: 140px;
  height: 30px; }
/*
  パスワード再発行画面
*/
#page_forgot_reset .btn_control {
  display: block; }
#page_forgot_reset dt {
  font-size: 14px;
  color: #000; }
#page_forgot_reset dd input {
  font-size: 12px;
  height: 30px;
  width: 400px; }
#page_forgot_reset dd input::-webkit-input-placeholder {
    color: #ccc; }
#page_forgot_reset dd input::-moz-placeholder {
    color: #ccc; }
#page_forgot_reset dd input:-ms-input-placeholder {
    color: #ccc; }
#page_forgot_reset dd input::-ms-input-placeholder {
    color: #ccc; }
#page_forgot_reset dd input::placeholder {
    color: #ccc; }
#page_forgot_reset .ec-input + .ec-input, #page_forgot_reset .ec-halfInput + .ec-input, #page_forgot_reset .ec-numberInput + .ec-input, #page_forgot_reset .ec-zipInput + .ec-input, #page_forgot_reset .ec-telInput + .ec-input, #page_forgot_reset .ec-select + .ec-input, #page_forgot_reset .ec-birth + .ec-input, #page_forgot_reset .ec-input + .ec-halfInput, #page_forgot_reset .ec-halfInput + .ec-halfInput, #page_forgot_reset .ec-numberInput + .ec-halfInput, #page_forgot_reset .ec-zipInput + .ec-halfInput, #page_forgot_reset .ec-telInput + .ec-halfInput, #page_forgot_reset .ec-select + .ec-halfInput, #page_forgot_reset .ec-birth + .ec-halfInput, #page_forgot_reset .ec-input + .ec-numberInput, #page_forgot_reset .ec-halfInput + .ec-numberInput, #page_forgot_reset .ec-numberInput + .ec-numberInput, #page_forgot_reset .ec-zipInput + .ec-numberInput, #page_forgot_reset .ec-telInput + .ec-numberInput, #page_forgot_reset .ec-select + .ec-numberInput, #page_forgot_reset .ec-birth + .ec-numberInput, #page_forgot_reset .ec-input + .ec-zipInput, #page_forgot_reset .ec-halfInput + .ec-zipInput, #page_forgot_reset .ec-numberInput + .ec-zipInput, #page_forgot_reset .ec-zipInput + .ec-zipInput, #page_forgot_reset .ec-telInput + .ec-zipInput, #page_forgot_reset .ec-select + .ec-zipInput, #page_forgot_reset .ec-birth + .ec-zipInput, #page_forgot_reset .ec-input + .ec-telInput, #page_forgot_reset .ec-halfInput + .ec-telInput, #page_forgot_reset .ec-numberInput + .ec-telInput, #page_forgot_reset .ec-zipInput + .ec-telInput, #page_forgot_reset .ec-telInput + .ec-telInput, #page_forgot_reset .ec-select + .ec-telInput, #page_forgot_reset .ec-birth + .ec-telInput, #page_forgot_reset .ec-input + .ec-select, #page_forgot_reset .ec-halfInput + .ec-select, #page_forgot_reset .ec-numberInput + .ec-select, #page_forgot_reset .ec-zipInput + .ec-select, #page_forgot_reset .ec-telInput + .ec-select, #page_forgot_reset .ec-select + .ec-select, #page_forgot_reset .ec-birth + .ec-select, #page_forgot_reset .ec-input + .ec-birth, #page_forgot_reset .ec-halfInput + .ec-birth, #page_forgot_reset .ec-numberInput + .ec-birth, #page_forgot_reset .ec-zipInput + .ec-birth, #page_forgot_reset .ec-telInput + .ec-birth, #page_forgot_reset .ec-select + .ec-birth, #page_forgot_reset .ec-birth + .ec-birth {
  margin-top: 1rem; }
#page_forgot_reset .submit {
  margin: 0 auto;
  display: block; }
/*
    404画面
*/
.error_content .ec-off4Grid__cell {
  display: table-cell;
  vertical-align: middle; }
.error_content .ec-off4Grid__cell p {
    color: #000; }
.error_content .ec-off4Grid__cell .ec-404Role__description {
    font-size: 14px; }
.error_content .ec-404Role {
  display: table;
  background-color: #fff; }
.error_content .ec-reportHeading {
  border: none; }
.error_content .ec-404Role__icon img {
  width: 100%;
  height: auto;
  max-width: 300px;
  max-height: 100%; }
.error_content .ec-404Role__title {
  color: #000;
  font-size: 24px;
  margin-top: 2rem;
  margin-bottom: 2rem; }
.error_content .btn01 {
  top: auto;
  width: 11rem; }
/*
　ゲスト購入/ショッピングカートお客様情報変更部分の修正
*/
#page_shopping .non-customer-edit input {
  height: 30px;
  font-size: 12px; }
#page_shopping .non-customer-edit .input_name {
  margin-top: 1.3rem; }
#page_shopping .non-customer-edit dt {
  margin-right: 0; }
#page_shopping .mod-button .submit {
  margin-left: 0 !important; }
#page_shopping #customer {
  padding-left: 0; }
#page_shopping .cart_order_inner_change {
  position: absolute;
  right: 0;
  top: 0; }
#page_shopping .cart_order_inner_change .btn01 {
    float: none; }
/*
　ショッピングアラート
*/
.ec-alert-warning {
  margin-top: 2rem;
  background-color: #fff;
  border: 1px solid #C10000; }
.ec-alert-warning .ec-alert-warning__text {
    color: #C10000;
    text-align: center; }
/*
  新規登録完了画面
*/
#page_entry_activate {
  margin-top: 2rem !important; }
#page_entry_activate p {
    display: block; }
#page_entry_activate #mypage_grid_complete {
    margin-top: 2rem; }
/*
共通パーツ
*/
.ec-select label {
  width: 100%;
  margin: 0;
  padding: 0; }
.pull_select select {
  width: 100%; }
.easing_scale:hover img {
  transform: scale(1.05) !important; }
.easing_scale > div {
  overflow: hidden; }
.easing_scale img {
  transition-duration: 0.5s !important;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  transition-delay: 0;
  transition-property: transform !important; }
select::-ms-expand {
  display: none; }
/*
トップページ
*/
#page_homepage .top_more_link {
  position: relative;
  display: block;
  color: #000;
  border: 1px solid #000;
  font-family: "Noto Sans JP",sans-serif;
  height: auto;
  line-height: 18px;
  padding: 0 0.8rem 0  1rem;
  text-decoration: none;
  font-weight: 100; }
#page_homepage .top_more_link::before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 6px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 6px;
    height: 6px;
    transform: rotate(-135deg); }
#page_homepage .top_more_link.top_more_link_right {
    right: 0; }
#page_homepage .homepage_section {
  margin-bottom: 4rem;
  position: relative; }
#page_homepage .homepage_section a.top_more_link {
    position: absolute;
    top: 21px;
    right: 75px; }
#page_homepage .homepage_section a.top_more_link.top_more_link_right {
      right: 0; }
#page_homepage .txtbox {
  background: #EFEFEF;
  padding: 2.5rem 2rem; }
#page_homepage .txtbox .txtbox_section {
    margin-bottom: 1.1rem; }
#page_homepage .txtbox > h4 {
    font-family: "Noto Sans JP",sans-serif;
    font-size: 24px;
    text-align: center;
    font-weight: 400; }
#page_homepage .txtbox > ol {
    list-style-type: none;
    padding: 0;
    padding-left: 0.6rem; }
#page_homepage .txtbox > ol > li {
      counter-increment: cnt; }
#page_homepage .txtbox > ol > li::before {
        display: inline-block;
        content: counter(cnt);
        background: black;
        width: 18px;
        color: #fff;
        text-align: center;
        border-radius: 2000px;
        height: 18px;
        line-height: 18px;
        vertical-align: middle;
        margin-right: 10px; }
#page_homepage .top_product_view_slides .page_arrow.back_page {
  right: 2.5rem; }
#page_homepage .top_product_view_slides .page_arrow.next_page {
  right: 0; }
#page_homepage .top_product_view_slides .top_product_view_sliders > div {
  overflow: hidden;
  padding: 0; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li {
  margin-right: 20px; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a {
    outline: none;
    width: 200px;
    display: block;
    color: #000;
    text-decoration: none; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a .slick-slide_item-image {
      width: 100%;
      position: relative; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a .product_list_tag {
      position: absolute;
      top: 0;
      right: 0; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a .product_list_tag > label {
        background: #ff0000;
        padding: 0 0.4rem;
        color: #fff;
        margin: 0;
        font-weight: 100;
        font-size: 12px;
        vertical-align: top;
        line-height: 20px;
        font-family: "Noto Sans JP",sans-serif;
        float: right; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a p {
      font-size: 12px; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a p.outline {
        text-decoration: line-through; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a p.discount {
        color: #FF0040;
        font-size: 14px; }
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a p.discount > span.discount_rate {
          padding-right: 1rem; }
#page_homepage .top_product_links .top_product_links_txt {
  margin-bottom: 2.5rem; }
#page_homepage .top_product_links .top_product_links_txt a {
    color: inherit; }
#page_homepage .top_product_links .top_product_links_img {
  margin-bottom: 2.5rem; }
#page_homepage .top_product_links .top_product_links_img > a {
    float: left;
    width: 33.3%;
    position: relative;
    display: block;
    overflow: hidden; }
#page_homepage .top_product_links .top_product_links_img > a > img {
      width: 100%;
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_homepage .top_product_links .top_product_links_img > a:hover > img {
      transform: scale(1.05); }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      padding: 0;
      text-align: center;
      color: #fff;
      background: rgba(0, 0, 0, 0.6); }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div {
        padding: 0;
        position: absolute;
        top: 50%;
        z-index: 0;
        width: 100%;
        transform: translate(0, -50%); }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span {
          display: block;
          font-weight: normal;
          font-size: 16px;
          line-height: 100%; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span.top_product_links_img_txt_title {
            font-family: "Noto Sans JP",sans-serif;
            font-size: 28px; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span.top_more_link {
            display: inline-block;
            font-size: 14px;
            color: #fff;
            border: 1px solid #fff;
            width: auto;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            line-height: 18px; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span.top_more_link::before {
              border-left: #fff 1px solid;
              border-bottom: #fff 1px solid; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span + span {
            margin-top: 1.0rem; }
#page_homepage .top_product_links .top_product_links_img::after {
    display: block;
    content: "";
    clear: both; }
#page_homepage .top_brand_links .txtbox > ul {
  list-style: none;
  padding: 0;
  font-size: 0; }
#page_homepage .top_brand_links .txtbox > ul > li {
    width: 16.6%;
    display: inline-block; }
#page_homepage .top_brand_links .txtbox > ul > li > a {
      display: block;
      margin: 0 15px 30px; }
#page_homepage .top_brand_links .txtbox > ul > li > a > img {
        width: 100%; }
#page_homepage .top_news_list .news__title {
  font-size: 1.4rem;
  margin-top: 3.5rem;
  margin-bottom: 2rem;
  font-weight: bold; }
#page_homepage .top_news_list .news_list {
  list-style: none;
  padding-left: 0;
  border-bottom: #ccc 1px solid; }
#page_homepage .top_news_list .news_list img {
    display: inline;
    width: 200px;
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
    transition-duration: 0.5s; }
#page_homepage .top_news_list .news_list a {
    text-decoration: none;
    display: block;
    padding: 1.4rem 0 .8rem;
    transition: all 0.3s ease 0s; }
#page_homepage .top_news_list .news_list div {
    display: inline-block; }
#page_homepage .top_news_list .news_list li {
    border-top: #ccc 1px solid;
    position: relative; }
#page_homepage .top_news_list .news_list .news_info {
    display: inline-block;
    margin-left: 1.5rem;
    position: absolute; }
#page_homepage .top_news_list .news_list .news_info_child {
    display: block;
    margin-bottom: .4rem; }
#page_homepage .top_news_list .news_list .news_info_child p {
      display: inline;
      font-size: 12px;
      color: #000;
      margin-right: 0.5rem; }
#page_homepage .top_news_list .news_list .news_info_child label {
      display: inline;
      background-color: #A7A7A7;
      color: #fff;
      padding: 0 0.5rem;
      font-weight: normal;
      border-radius: 4px;
      padding-bottom: 0.1rem;
      font-size: 0.8rem; }
#page_homepage .top_news_list .news_list .news_title {
    display: block; }
#page_homepage .top_news_list .news_list .news_title h3 {
      font-family: "Noto Sans JP",sans-serif;
      font-weight: bold;
      color: #000;
      display: inline;
      font-size: 1.2rem; }
#page_homepage .top_news_list .notfound_news {
  font-weight: bold; }
#page_homepage .top_main_slides .main_visual.pc {
  display: block; }
#page_homepage .top_main_slides .main_visual.sp {
  display: none;
  width: calc(100% + 40px);
  margin-left: -20px; }
/*
ヘッダー
*/
header.global_header::after {
  content: "";
  display: block;
  clear: both; }
header.global_header .global_header_inner .header_section {
  display: none; }
/*
商品一覧
*/
#page_product_list .ec-searchnavRole .nav_control {
  background-color: #EFEFEF;
  vertical-align: middle;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem; }
#page_product_list .ec-searchnavRole .nav_control .pull {
    margin-left: 3rem;
    display: inline; }
#page_product_list .ec-searchnavRole .nav_control .pull label {
      font-family: "Noto Sans JP",sans-serif;
      font-weight: normal;
      margin-bottom: 0;
      font-size: 1.1rem; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select {
      margin-left: 2rem;
      width: 200px; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select select {
        padding-left: 4px;
        width: 198px;
        outline: none; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select select.form-control {
          height: auto; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select.pull_disabled {
        background-color: #ccc; }
#page_product_list .ec-searchnavRole__infos {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 2rem;
  margin-bottom: 2rem; }
#page_product_list .ec-searchnavRole__actions > div {
  float: left;
  text-align: right; }
#page_product_list .ec-searchnavRole__actions > div {
  margin-left: 20px; }
#page_product_list .ec-searchnavRole__counter {
  float: left; }
#page_product_list .ec-searchnavRole__actions {
  float: right; }
#page_product_list .ec-searchnavRole__actions > .ec-select {
    width: 200px; }
#page_product_list .ec-searchnavRole__actions > .ec-select > label.pull_disp_num {
      width: 60px; }
#page_product_list .ec-searchnavRole__actions > .ec-select > label.pull_orderby {
      width: 135px; }
#page_product_list .ec-searchnavRole__actions .form-check {
    margin-top: 5px; }
#page_product_list .ec-searchnavRole__actions label {
  font-weight: 100;
  vertical-align: top;
  margin: 0; }
#page_product_list .ec-searchnavRole__actions input {
  margin: 0px; }
/*
コンタクト
*/
#page_contact .ec-checkbox {
  text-align: center; }
#page_contact .ec-checkbox input#contact_user_privacy_check {
    vertical-align: text-top; }
#page_contact .ec-checkbox span.ec-required {
    float: none;
    line-height: 22px;
    vertical-align: text-top;
    margin: 0;
    height: auto;
    margin-left: 0.5rem; }
#page_contact .ec-checkbox .ec-errorMessage {
    text-align: center; }
/*
* ページトップ
*/
.globalFooter_pagetop {
  transition: all .2s ease-in-out 0s;
  transform: translateY(100px);
  visibility: hidden;
  position: fixed;
  bottom: -2rem;
  right: 30px;
  opacity: 0;
  position: fixed;
  transform: rotate(90deg);
  transform-origin: right bottom; }
.globalFooter_pagetop.globalFooter_pagetop-show {
    visibility: visible;
    opacity: 1;
    bottom: 0; }
.globalFooter_pagetop > a {
    font-family: "Noto Sans JP",sans-serif;
    transition: all .2s ease-in-out 0s;
    text-decoration: underline;
    transition: all .2s ease-in-out 0s;
    display: block;
    font-family: "Noto Sans JP",sans-serif;
    line-height: 1;
    letter-spacing: .08em;
    white-space: nowrap;
    transition: all .2s ease-in-out 0s;
    color: #000;
    text-decoration: underline;
    transition: all .2s ease-in-out 0s;
    font-size: 12px;
    text-decoration: none;
    border: none;
    font-weight: 500;
    padding: 10px;
    margin: 0; }
.globalFooter_pagetop > a::before {
      display: inline-block;
      content: "";
      border-bottom: 1px solid #000;
      border-left: 1px solid #000;
      width: 6px;
      height: 6px;
      transform: 0;
      margin-right: 10px;
      margin-top: 0px;
      transform: rotate(45deg);
      margin-bottom: 0px; }
.globalFooter_pagetop > a > span {
      padding-left: 2px; }
/*
商品詳細
*/
#page_product_detail .product_detail_forms .product_detail_select_options_table .ec-select > label.pull_select {
  height: 30px; }
#page_product_detail .product_detail_forms .product_detail_select_options_table .ec-select > label.pull_select > select {
    height: 28px; }
#page_product_detail .related_product_list .related_product_view_sliders li.item.slick-slide {
  padding: 0;
  width: 200px;
  margin-right: 20px; }
#page_product_detail .related_product_list .related_product_view_sliders .slide-arrow {
  top: 27px; }
#page_product_detail .related_product_list .more_link {
  top: 28px; }
#page_product_detail .related_product_list .slick-slide > a {
  text-decoration: none;
  color: #000; }
#page_product_detail .related_product_list .slick-slide > a p.outline {
    text-decoration: line-through; }
#page_product_detail .related_product_list .slick-slide > a p.discount.bold {
    color: #FF0040; }
#page_product_detail .related_product_list .slick-slide > a .slick-slide_item-image {
    position: relative; }
#page_product_detail .related_product_list .slick-slide > a .slick-slide_item-image > img {
      width: 100%;
      height: auto;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: top;
         object-position: top; }
#page_product_detail .related_product_list .slick-slide > a .slick-slide_item-image > .product_list_tag.clearfix {
      position: absolute;
      top: 0;
      right: 0; }
#page_product_detail .related_product_list .slick-slide > a .slick-slide_item-image > .product_list_tag.clearfix > label {
        background: #ff0000;
        padding: 0 0.4rem;
        color: #fff;
        margin: 0;
        font-weight: 400;
        font-size: 10px;
        vertical-align: top;
        line-height: 20px;
        font-family: "Noto Sans JP",sans-serif; }
#page_product_detail .related_product_list .slick-slide > a .slick-slide_item-image > .product_list_tag.clearfix > label + label {
          margin: 0;
          margin-left: 0.4rem; }
#page_product_detail #product_review_area {
  border-top: none; }
#page_product_detail #product_review_area .ec-role {
    max-width: none; }
#page_product_detail .remodal.ec-modal-product-img {
  width: 40vw;
  max-width: none;
  background: transparent; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slick-slide img {
    height: 40vw;
    width: 40vw;
    -o-object-fit: contain;
       object-fit: contain; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow {
    display: block;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 50%;
    bottom: 50%;
    margin: auto;
    cursor: pointer; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow::before {
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
      content: "";
      display: block;
      position: absolute;
      width: 33px;
      height: 33px;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 2; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.prev-arrow {
      left: -60px; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.prev-arrow::before {
        transform: rotate(45deg);
        left: 20px; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.next-arrow {
      right: -60px;
      left: auto; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.next-arrow::before {
        left: 5px;
        transform: rotate(225deg); }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slick-dots li button::before {
    background: #d0d0d0;
    opacity: 1;
    width: 7px;
    height: 7px; }
#page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slick-dots li.slick-active button::before {
    background: #000;
    opacity: 1; }
#page_product_detail .remodal.ec-modal-product-img a.item-icon-cross {
    width: 30px;
    height: 30px;
    background: #000;
    display: block;
    position: absolute;
    border-radius: 30px;
    cursor: pointer;
    z-index: 2;
    left: auto;
    right: -15px;
    top: -15px; }
#page_product_detail .remodal.ec-modal-product-img a.item-icon-cross::before, #page_product_detail .remodal.ec-modal-product-img a.item-icon-cross::after {
      width: 15px;
      height: 1px;
      background: #fff;
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      bottom: auto;
      border-top: 1px solid #fff;
      left: 50%;
      right: auto;
      margin: auto; }
#page_product_detail .remodal.ec-modal-product-img a.item-icon-cross::before {
      transform: translate(-50%, -50%) rotate(-45deg); }
#page_product_detail .remodal.ec-modal-product-img a.item-icon-cross::after {
      transform: translate(-50%, -50%) rotate(45deg); }
#page_product_detail .item_visual .slide-item.slick-slide.slick-current.slick-active {
  position: relative; }
#page_product_detail .item_visual .slide-item.slick-slide.slick-current.slick-active::before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../imgs/expansion.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    pointer-events: none;
    background-color: #fff; }
#page_product_detail a.item-icon-cross {
  width: 30px;
  height: 30px;
  background: #000;
  display: block;
  position: absolute;
  border-radius: 30px;
  cursor: pointer;
  z-index: 2;
  left: auto;
  right: -15px;
  top: -15px; }
#page_product_detail a.item-icon-cross::before, #page_product_detail a.item-icon-cross::after {
    width: 15px;
    height: 1px;
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    border-top: 1px solid #fff;
    left: 50%;
    right: auto;
    margin: auto; }
#page_product_detail a.item-icon-cross::before {
    transform: translate(-50%, -50%) rotate(-45deg); }
#page_product_detail a.item-icon-cross::after {
    transform: translate(-50%, -50%) rotate(45deg); }
/* TOP */
#page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a .product_list_tag > label {
  padding: 0 3px;
  font-size: 10px;
  line-height: 15px;
  margin-left: 1px; }
#page_homepage .top_news_list .news_list img {
  width: 120px;
  height: 75px; }
#page_homepage .top_news_list .news_list .news_info_child {
  margin-bottom: 0; }
#page_homepage .top_news_list .news_list .news_info_child label {
    font-size: 10px; }
#page_homepage .top_news_list .news_list .news_title h3 {
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 0; }
#page_homepage .top_product_links .top_product_links_img > a {
  transition: all 0.3s ease 0s; }
#page_homepage .top_product_links .top_product_links_img > a:hover > .top_product_links_img_txt > div > .top_more_link {
    background: #fff;
    color: #000;
    transition: all 0.3s ease 0s; }
#page_homepage .top_product_links .top_product_links_img > a:hover > .top_product_links_img_txt > div > .top_more_link::before {
      border-left: 1px solid #000;
      border-bottom: 1px solid #000; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span.top_product_links_img_txt_title {
    font-size: 22px; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span {
    font-size: 12px; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span + span {
      margin-top: 3px; }
#page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span.top_more_link {
    margin-top: 12px; }
#page_homepage .txtbox {
  padding: 22px; }
#page_homepage .txtbox > h4 {
    text-align: left;
    margin-top: 0; }
#page_homepage .txtbox > ol > li {
    margin: 2px 0; }
#page_homepage .txtbox > ol > li:before {
      font-size: 12px;
      line-height: 18px;
      margin-top: -5px;
      width: 20px;
      height: 20px; }
#page_homepage .txtbox .text_bold {
    font-weight: bold; }
#page_homepage .top_brand_links .txtbox {
  padding: 22px 12px 12px; }
#page_homepage .top_brand_links .txtbox > h4 {
    text-align: center; }
#page_homepage .top_brand_links .txtbox > ul > li > a {
    margin: 0px 10px 20px; }
#page_homepage .top_instagram .txtbox > h4 {
  text-align: center; }
#page_homepage .top_instagram .txtbox .slick-slide_item-image > img {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover; }
#page_homepage .top_product_links.top_complete_skateboard .top_product_links_img > a .top_product_links_img_txt {
  background: transparent; }
#page_product_list .ec-searchnavRole .nav_control .pull {
  margin-left: 1.6rem; }
#page_product_list .ec-searchnavRole .nav_control .pull label {
    color: #000; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select {
    margin-left: 1.5rem;
    width: 160px; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select select {
      padding-left: 4px;
      width: 158px;
      outline: none;
      font-size: 10px;
      height: 25px; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select select.form-control {
        height: 25px; }
#page_product_list .ec-searchnavRole .nav_control .pull .pull_select select.form-control:hover, #page_product_list .ec-searchnavRole .nav_control .pull .pull_select select.form-control:focus {
          box-shadow: none; }
#page_product_list .ec-searchnavRole__actions .form-check {
  margin-top: 0px; }
/*
商品詳細関連商品
*/
.related_product_list {
  margin-top: 80px;
  position: relative;
  overflow: hidden; }
.related_product_list h3.section_title {
    font-size: 20px;
    font-weight: normal;
    line-height: 100%;
    padding-bottom: 35px;
    margin: 0;
    border-top: 2px solid #000;
    padding-top: 25px; }
.related_product_list .more_link {
    position: absolute;
    top: 21px;
    right: 75px;
    display: block;
    color: #000;
    border: 1px solid #000;
    font-family: "Noto Sans JP",sans-serif;
    height: auto;
    line-height: 18px;
    padding: 0 0.8rem 0 1rem;
    text-decoration: none;
    font-weight: 100;
    transition: all 0.3s ease 0s; }
.related_product_list .more_link::before {
      content: "";
      display: block;
      position: absolute;
      left: 1px;
      top: 6px;
      border-left: 1px solid #000;
      border-bottom: 1px solid #000;
      width: 6px;
      height: 6px;
      transform: rotate(-135deg); }
.related_product_list .more_link:hover {
      background: #000;
      color: #fff; }
.related_product_list .more_link:hover::before {
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff; }
.related_product_list button.page_arrow {
    transition: all 0.3s ease 0s;
    text-decoration: none;
    background-color: #000000;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    padding: 0;
    position: absolute;
    top: 20px;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer; }
.related_product_list button.page_arrow:hover {
      background-color: #999; }
.related_product_list button.page_arrow.back_page {
      right: 2.5rem; }
.related_product_list button.page_arrow.back_page::before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        position: absolute;
        left: 7px;
        top: calc(50% - 1px);
        border-bottom: solid 1px #fff;
        border-left: solid 1px #fff;
        transform: rotate(45deg) translateY(-50%);
        color: #fff; }
.related_product_list button.page_arrow.back_page::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 1px;
        top: calc(50% - 10px);
        border: solid 1px #fff;
        border-radius: 100%;
        color: #fff; }
.related_product_list button.page_arrow.next_page {
      right: 0; }
.related_product_list button.page_arrow.next_page::before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        position: absolute;
        left: 5px;
        top: calc(50% - 1px);
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        transform: rotate(45deg) translateY(-50%);
        color: #fff; }
.related_product_list button.page_arrow.next_page::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 1px;
        top: calc(50% - 10px);
        border: solid 1px #fff;
        border-radius: 100%;
        color: #fff; }
.related_product_list .related_product_view_sliders .slick-list {
    overflow: visible; }
.related_product_list .related_product_view_sliders a {
    display: block; }
.related_product_list .related_product_view_sliders li.item.slick-slide {
    padding-left: 10px;
    padding-right: 10px; }
#page_contact span.ec-required {
  background-color: #A7A7A7;
  color: #FFFFFF;
  border-radius: 4px;
  width: 30px;
  height: 16px;
  text-align: center;
  float: right;
  font-size: 10px;
  line-height: 16px;
  margin-top: 1px; }
#page_contact .ec-checkbox a[href="/help/privacy"] > span.ec-required {
  background-color: #A7A7A7;
  color: #FFFFFF;
  border-radius: 4px;
  width: 30px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  margin-top: 1px; }
/* common */
@-webkit-keyframes scroll {
  0% {
    transform: translateY(-100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(100%); }
  100% {
    transform: translateY(100%); } }
@keyframes scroll {
  0% {
    transform: translateY(-100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(100%); }
  100% {
    transform: translateY(100%); } }
@-webkit-keyframes pagetop {
  0% {
    transform: translateY(100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(-100%); } }
@keyframes pagetop {
  0% {
    transform: translateY(100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(-100%); } }
.clearfix {
  zoom: 1; }
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }
/* a */
a, a:focus, a:hover, a:active {
  outline: none; }
/* form */
input, input:focus, input:hover, input:active,
textarea, textarea:focus, textarea:hover, textarea:active {
  outline: none; }
/* img */
img {
  vertical-align: top; }
*:focus {
  outline: none; }
/* img */
img,
div, p, blockquote,
ul, ol, li, dl, dt, dd,
article, aside, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  text-decoration: none;
  list-style-type: none; }
/* html5 */
article, aside, footer, header, nav, section {
  display: block; }
/* html, body
  --------------------------------------------------*/
body {
  margin: 0;
  min-width: inherit;
  background: #ffffff;
  -webkit-font-smoothing: antialiased; }
#wrapper {
  padding-left: 70px; }
/* style
  --------------------------------------------------*/
/* selection */
::-moz-selection {
  background: #000000;
  color: #ffffff; }
::selection {
  background: #000000;
  color: #ffffff; }
/* a */
a {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  color: #000000;
  text-decoration: underline; }
html.notouch a:hover {
  color: #000000;
  text-decoration: none; }
/* hidden */
.pc-hidden {
  display: none !important; }
.img-ov {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  position: relative;
  z-index: 0; }
.img-ov img {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  transform: scale(1.005); }
html.notouch a:hover .img-ov img {
  transform: scale(1.05); }
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 70px;
  height: 100%; }
.header:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #ffffff;
  box-sizing: border-box;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.header__logo {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  margin: 0; }
.header__logo a {
  transition: none;
  width: 38px;
  height: 22px;
  background: url(../img/common/logo.svg) no-repeat center center;
  background-size: contain;
  display: block;
  overflow: hidden;
  text-indent: -5260px; }
.header__menu {
  display: block;
  z-index: 6;
  text-decoration: none;
  position: fixed;
  z-index: 10;
  width: 70px;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  left: 0;
  transition: none; }
.header__menu .lines {
  display: block;
  position: relative;
  width: 70px;
  height: 70px; }
.header__menu .line-1,
.header__menu .line-2,
.header__menu .line-3,
.header__menu .line-4 {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 1px;
  background: #000000; }
.header__menu .line-1 {
  margin-top: -10px; }
.header__menu .line-2 {
  margin-top: 0px; }
.header__menu .line-3 {
  margin-top: 11px;
  width: 20px; }
.header__menu .line-4 {
  opacity: 0;
  margin-top: 0px; }
.header__nav {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #ffffff;
  pointer-events: auto;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.header__nav .navInner {
  position: relative;
  z-index: 1;
  height: 100%;
  margin-left: 70px;
  display: flex;
  align-items: center; }
.header__nav .nav__logo {
  width: 44%;
  position: relative; }
.header__nav .nav__logo:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 184px;
  height: 157px;
  background: url(../img/common/logo_02.svg) no-repeat center center;
  background-size: contain; }
.header__nav .nav__content {
  width: 56%; }
.header__nav .nav__main li a {
  font-size: 50px;
  font-weight: 700;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
html.notouch .header__nav .nav__main li a:hover {
  opacity: 0.5; }
.header__nav .nav__main li + li {
  margin-top: 35px; }
.header__nav .nav__sns {
  display: none; }
.header__nav .nav__links {
  margin-top: 65px; }
.header__nav .nav__links .col {
  display: flex; }
.header__nav .nav__links .col + .col {
  margin-top: 10px; }
.header__nav .nav__links .col li {
  margin-right: 30px; }
.header__nav .nav__links .col li a {
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  padding-left: 20px;
  position: relative; }
.header__nav .nav__links .col li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 1px;
  background: #CCCCCC; }
html.notouch .header__nav .nav__links .col li a:hover {
  opacity: 0.5; }
.header__btns {
  position: absolute;
  z-index: 3;
  bottom: 80px;
  width: 70px;
  margin-left: -1px; }
.header__btns li a {
  padding: 12px 0;
  display: block;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.header__btns li a .icon {
  margin: 0 auto;
  position: relative; }
.header__btns li a .icon.entry {
  width: 15px;
  height: 17px; }
.header__btns li a .icon.login {
  width: 16px;
  height: 17px; }
.header__btns li a .icon.cart {
  width: 18px;
  height: 16px; }
.header__btns li a .icon svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
.header__btns li a p {
  display: none; }
html.notouch .header__btns li a:hover {
  opacity: 0.5; }
.header__sns {
  width: 70px;
  position: absolute;
  z-index: 3;
  bottom: 25px; }
html.drawerMenu-open .header__menu .line-1 {
  opacity: 0; }
html.drawerMenu-open .header__menu .line-3 {
  opacity: 0; }
html.drawerMenu-open .header__menu .line-2 {
  margin-top: 0;
  transform: rotate(135deg); }
html.drawerMenu-open .header__menu .line-4 {
  opacity: 1;
  margin-top: 0;
  transform: rotate(-135deg); }
html.drawerMenu-open .header__nav {
  visibility: visible;
  opacity: 1; }
.m-insta {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: #000000;
  border-radius: 50%;
  display: block;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.m-insta .icon {
  margin: 0 auto;
  position: relative; }
.m-insta .icon.insta {
  width: 12px;
  height: 12px; }
.m-insta .icon svg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  fill: #ffffff; }
.m-insta p {
  display: none; }
html.notouch .m-insta:hover {
  opacity: 0.5; }
.m-btn {
  text-decoration: none;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-weight: 700;
  min-width: 150px;
  padding: 10px 0;
  border: 1px solid #000000;
  line-height: 1;
  box-sizing: border-box;
  color: #ffffff;
  background: #000000; }
.m-btn:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 100%;
  background: #ffffff;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.m-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 10px;
  height: 1px;
  left: -1px;
  background: #ffffff;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.m-btn span {
  display: block;
  position: relative;
  z-index: 1; }
html.notouch .m-btn:hover {
  color: #000000; }
html.notouch .m-btn:hover:before {
  left: 0;
  width: 100%; }
html.notouch .m-btn:hover:after {
  background: #000000; }
.mc-btn {
  text-decoration: none;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-weight: 700;
  min-width: 150px;
  padding: 10px 0;
  border: 1px solid #000000;
  line-height: 1;
  box-sizing: border-box;
  color: #000000;
  background: #ffffff; }
.mc-btn:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 100%;
  background: #000000;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.mc-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 10px;
  height: 1px;
  left: -1px;
  background: #000000;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.mc-btn span {
  display: block;
  position: relative;
  z-index: 1; }
html.notouch .mc-btn:hover {
  color: #ffffff; }
html.notouch .mc-btn:hover:before {
  left: 0;
  width: 100%; }
html.notouch .mc-btn:hover:after {
  background: #ffffff; }
#page-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 3;
  width: 9px;
  height: 116px;
  cursor: pointer; }
#page-top .txt {
  position: absolute;
  font-size: 10px;
  line-height: 1;
  left: -15px;
  bottom: 20px;
  transform: rotate(90deg);
  white-space: nowrap;
  color: #999999; }
#page-top .arw {
  display: block;
  width: 1px;
  height: 60px;
  position: absolute;
  left: 80%;
  top: 0;
  overflow: hidden; }
#page-top .arw:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: 100%;
  background: #999999;
  -webkit-animation: pagetop 3s ease-in-out infinite normal;
          animation: pagetop 3s ease-in-out infinite normal; }
body.win #page-top .arw {
  left: 0; }
.footer {
  background: #ffffff;
  position: relative;
  z-index: 2;
  text-align: center;
  padding-bottom: 30px; }
.footer__logo {
  padding: 300px 0 250px; }
.footer__logo a {
  margin: 0 auto;
  width: 184px;
  height: 156px;
  background: url(../img/common/logo_02.svg) no-repeat center center;
  background-size: contain;
  display: block;
  overflow: hidden;
  text-indent: -5260px; }
.footer__copyright {
  text-align: center;
  font-size: 12px; }
.content {
  padding: 0 50px; }
#page_homepage .content {
  padding: 0; }
.p-head-content {
  width: 100%;
  margin: 0 auto 50px; }
.page_title {
  font-size: 50px;
  font-weight: bold;
  margin: 120px 0 100px;
  padding: 0;
  text-align: center; }
.ec-pager {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative; }
.ec-pager li {
    padding: 0;
    margin: 0;
    min-width: 40px;
    font-size: 14px; }
.ec-pager li.ec-pager__item {
      padding: 0;
      margin: 0;
      min-width: 40px; }
.ec-pager li:first-child {
      position: absolute;
      left: 0;
      padding-left: 20px; }
.ec-pager li:first-child:before {
        content: "";
        position: absolute;
        top: 14px;
        width: 10px;
        height: 1px;
        left: 0;
        background: #000000;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0; }
.ec-pager li:last-child {
      position: absolute;
      right: 20px; }
.ec-pager li:last-child:after {
        content: "";
        position: absolute;
        top: 14px;
        width: 10px;
        height: 1px;
        right: -20px;
        background: #000;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0; }
.ec-pager li a {
      font-size: 14px;
      color: #999; }
.ec-pager li a.pager_item_active {
        color: #000; }
.ec-pager li .back_page,
    .ec-pager li .next_page {
      background-color: transparent;
      border-radius: none;
      height: auto;
      width: auto;
      position: relative;
      padding: 0; }
.ec-pager li .back_page:before,
      .ec-pager li .next_page:before {
        display: block;
        width: 40px;
        height: auto;
        position: absolute;
        top: 2px;
        border-bottom: none;
        border-left: none;
        transform: none;
        color: #000;
        font-weight: bold;
        font-size: 13px; }
.ec-pager li .back_page:after,
      .ec-pager li .next_page:after {
        content: none; }
.ec-pager li .back_page:hover:before,
      .ec-pager li .next_page:hover:before {
        border-bottom: 1px solid #000; }
.ec-pager li .back_page:before {
      content: "PREV";
      left: 0; }
.ec-pager li .next_page:before {
      content: "NEXT";
      right: 0; }
select.form_control:focus {
  border: none;
  outline: none; }
/* header */
/* top-page */
/**
    * _top.scss
    */
@-webkit-keyframes scroll {
  0% {
    transform: translateY(-100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(100%); }
  100% {
    transform: translateY(100%); } }
@keyframes scroll {
  0% {
    transform: translateY(-100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(100%); }
  100% {
    transform: translateY(100%); } }
@-webkit-keyframes pagetop {
  0% {
    transform: translateY(100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(-100%); } }
@keyframes pagetop {
  0% {
    transform: translateY(100%); }
  15% {
    transform: translateY(0%); }
  30% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(-100%); } }
/**
    * _top.scss
    */
body.front_page {
  overflow-x: hidden; }
body.front_page .header {
  opacity: 0;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
html.is-loaded body.front_page .header {
  opacity: 1; }
.p-top-content {
  position: relative;
  z-index: 2;
  margin-top: 100vh;
  background: #ffffff; }
.p-top-fv {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  overflow: hidden; }
.p-top-fv__opening {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: #ffffff url(../img/common/logo_02.svg) no-repeat center center;
  background-size: 120px auto; }
.p-top-fv__progress {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  height: 4px;
  background: #000000;
  width: 0; }
.p-top-fv__mainVisual {
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  z-index: 2; }
.p-top-fv__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden; }
.p-top-fv__imgInner {
  display: block;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  will-change: transform;
  transform: scale(1.2);
  width: 100%;
  height: 100%; }
.p-top-fv__slide {
  width: 100%;
  height: 100%;
  position: relative; }
.p-top-fv__slide .item {
  will-change: transform, width;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateX(-200px);
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }
.p-top-fv__slide .item.is-visible {
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  transform: translateX(0) scale(1);
  transition-property: transform;
  opacity: 1; }
.p-top-fv__slide .item.is-hidden {
  transition-duration: 0.84s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.2s;
  transform: translateX(0) scale(1);
  transition-property: transform, width;
  z-index: 2;
  width: 0;
  opacity: 1; }
.p-top-fv__slide .item.is-zoomout .item__img {
  transition-duration: 6.5s;
  transition-timing-function: linear;
  transition-delay: 0;
  transform: scale(1); }
.p-top-fv__slide .item__obj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; }
.p-top-fv__slide .item__obj.sp {
  visibility: hidden;
  opacity: 0; }
.p-top-fv__slide .item__img {
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: scale(1.1);
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1; }
.p-top-fv__slide .item__img img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0; }
.p-top-fv__indicator {
  position: absolute;
  width: 100%;
  bottom: 20px;
  z-index: 2;
  text-align: center; }
.p-top-fv__indicator li {
  display: inline-block;
  position: relative; }
.p-top-fv__indicator li + li {
  margin-left: 20px; }
.p-top-fv__indicator li a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  position: relative;
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #ffffff;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 50%;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
.p-top-fv__indicator li.is-current a {
  background: #ffffff; }
.p-top-fv__scroll {
  position: absolute;
  right: 20px;
  bottom: 0px;
  z-index: 3;
  width: 9px;
  height: 106px; }
.p-top-fv__scroll .txt {
  position: absolute;
  font-size: 10px;
  line-height: 1;
  left: -15px;
  top: 15px;
  transform: rotate(90deg);
  white-space: nowrap;
  color: #ffffff; }
.p-top-fv__scroll .arw {
  display: block;
  width: 1px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  bottom: 0;
  overflow: hidden; }
.p-top-fv__scroll .arw:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1px;
  height: 100%;
  background: #ffffff;
  -webkit-animation: scroll 3s ease-in-out infinite normal;
          animation: scroll 3s ease-in-out infinite normal; }
body.win .p-top-fv__scroll .arw {
  left: 0; }
.p-top-fv__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2; }
.p-top-fv__logo span {
  transition: none;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 706px;
  height: 124px;
  background: url(../img/top/copy.svg) no-repeat center center;
  background-size: contain; }
html.is-loaded .p-top-fv__opening {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  visibility: hidden;
  transform: translateX(100%); }
html.is-loaded .p-top-fv__progress {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  visibility: hidden;
  opacity: 0; }
.p-top-fv.is-show .p-top-fv__imgInner {
  transform: scale(1); }
.c-parallax {
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  overflow: hidden;
  position: relative; }
.p-top-ttl {
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  margin-bottom: 40px; }
.section__body {
  max-width: 1090px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px; }
.p-top-txt {
  line-height: 2.3; }
.p-top-txt span {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700; }
.p-top-txtEn {
  margin-top: 20px;
  color: #999999;
  font-size: 12px;
  line-height: 2; }
.p-top-copy {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-bottom: 30px; }
.p-top-about {
  overflow: hidden;
  padding: 200px 0 0;
  position: relative; }
.p-top-about:before {
  position: absolute;
  content: "";
  display: block;
  width: 40.6504%;
  height: 100%;
  right: 0;
  top: 0;
  background: #F5F5F5; }
.p-top-about:after {
  position: absolute;
  top: 115px;
  -webkit-animation: about-bg 126.9s linear 0s infinite normal;
          animation: about-bg 126.9s linear 0s infinite normal;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 8460px;
  min-width: 200vw;
  height: 310px;
  background: url(../img/top/txt_ichimaruyon.svg) repeat-x left top;
  background-size: 4230px 310px; }
.p-top-aboutInner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1; }
.p-top-about__txt {
  padding-left: calc((100% - 1090px) / 2);
  margin-left: 20px; }
.p-top-about__txt .sign {
  margin-top: 30px; }
.p-top-about__img {
  width: 50%; }
.p-top-about__img .c-parallax {
  height: 0;
  padding-bottom: 130%; }
.p-top-about__img .c-parallax img {
  width: 100%;
  height: auto; }
@-webkit-keyframes about-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-4230px); } }
@keyframes about-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-4230px); } }
@-webkit-keyframes about-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2102px); } }
@keyframes about-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2102px); } }
.p-top-features {
  position: relative; }
.p-top-features:before {
  position: absolute;
  content: "";
  display: block;
  width: 40.6504%;
  height: 100%;
  right: 0;
  top: 0;
  background: #F5F5F5; }
.p-top-features:after {
  position: absolute;
  bottom: 110px;
  -webkit-animation: features-bg 56.58s linear 0s infinite normal;
          animation: features-bg 56.58s linear 0s infinite normal;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 3772px;
  min-width: 200vw;
  height: 300px;
  background: url(../img/top/txt_japan.svg) repeat-x left top;
  background-size: 1886px 300px; }
.p-top-featuresInner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  align-items: center; }
.p-top-features__txt {
  width: 34%;
  padding-bottom: 120px; }
.p-top-features__img {
  transform: translateY(-60px);
  width: 60%; }
.p-top-features__img .c-parallax {
  height: 0;
  padding-bottom: 123%; }
.p-top-features__img .c-parallax img {
  width: 100%;
  height: auto; }
@-webkit-keyframes features-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-1886px); } }
@keyframes features-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-1886px); } }
@-webkit-keyframes features-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-956px); } }
@keyframes features-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-956px); } }
.p-top-morb {
  position: relative; }
.p-top-morb:after {
  position: absolute;
  bottom: 165px;
  -webkit-animation: morb-bg 82.5s linear 0s infinite normal;
          animation: morb-bg 82.5s linear 0s infinite normal;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 5500px;
  min-width: 200vw;
  height: 300px;
  background: url(../img/top/txt_morbmorb.svg) repeat-x left top;
  background-size: 2750px 300px; }
.p-top-morbInner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  align-items: center; }
.p-top-morb__txt {
  padding-left: calc((100% - 1090px) / 2);
  margin-left: 20px;
  box-sizing: border-box;
  padding-bottom: 180px; }
.p-top-morb__img {
  transform: translateY(-120px);
  width: 60%; }
.p-top-morb__img .c-parallax {
  height: 0;
  padding-bottom: 123%; }
.p-top-morb__img .c-parallax img {
  width: 100%;
  height: auto; }
@-webkit-keyframes morb-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2750px); } }
@keyframes morb-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2750px); } }
@-webkit-keyframes morb-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2102px); } }
@keyframes morb-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2102px); } }
.p-top-evol {
  position: relative;
  z-index: 1;
  transform: translateY(-180px); }
.p-top-evol:after {
  position: absolute;
  bottom: 0;
  -webkit-animation: evol-bg 73.8s linear 0s infinite normal;
          animation: evol-bg 73.8s linear 0s infinite normal;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 4920px;
  min-width: 200vw;
  height: 300px;
  background: url(../img/top/txt_evolevol.svg) repeat-x left top;
  background-size: 2460px 300px; }
.p-top-evolInner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  align-items: center; }
.p-top-evol__txt {
  width: 34%;
  padding-bottom: 0px;
  box-sizing: border-box; }
.p-top-evol__img {
  width: 60%; }
.p-top-evol__img .c-parallax {
  height: 0;
  padding-bottom: 123%; }
.p-top-evol__img .c-parallax img {
  width: 100%;
  height: auto; }
@-webkit-keyframes evol-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2460px); } }
@keyframes evol-bg {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-2460px); } }
@-webkit-keyframes evol-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-1246px); } }
@keyframes evol-bg-sp {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-1246px); } }
.p-top-products {
  position: relative;
  padding-top: 20px; }
.p-top-products:before {
  position: absolute;
  content: "";
  display: block;
  width: 40.6504%;
  height: 800px;
  left: 0;
  top: -180px;
  background: #F5F5F5; }
.p-top-products .section__body {
  position: relative;
  z-index: 1; }
.p-top-productsInner {
  margin: 0 auto 0;
  padding-top: 30px;
  max-width: 860px;
  display: flex;
  justify-content: space-between; }
.p-top-productsInner .item {
  width: 41.86%; }
.p-top-productsInner .item a {
  text-decoration: none; }
html.notouch .p-top-productsInner .item a:hover .m-btn {
  color: #000000; }
html.notouch .p-top-productsInner .item a:hover .m-btn:before {
  left: 0;
  width: 100%; }
html.notouch .p-top-productsInner .item a:hover .m-btn:after {
  background: #000000; }
.p-top-productsInner .item__img {
  margin-bottom: 15px; }
.p-top-productsInner .item__img img {
  width: 100%;
  height: auto; }
.p-top-productsInner .item + .item {
  margin-top: 100px; }
.p-top-productsInner .item__price {
  font-weight: 700;
  font-size: 18px; }
.p-top-productsInner .item__btn {
  margin-top: 20px; }
.p-top-news {
  padding-top: 160px; }
.p-top-newsInner {
  display: flex;
  justify-content: space-between; }
.p-top-news__head {
  width: 150px; }
.p-top-news__post {
  width: 65%;
  border-top: 1px solid #E6E6E6; }
.p-top-news__post .item {
  border-bottom: 1px solid #E6E6E6; }
.p-top-news__post .item a {
  display: block;
  padding: 15px 20px 20px 0;
  text-decoration: none;
  position: relative; }
.p-top-news__post .item a:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 10px;
  height: 1px;
  right: 0;
  background: #000000;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0; }
html.notouch .p-top-news__post .item a:hover .item__ttl {
  text-decoration: underline; }
.p-top-news__post .item__ttl {
  line-height: 1.6; }
.p-top-news__post .item__meta {
  display: flex;
  font-size: 12px;
  color: #999999; }
.p-top-news__post .item__meta p {
  margin-right: 15px; }
/* news */
#page_news_detail .news_control,
#page_news_list .news_control {
  display: flex;
  justify-content: flex-start; }
#page_news_detail .news_control .pull,
  #page_news_list .news_control .pull {
    flex-grow: 1;
    text-align: center;
    margin: 0;
    padding: 24px 0;
    background: #efefef; }
#page_news_detail .news_control .pull:first-child,
    #page_news_list .news_control .pull:first-child {
      margin-right: 1px; }
#page_news_detail .news_control .pull .pull_title,
    #page_news_list .news_control .pull .pull_title {
      font-weight: bold;
      font-size: 14px;
      margin-left: 0; }
#page_news_detail .news_control .pull .pull_select,
    #page_news_list .news_control .pull .pull_select {
      margin-left: 26px;
      width: 200px;
      padding: 0; }
#page_news_detail .news_control .pull .pull_select:before,
      #page_news_list .news_control .pull .pull_select:before {
        right: 5px; }
#page_news_detail .news_control .pull .pull_select:after,
      #page_news_list .news_control .pull .pull_select:after {
        border: none; }
#page_news_detail .news_control .pull .pull_select .blog_category_select,
      #page_news_detail .news_control .pull .pull_select .blog_archives_select,
      #page_news_list .news_control .pull .pull_select .blog_category_select,
      #page_news_list .news_control .pull .pull_select .blog_archives_select {
        width: 198px;
        font-size: 13px;
        padding-left: 6px; }
#page_news_detail .news__wrap,
#page_news_list .news__wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0; }
#page_news_detail .news__wrap .news_list,
  #page_news_list .news__wrap .news_list {
    border-bottom: none; }
#page_news_detail .news__wrap .news_list .news_article_wrap,
    #page_news_list .news__wrap .news_list .news_article_wrap {
      border-top: none;
      border-bottom: 1px solid #E6E6E6;
      padding-right: 10px; }
#page_news_detail .news__wrap .news_list .news_article_wrap:before,
      #page_news_list .news__wrap .news_list .news_article_wrap:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 10px;
        height: 1px;
        right: 0;
        background: #000000;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0; }
#page_news_detail .news__wrap .news_list .news_article_wrap a,
      #page_news_list .news__wrap .news_list .news_article_wrap a {
        height: 90px;
        padding: 20px 0; }
#page_news_detail .news__wrap .news_list .news_article_wrap a:hover .news_title h3,
        #page_news_list .news__wrap .news_list .news_article_wrap a:hover .news_title h3 {
          text-decoration: underline; }
#page_news_detail .news__wrap .news_list .news_article_wrap a .news_info,
        #page_news_list .news__wrap .news_list .news_article_wrap a .news_info {
          margin-left: 0; }
#page_news_detail .news__wrap .news_list .news_article_wrap a .news_info .news_info_child,
          #page_news_list .news__wrap .news_list .news_article_wrap a .news_info .news_info_child {
            margin-top: -5px; }
#page_news_detail .news__wrap .news_list .news_article_wrap a .news_info .news_info_child p.news_date,
            #page_news_detail .news__wrap .news_list .news_article_wrap a .news_info .news_info_child label.cat_tag,
            #page_news_list .news__wrap .news_list .news_article_wrap a .news_info .news_info_child p.news_date,
            #page_news_list .news__wrap .news_list .news_article_wrap a .news_info .news_info_child label.cat_tag {
              color: #999999;
              font-size: 12px;
              background-color: transparent; }
#page_news_detail .news__wrap .news_list .news_article_wrap a .news_info .news_title,
          #page_news_list .news__wrap .news_list .news_article_wrap a .news_info .news_title {
            margin-top: 5px; }
#page_news_detail .news__wrap .news_list .news_article_wrap a .news_info .news_title h3,
            #page_news_list .news__wrap .news_list .news_article_wrap a .news_info .news_title h3 {
              display: block;
              margin: 0;
              font-weight: normal;
              font-size: 14px; }
#page_news_detail .post_area {
  padding: 60px; }
#page_news_detail .post_area.news_post_share {
    padding: 40px 60px; }
#page_news_detail .news_post_header .post_header_data .post_date,
#page_news_detail .news_post_header .post_header_data label {
  color: #999999;
  font-size: 12px;
  background-color: transparent; }
#page_news_detail .news_control_nav {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative; }
#page_news_detail .news_control_nav a {
    padding: 0;
    margin: 0;
    min-width: 40px;
    font-size: 14px; }
#page_news_detail .news_control_nav a.ec-pager__item {
      padding: 0;
      margin: 0;
      min-width: 40px; }
#page_news_detail .news_control_nav a:first-child {
      position: absolute;
      left: 0;
      margin-left: 20px; }
#page_news_detail .news_control_nav a:first-child:before {
        content: "";
        position: absolute;
        top: 14px;
        width: 10px;
        height: 1px;
        left: -20px;
        background: #000000;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0; }
#page_news_detail .news_control_nav a:last-child {
      position: absolute;
      right: 20px; }
#page_news_detail .news_control_nav a:last-child:after {
        content: "";
        position: absolute;
        top: 14px;
        width: 10px;
        height: 1px;
        right: -20px;
        background: #000;
        transition-duration: 0.3s;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0; }
#page_news_detail .news_control_nav a a {
      font-size: 14px;
      color: #999; }
#page_news_detail .news_control_nav a a.pager_item_active {
        color: #000; }
#page_news_detail .news_control_nav a .back_page,
    #page_news_detail .news_control_nav a .next_page {
      background-color: transparent;
      border-radius: none;
      height: auto;
      width: auto;
      position: relative;
      padding: 0; }
#page_news_detail .news_control_nav a .back_page:before,
      #page_news_detail .news_control_nav a .next_page:before {
        display: block;
        width: 40px;
        height: auto;
        position: absolute;
        top: 2px;
        border-bottom: none;
        border-left: none;
        transform: none;
        color: #000;
        font-weight: bold;
        font-size: 13px; }
#page_news_detail .news_control_nav a .back_page:after,
      #page_news_detail .news_control_nav a .next_page:after {
        content: none; }
#page_news_detail .news_control_nav a .back_page:hover:before,
      #page_news_detail .news_control_nav a .next_page:hover:before {
        border-bottom: 1px solid #000; }
#page_news_detail .news_control_nav a .back_page:before {
      content: "PREV";
      left: 0; }
#page_news_detail .news_control_nav a .next_page:before {
      content: "NEXT";
      right: 0; }
.fa-facebook-f:before,
.fa-twitter:before {
  font-size: 20px;
  color: #fff; }
/* top-page */
/* contact */
.mypage_inner .ec-para-normal {
  text-align: center;
  display: block; }
#page_contact .form_table {
  margin: 60px 0; }
#page_contact .form_table dl {
    border-bottom: none; }
#page_contact .form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid; }
#page_contact .form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 40px;
    position: relative;
    padding-left: 20px; }
#page_contact .form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 38px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_contact .form_table dd {
    padding-right: 1rem;
    max-width: none; }
#page_contact .form_table dd input {
      height: 40px;
      font-size: 14px;
      border: 1px solid #EBEBEB; }
#page_contact .form_table dd input#contact_name_name01, #page_contact .form_table dd input#contact_name_name02 {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_contact .form_table dd input#contact_phone_number {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_contact .form_table dd input#contact_email {
        height: 40px;
        font-size: 14px; }
#page_contact .form_table dd textarea {
      font-size: 14px;
      border: 1px solid #EBEBEB;
      height: 180px; }
#page_contact .form_table span.ec-required {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    width: 30px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #000;
    float: none;
    position: absolute;
    top: 30px;
    right: 10px; }
/* product_detail */
.cart_in {
  margin-bottom: 20px; }
/* product_list */
.pull_select:after {
  border-left: none; }
/* top-page */
/* entry */
a:focus {
  color: #000;
  text-decoration: none; }
#page_entry .m-btn,
#page_entry .mc-btn {
  min-width: 130px; }
#page_entry .page_title {
  font-size: 28px; }
#page_entry .form_table {
  margin: 60px 0; }
#page_entry .form_table dl {
    border-bottom: none; }
#page_entry .form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid; }
#page_entry .form_table dl:nth-child(10) {
      border-bottom: 1px #E6E6E6 solid; }
#page_entry .form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px; }
#page_entry .form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 45px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_entry .form_table dd {
    padding-right: 1rem;
    max-width: none; }
#page_entry .form_table dd input {
      height: 40px;
      font-size: 14px;
      border: 1px solid #EBEBEB; }
#page_entry .form_table dd input#entry_name_name01, #page_entry .form_table dd input#entry_name_name02, #page_entry .form_table dd input#entry_kana_kana01, #page_entry .form_table dd input#entry_kana_kana02 {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_entry .form_table dd textarea {
      font-size: 14px;
      border: 1px solid #EBEBEB;
      height: 180px; }
#page_entry .form_table span.ec-required {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    width: 30px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #000;
    float: none;
    position: absolute;
    top: 38px;
    right: 10px; }
#page_entry .form_table .pull_select select {
    font-size: 14px; }
#page_entry span.user_policy-required {
  background-color: transparent;
  color: #000;
  border-radius: 0;
  width: 30px;
  height: 18px;
  font-size: 10px;
  line-height: 16px;
  margin: 0px;
  border: 1px solid #000;
  float: none;
  position: absolute;
  top: 1px;
  right: -40px;
  background: #fff; }
#page_entry .ec-zipInputHelp span {
  position: relative;
  padding-left: 20px; }
#page_entry .ec-zipInputHelp span:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 10px;
    top: 0;
    left: 0;
    background: #000; }
#page_entry #card_AddMem {
  position: relative; }
.ec-checkbox .ec-errorMessage {
  color: #f11600; }
#page_entry_activate p {
  text-align: center; }
#page_entry_activate p.title {
    font-size: 18px;
    margin-bottom: 2rem; }
#page_entry_activate .btn01 {
  float: none; }
/* login */
#login_mypage {
  background-color: #F5F5F5;
  max-width: 410px;
  margin: 0 auto; }
#login_mypage .mypage_inner_box {
    border: none; }
.login_subinfo {
  max-width: 410px;
  margin: 0 auto; }
.login_subinfo .ec-login_link {
    margin-left: 0;
    text-align: left; }
.login_subinfo .ec-login_link .link {
      margin: 0; }
/* forgot */
#page_forgot .note {
  text-align: center; }
#page_forgot .mypage_inner_box {
  background-color: #F5F5F5;
  max-width: 410px;
  margin: 0 auto;
  border: none; }
#page_forgot .mypage_inner_box .mail_address {
    position: relative; }
#page_forgot .mypage_inner_box .mail_address .ec-required {
      background-color: transparent;
      color: #000;
      border-radius: 0;
      width: 30px;
      height: 18px;
      font-size: 10px;
      line-height: 16px;
      margin: 0px;
      border: 1px solid #000;
      float: none;
      position: absolute;
      top: 0;
      right: 0; }
#page_forgot .mypage_inner_box input {
    border: none;
    height: 40px;
    font-size: 14px; }
#page_forgot_complete .mypage_inner p {
  text-align: center; }
#page_forgot_complete .mypage_inner p.title {
    font-size: 18px;
    margin-bottom: 2rem; }
/* mypage */
/* cart */
.total_box {
  float: none;
  width: 100%; }
.cart_item_subtotal {
  border-right: none; }
#page_cart .product_item_name {
  padding-top: 20px; }
#page_cart .product_item_name a {
    text-decoration: none; }
#page_shopping .cart_order_in,
#page_shopping_confirm .cart_order_in {
  position: relative; }
#page_shopping .cart_order_in .m-btn span,
  #page_shopping_confirm .cart_order_in .m-btn span {
    font-weight: bold;
    font-size: 14px; }
#page_shopping .mypage_inner_borderline,
#page_shopping_confirm .mypage_inner_borderline {
  border-bottom: none; }
#page_shopping .mypage_order_detail dt,
#page_shopping_confirm .mypage_order_detail dt {
  border: 1px solid #000;
  padding: 40px; }
#page_shopping .mypage_order_detail dt .mypage_grid,
  #page_shopping_confirm .mypage_order_detail dt .mypage_grid {
    margin-bottom: 60px; }
#page_shopping .mypage_order_detail dt .mypage_order_inner,
  #page_shopping_confirm .mypage_order_detail dt .mypage_order_inner {
    border-bottom: none;
    padding-bottom: 60px; }
#page_shopping .mypage_order_detail dd,
#page_shopping_confirm .mypage_order_detail dd {
  border: none;
  background-color: #F5F5F5; }
#page_shopping .clearfix::after,
#page_shopping_confirm .clearfix::after {
  content: "";
  display: block;
  clear: both; }
#page_shopping .mc-btn.cn:after,
#page_shopping_confirm .mc-btn.cn:after {
  top: 38%;
  width: 14px;
  height: 14px;
  left: 17%;
  border-radius: 100%; }
#page_shopping .mc-btn.cn:hover .plus_icon:before, #page_shopping .mc-btn.cn:hover .plus_icon:after,
#page_shopping_confirm .mc-btn.cn:hover .plus_icon:before,
#page_shopping_confirm .mc-btn.cn:hover .plus_icon:after {
  background-color: #000; }
#page_shopping .plus_icon:before, #page_shopping .plus_icon:after,
#page_shopping_confirm .plus_icon:before,
#page_shopping_confirm .plus_icon:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 47px;
  width: 8px;
  height: 1px;
  background-color: #fff; }
#page_shopping .plus_icon:after,
#page_shopping_confirm .plus_icon:after {
  transform: rotate(90deg); }
#page_shopping .non-customer-edit.form_table,
#page_shopping_confirm .non-customer-edit.form_table {
  margin: 60px 0; }
#page_shopping .non-customer-edit.form_table dl,
  #page_shopping_confirm .non-customer-edit.form_table dl {
    border-bottom: none; }
#page_shopping .non-customer-edit.form_table dl:last-child,
    #page_shopping_confirm .non-customer-edit.form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid;
      margin-bottom: 10px; }
#page_shopping .non-customer-edit.form_table dl:nth-child(6),
    #page_shopping_confirm .non-customer-edit.form_table dl:nth-child(6) {
      border-bottom: 1px #E6E6E6 solid; }
#page_shopping .non-customer-edit.form_table dt,
  #page_shopping_confirm .non-customer-edit.form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 20px;
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-color: #E6E6E6;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none; }
#page_shopping .non-customer-edit.form_table dt:before,
    #page_shopping_confirm .non-customer-edit.form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 35px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_shopping .non-customer-edit.form_table dd,
  #page_shopping_confirm .non-customer-edit.form_table dd {
    padding: 14px;
    max-width: none;
    margin: 0;
    background-color: transparent; }
#page_shopping .non-customer-edit.form_table dd input,
    #page_shopping_confirm .non-customer-edit.form_table dd input {
      height: 40px;
      font-size: 14px;
      border: 1px solid #EBEBEB; }
#page_shopping .non-customer-edit.form_table dd input#edit0, #page_shopping .non-customer-edit.form_table dd input#edit1, #page_shopping .non-customer-edit.form_table dd input#edit2, #page_shopping .non-customer-edit.form_table dd input#edit3,
      #page_shopping_confirm .non-customer-edit.form_table dd input#edit0,
      #page_shopping_confirm .non-customer-edit.form_table dd input#edit1,
      #page_shopping_confirm .non-customer-edit.form_table dd input#edit2,
      #page_shopping_confirm .non-customer-edit.form_table dd input#edit3 {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_shopping .non-customer-edit.form_table dd textarea,
    #page_shopping_confirm .non-customer-edit.form_table dd textarea {
      font-size: 14px;
      border: 1px solid #EBEBEB;
      height: 180px; }
#page_shopping .non-customer-edit.form_table dd .ec-select,
    #page_shopping_confirm .non-customer-edit.form_table dd .ec-select {
      margin-top: 5px; }
#page_shopping .non-customer-edit.form_table dd .ec-select + .ec-input, #page_shopping .non-customer-edit.form_table dd .ec-select + .ec-halfInput, #page_shopping .non-customer-edit.form_table dd .ec-select + .ec-numberInput, #page_shopping .non-customer-edit.form_table dd .ec-select + .ec-zipInput, #page_shopping .non-customer-edit.form_table dd .ec-select + .ec-telInput, #page_shopping .non-customer-edit.form_table dd .ec-select + .ec-select, #page_shopping .non-customer-edit.form_table dd .ec-select + .ec-birth,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-input,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-halfInput,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-numberInput,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-zipInput,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-telInput,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-select,
      #page_shopping_confirm .non-customer-edit.form_table dd .ec-select + .ec-birth {
        margin: 5px 0; }
#page_shopping .non-customer-edit.form_table span.ec-required,
  #page_shopping_confirm .non-customer-edit.form_table span.ec-required {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    width: 30px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #000;
    float: none;
    position: absolute;
    top: 27px;
    right: 10px; }
#page_shopping .non-customer-edit.form_table .pull_select select,
  #page_shopping_confirm .non-customer-edit.form_table .pull_select select {
    font-size: 14px; }
#page_shopping .mod-button,
#page_shopping_confirm .mod-button {
  display: inline-block; }
#page_shopping .mod-button span,
  #page_shopping_confirm .mod-button span {
    display: inline-block;
    font-size: 14px; }
#page_shopping_login .mypage_inner_box_col2 {
  padding: 0;
  height: 350px;
  min-height: 350px;
  border: none; }
#page_shopping_login .mypage_inner_box_col2.left_box {
    height: 550px;
    min-height: 550px; }
#page_shopping_login .mypage_inner_box_col2 form {
    background-color: #f5f5f5;
    padding: 70px;
    height: 350px;
    min-height: 350px; }
#page_shopping_login .mypage_inner_box_col2 form input {
      height: 40px;
      font-size: 14px;
      border: none;
      box-shadow: none;
      margin-top: 0;
      margin-bottom: 10px; }
#page_shopping_login .mypage_inner_box_col2 p {
    margin-top: 0;
    margin-bottom: 20px; }
#page_shopping_login .mypage_inner_box_col2 .login_subinfo {
    max-width: 100%; }
#page_shopping_login .col2_guest {
  background-color: #f5f5f5;
  padding: 70px; }
#page_shopping_shipping_multiple_edit .form_table dl {
  border-bottom: none; }
#page_shopping_shipping_multiple_edit .form_table dl:last-child {
    border-bottom: 1px #E6E6E6 solid; }
#page_shopping_shipping_multiple_edit .form_table dl:nth-child(10) {
    border-bottom: 1px #E6E6E6 solid; }
#page_shopping_shipping_multiple_edit .form_table dt {
  position: relative;
  background-color: #F5F5F5;
  line-height: 40px;
  position: relative;
  padding-left: 20px;
  padding-top: 25px;
  padding-bottom: 25px; }
#page_shopping_shipping_multiple_edit .form_table dt:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    top: 45px;
    left: 0;
    background: #000000;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0; }
#page_shopping_shipping_multiple_edit .form_table dd {
  padding-right: 1rem;
  max-width: none; }
#page_shopping_shipping_multiple_edit .form_table dd input {
    height: 40px;
    font-size: 14px;
    border: 1px solid #EBEBEB; }
#page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_name_name01, #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_name_name02, #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_kana_kana01, #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_kana_kana02 {
      height: 40px;
      font-size: 14px;
      width: 190px; }
#page_shopping_shipping_multiple_edit .form_table dd textarea {
    font-size: 14px;
    border: 1px solid #EBEBEB;
    height: 180px; }
#page_shopping_shipping_multiple_edit .form_table span.ec-required {
  background-color: transparent;
  color: #000;
  border-radius: 0;
  width: 30px;
  height: 18px;
  font-size: 10px;
  line-height: 16px;
  margin: 0px;
  border: 1px solid #000;
  float: none;
  position: absolute;
  top: 38px;
  right: 10px; }
#page_shopping_shipping_multiple_edit .form_table .pull_select select {
  font-size: 14px; }
#page_shopping_shipping_multiple_edit span.user_policy-required {
  background-color: transparent;
  color: #000;
  border-radius: 0;
  width: 30px;
  height: 18px;
  font-size: 10px;
  line-height: 16px;
  margin: 0px;
  border: 1px solid #000;
  float: none;
  position: absolute;
  top: 1px;
  right: -40px;
  background: #fff; }
#page_shopping_shipping_multiple .mc-btn.cn {
  margin-top: 10px;
  margin-bottom: 10px; }
#page_shopping_shipping_multiple .mc-btn.cn:after {
    top: 13px;
    width: 14px;
    height: 14px;
    left: 37px;
    border-radius: 100%; }
#page_shopping_shipping_multiple .mc-btn.cn:hover .plus_icon:before, #page_shopping_shipping_multiple .mc-btn.cn:hover .plus_icon:after {
    background-color: #000; }
#page_shopping_shipping_multiple .mc-btn.cn.mc-btn-add {
    padding-left: 20px; }
#page_shopping_shipping_multiple .mc-btn.cn.mc-btn-add:after {
      top: 11px;
      left: 12px; }
#page_shopping_shipping_multiple .mc-btn.cn.mc-btn-add .plus_icon:before, #page_shopping_shipping_multiple .mc-btn.cn.mc-btn-add .plus_icon:after {
      left: -5px; }
#page_shopping_shipping_multiple .plus_icon:before, #page_shopping_shipping_multiple .plus_icon:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 40px;
  width: 8px;
  height: 1px;
  background-color: #fff; }
#page_shopping_shipping_multiple .plus_icon:after {
  transform: rotate(90deg); }
/* nomember */
#page_shopping_nonmember .form_table {
  margin: 60px 0; }
#page_shopping_nonmember .form_table dl {
    border-bottom: none; }
#page_shopping_nonmember .form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid; }
#page_shopping_nonmember .form_table dl:nth-child(10) {
      border-bottom: 1px #E6E6E6 solid; }
#page_shopping_nonmember .form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px; }
#page_shopping_nonmember .form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 45px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_shopping_nonmember .form_table dd {
    padding-right: 1rem;
    max-width: none; }
#page_shopping_nonmember .form_table dd input {
      height: 40px;
      font-size: 14px;
      border: 1px solid #EBEBEB; }
#page_shopping_nonmember .form_table dd input#nonmember_name_name01, #page_shopping_nonmember .form_table dd input#nonmember_name_name02, #page_shopping_nonmember .form_table dd input#nonmember_kana_kana01, #page_shopping_nonmember .form_table dd input#nonmember_kana_kana02 {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_shopping_nonmember .form_table dd textarea {
      font-size: 14px;
      border: 1px solid #EBEBEB;
      height: 180px; }
#page_shopping_nonmember .form_table span.ec-required {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    width: 30px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #000;
    float: none;
    position: absolute;
    top: 38px;
    right: 10px; }
#page_shopping_nonmember .form_table .pull_select {
    height: 40px; }
#page_shopping_nonmember .form_table .pull_select select {
      font-size: 14px;
      height: 38px;
      width: 138px; }
#page_shopping_nonmember .form_table .ec-zipInputHelp span {
    position: relative;
    padding-left: 20px; }
#page_shopping_nonmember .form_table .ec-zipInputHelp span:before {
      content: "";
      position: absolute;
      height: 1px;
      width: 10px;
      top: 0;
      left: 0;
      background: #000; }
#page_mypage_withdraw #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage_delivery_edit #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage_delivery_new #mypage_index .mypage_order_inner + .mypage_order_inner,
#mypage_delivery #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage_delivery #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage_history #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage_change_complete #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage_change #mypage_index .mypage_order_inner + .mypage_order_inner,
#page_mypage #mypage_index .mypage_order_inner + .mypage_order_inner {
  margin-left: 0; }
#page_mypage_withdraw .mypage_grid p span,
#page_mypage_delivery_edit .mypage_grid p span,
#page_mypage_delivery_new .mypage_grid p span,
#mypage_delivery .mypage_grid p span,
#page_mypage_delivery .mypage_grid p span,
#page_mypage_history .mypage_grid p span,
#page_mypage_change_complete .mypage_grid p span,
#page_mypage_change .mypage_grid p span,
#page_mypage .mypage_grid p span {
  color: inherit;
  font-size: 14px; }
#page_mypage_withdraw .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage_delivery_edit .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage_delivery_new .mypage_inner_borderline + .mypage_inner_borderline,
#mypage_delivery .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage_delivery .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage_history .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage_change_complete .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage_change .mypage_inner_borderline + .mypage_inner_borderline,
#page_mypage .mypage_inner_borderline + .mypage_inner_borderline {
  border-bottom: none; }
#page_mypage_withdraw .mypage_tab,
#page_mypage_delivery_edit .mypage_tab,
#page_mypage_delivery_new .mypage_tab,
#mypage_delivery .mypage_tab,
#page_mypage_delivery .mypage_tab,
#page_mypage_history .mypage_tab,
#page_mypage_change_complete .mypage_tab,
#page_mypage_change .mypage_tab,
#page_mypage .mypage_tab {
  border: none; }
#page_mypage_withdraw .mypage_tab li,
  #page_mypage_delivery_edit .mypage_tab li,
  #page_mypage_delivery_new .mypage_tab li,
  #mypage_delivery .mypage_tab li,
  #page_mypage_delivery .mypage_tab li,
  #page_mypage_history .mypage_tab li,
  #page_mypage_change_complete .mypage_tab li,
  #page_mypage_change .mypage_tab li,
  #page_mypage .mypage_tab li {
    border-top: 1px solid #000;
    width: 25%; }
#page_mypage_withdraw .mypage_tab li a:hover,
    #page_mypage_delivery_edit .mypage_tab li a:hover,
    #page_mypage_delivery_new .mypage_tab li a:hover,
    #mypage_delivery .mypage_tab li a:hover,
    #page_mypage_delivery .mypage_tab li a:hover,
    #page_mypage_history .mypage_tab li a:hover,
    #page_mypage_change_complete .mypage_tab li a:hover,
    #page_mypage_change .mypage_tab li a:hover,
    #page_mypage .mypage_tab li a:hover {
      color: inherit;
      text-decoration: underline; }
#page_mypage #mypage_index dl.mypage_order {
  display: flex; }
#page_mypage #mypage_index dl.mypage_order dt {
    width: 300px;
    padding: 50px;
    float: none;
    height: auto;
    border: 1px solid #000; }
#page_mypage #mypage_index dl.mypage_order dd {
    width: calc(100% - 300px);
    padding: 50px;
    float: none;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0; }
#page_mypage_withdraw .mypage_tab li:first-child,
#page_mypage_delivery_edit .mypage_tab li:first-child,
#mypage_delivery .mypage_tab li:first-child,
#page_mypage_delivery_new .mypage_tab li:first-child,
#page_mypage_change_complete .mypage_tab li:first-child,
#page_mypage_change .mypage_tab li:first-child {
  border-left: 1px solid #000; }
#page_mypage_delivery_edit .form_table,
#page_mypage_change .form_table {
  margin: 60px 0; }
#page_mypage_delivery_edit .form_table dl,
  #page_mypage_change .form_table dl {
    border-bottom: none; }
#page_mypage_delivery_edit .form_table dl:last-child,
    #page_mypage_change .form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid; }
#page_mypage_delivery_edit .form_table dl:nth-child(10),
    #page_mypage_change .form_table dl:nth-child(10) {
      border-bottom: 1px #E6E6E6 solid; }
#page_mypage_delivery_edit .form_table dt,
  #page_mypage_change .form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px; }
#page_mypage_delivery_edit .form_table dt:before,
    #page_mypage_change .form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 45px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_mypage_delivery_edit .form_table dd,
  #page_mypage_change .form_table dd {
    padding-right: 1rem;
    max-width: none; }
#page_mypage_delivery_edit .form_table dd input,
    #page_mypage_change .form_table dd input {
      height: 40px;
      font-size: 14px;
      border: 1px solid #EBEBEB; }
#page_mypage_delivery_edit .form_table dd input#entry_name_name01, #page_mypage_delivery_edit .form_table dd input#entry_name_name02, #page_mypage_delivery_edit .form_table dd input#entry_kana_kana01, #page_mypage_delivery_edit .form_table dd input#entry_kana_kana02,
      #page_mypage_change .form_table dd input#entry_name_name01,
      #page_mypage_change .form_table dd input#entry_name_name02,
      #page_mypage_change .form_table dd input#entry_kana_kana01,
      #page_mypage_change .form_table dd input#entry_kana_kana02 {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_mypage_delivery_edit .form_table dd textarea,
    #page_mypage_change .form_table dd textarea {
      font-size: 14px;
      border: 1px solid #EBEBEB;
      height: 180px; }
#page_mypage_delivery_edit .form_table span.ec-required,
  #page_mypage_change .form_table span.ec-required {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    width: 30px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #000;
    float: none;
    position: absolute;
    top: 38px;
    right: 10px; }
#page_mypage_delivery_edit .form_table .pull_select,
  #page_mypage_change .form_table .pull_select {
    height: 40px;
    padding-left: 0; }
#page_mypage_delivery_edit .form_table .pull_select.pull_year,
    #page_mypage_change .form_table .pull_select.pull_year {
      width: 100px; }
#page_mypage_delivery_edit .form_table .pull_select.pull_month, #page_mypage_delivery_edit .form_table .pull_select.pull_day,
    #page_mypage_change .form_table .pull_select.pull_month,
    #page_mypage_change .form_table .pull_select.pull_day {
      width: 70px; }
#page_mypage_delivery_edit .form_table .pull_select select#entry_birth_year,
    #page_mypage_change .form_table .pull_select select#entry_birth_year {
      font-size: 14px;
      height: 38px;
      width: 98px;
      padding-left: 5px; }
#page_mypage_delivery_edit .form_table .pull_select select#entry_birth_month,
    #page_mypage_delivery_edit .form_table .pull_select select#entry_birth_day,
    #page_mypage_change .form_table .pull_select select#entry_birth_month,
    #page_mypage_change .form_table .pull_select select#entry_birth_day {
      font-size: 14px;
      height: 38px;
      width: 68px;
      padding-left: 5px; }
#page_mypage_delivery_edit .form_table .ec-zipInputHelp span,
  #page_mypage_change .form_table .ec-zipInputHelp span {
    position: relative;
    padding-left: 20px; }
#page_mypage_delivery_edit .form_table .ec-zipInputHelp span:before,
    #page_mypage_change .form_table .ec-zipInputHelp span:before {
      content: "";
      position: absolute;
      height: 1px;
      width: 10px;
      top: 0;
      left: 0;
      background: #000; }
#page_mypage_history .separation_title {
  padding-top: 8px;
  padding-left: 10px;
  padding-bottom: 0;
  height: 40px;
  margin-top: 60px; }
#page_mypage_history .separation_title:before {
    content: none; }
#page_mypage_history .mypage_inner_borderline {
  border-bottom: none; }
#page_mypage_history .mypage_order_detail dt {
  border: 1px solid #000;
  padding: 40px; }
#page_mypage_history .mypage_order_detail dt .mypage_grid {
    margin-bottom: 0; }
#page_mypage_history .mypage_order_detail dt .mypage_order_inner {
    border-bottom: none;
    padding-bottom: 0; }
#page_mypage_history .mypage_order_detail dd {
  border: none;
  background-color: #F5F5F5; }
#page_mypage_history .button_box .submit {
  font-weight: bold; }
#mypage_delivery .new_btn_deliv {
  margin-bottom: 1rem; }
#mypage_delivery .mc-btn.cn:after {
  top: 38%;
  width: 14px;
  height: 14px;
  left: 17%;
  border-radius: 100%; }
#mypage_delivery .mc-btn.cn:hover .plus_icon:before, #mypage_delivery .mc-btn.cn:hover .plus_icon:after {
  background-color: #000; }
#mypage_delivery .mc-btn.cn.mc-btn-add {
  padding-left: 20px; }
#mypage_delivery .mc-btn.cn.mc-btn-add:after {
    top: 11px;
    left: 12px; }
#mypage_delivery .mc-btn.cn.mc-btn-add .plus_icon:before, #mypage_delivery .mc-btn.cn.mc-btn-add .plus_icon:after {
    left: -5px; }
#mypage_delivery .plus_icon:before, #mypage_delivery .plus_icon:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 47px;
  width: 8px;
  height: 1px;
  background-color: #fff; }
#mypage_delivery .plus_icon:after {
  transform: rotate(90deg); }
#page_mypage_delivery_new .form_table {
  margin: 60px 0; }
#page_mypage_delivery_new .form_table dl {
    border-bottom: none; }
#page_mypage_delivery_new .form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid; }
#page_mypage_delivery_new .form_table dl:nth-child(10) {
      border-bottom: 1px #E6E6E6 solid; }
#page_mypage_delivery_new .form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px; }
#page_mypage_delivery_new .form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 45px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_mypage_delivery_new .form_table dd {
    padding-right: 1rem;
    max-width: none; }
#page_mypage_delivery_new .form_table dd input {
      height: 40px;
      font-size: 14px;
      border: 1px solid #EBEBEB; }
#page_mypage_delivery_new .form_table dd input#entry_name_name01, #page_mypage_delivery_new .form_table dd input#entry_name_name02, #page_mypage_delivery_new .form_table dd input#entry_kana_kana01, #page_mypage_delivery_new .form_table dd input#entry_kana_kana02 {
        height: 40px;
        font-size: 14px;
        width: 190px; }
#page_mypage_delivery_new .form_table dd textarea {
      font-size: 14px;
      border: 1px solid #EBEBEB;
      height: 180px; }
#page_mypage_delivery_new .form_table span.ec-required {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    width: 30px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #000;
    float: none;
    position: absolute;
    top: 38px;
    right: 10px; }
#page_mypage_delivery_new .form_table .pull_select {
    height: 40px;
    padding-left: 0; }
#page_mypage_delivery_new .form_table .pull_select.pull_year {
      width: 100px; }
#page_mypage_delivery_new .form_table .pull_select.pull_month, #page_mypage_delivery_new .form_table .pull_select.pull_day {
      width: 70px; }
#page_mypage_delivery_new .form_table .pull_select select#entry_birth_year {
      font-size: 14px;
      height: 38px;
      width: 98px;
      padding-left: 5px; }
#page_mypage_delivery_new .form_table .pull_select select#entry_birth_month,
    #page_mypage_delivery_new .form_table .pull_select select#entry_birth_day {
      font-size: 14px;
      height: 38px;
      width: 68px;
      padding-left: 5px; }
#page_mypage_delivery_new .form_table .ec-zipInputHelp span {
    position: relative;
    padding-left: 20px; }
#page_mypage_delivery_new .form_table .ec-zipInputHelp span:before {
      content: "";
      position: absolute;
      height: 1px;
      width: 10px;
      top: 0;
      left: 0;
      background: #000; }
#page_mypage_withdraw .m-btn span,
#page_mypage_withdraw .mc-btn span {
  font-size: 14px; }
/* privacy-policy */
.policy_section {
  margin-top: 60px; }
.policy_section h3 {
    margin-top: 0; }
.policy_section ol li {
    list-style-type: decimal; }
#page_help_privacy .mypage_inner_box {
  border: none;
  margin-top: 60px; }
.policy_contact {
  background: #F5F5F5;
  padding: 35px 30px; }
.policy_contact .bold {
    font-size: 16px; }
.policy_contact .sub_txt {
    font-size: 12px;
    color: #999999; }
/* tradelaw */
#page_help_tradelaw .form_table {
  margin: 60px 0; }
#page_help_tradelaw .form_table dl {
    border-bottom: none; }
#page_help_tradelaw .form_table dl:last-child {
      border-bottom: 1px #E6E6E6 solid; }
#page_help_tradelaw .form_table dt {
    position: relative;
    background-color: #F5F5F5;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px; }
#page_help_tradelaw .form_table dt:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      top: 45px;
      left: 0;
      background: #000000;
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0; }
#page_help_tradelaw .form_table dd {
    padding-right: 1rem;
    max-width: none; }
@media (min-width: 768px) {
      .ec-grid2 .ec-grid2__cell {
        width: 50%; }
      .ec-grid2 .ec-grid2__cell2 {
        width: 100%; }
      .ec-grid3 .ec-grid3__cell {
        width: 33.33333%; }
      .ec-grid3 .ec-grid3__cell2 {
        width: 66.66667%; }
      .ec-grid3 .ec-grid3__cell3 {
        width: 100%; }
      .ec-grid4 .ec-grid4__cell {
        width: 25%; }
      .ec-grid6 .ec-grid6__cell {
        width: 16.66667%; }
      .ec-grid6 .ec-grid6__cell2 {
        width: 33.33333%; }
      .ec-grid6 .ec-grid6__cell3 {
        width: 50%; } }
@media only screen and (min-width: 768px) {
    .ec-pageHeader h1 {
      border-top: none;
      border-bottom: 1px solid #ccc;
      margin: 10px 16px 48px;
      padding: 8px;
      font-size: 32px;
      font-weight: bold; }
    .ec-heading-bold {
      font-size: 18px; }
    .ec-reportHeading {
      border-top: 0;
      font-size: 32px; }
      .ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3,
      .ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
        font-size: 32px; }
    .ec-price .ec-price__unit {
      font-size: 1em; }
    .ec-price .ec-price__price {
      font-size: 1em; }
    .ec-price .ec-price__tax {
      font-size: 0.57em; }
      .ec-borderedDefs dl {
        flex-wrap: nowrap;
        padding: 15px 0 4px; }
      .ec-borderedDefs dt {
        padding-top: 14px;
        width: 30%; }
      .ec-borderedDefs dd {
        width: 70%;
        line-height: 3; }
      .ec-list-chilled dt, .ec-list-chilled dd {
        padding: 16px 0; }
      .ec-list-chilled dd {
        padding: 16px; }
    .ec-borderedList {
      border-top: 1px dotted #ccc; }
    .ec-blockTopBtn {
      right: 30px;
      bottom: 30px; }
    .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
      font-size: 14px; }
    .ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
      font-size: 14px; }
    .ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
      font-size: 14px; }
    .ec-halfInput input[type='text'] {
      width: 16%; }
    .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
      font-size: 14px; }
    .ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
      font-size: 14px; }
    .ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
      font-size: 14px; }
    .ec-halfInput input[type='text'] {
      width: 16%; }
    .ec-select__delivery {
      display: inline-block; }
    .ec-select__time {
      display: inline-block; }
    .ec-required {
      margin-left: 1em; }
    .ec-grid2 {
      display: flex; }
    .ec-grid3 {
      display: flex; }
    .ec-grid4 {
      display: flex; }
    .ec-grid6 {
      display: flex; }
    .ec-off1Grid {
      display: block;
      margin: 0; }
      .ec-off1Grid .ec-off1Grid__cell {
        position: relative;
        min-height: 1px;
        margin-left: 8.33333%; }
    .ec-off2Grid {
      display: flex; }
      .ec-off2Grid .ec-off2Grid__cell {
        position: relative;
        min-height: 1px;
        margin-left: 16.66667%; }
    .ec-off3Grid {
      display: flex; }
      .ec-off3Grid .ec-off3Grid__cell {
        position: relative;
        min-height: 1px;
        margin-left: 25%; }
    .ec-off4Grid {
      display: flex; }
      .ec-off4Grid .ec-off4Grid__cell {
        position: relative;
        min-height: 1px;
        margin-left: 33.33333%; }
      .ec-imageGrid .ec-imageGrid__img {
        padding: 10px;
        width: 130px; }
    .ec-login {
      margin: 0 16px;
      padding: 30px 13% 60px; }
      .ec-login .ec-login__link {
        margin-left: 20px; }
    .ec-guest {
      height: 100%;
      margin: 0 16px; }
    .ec-displayB {
      flex-direction: row; }
      .ec-displayB .ec-displayB__cell {
        width: 31.4466%;
        margin-bottom: 0; }
      .ec-displayC .ec-displayC__cell {
        width: 22.8775%; }
    .ec-displayD {
      box-sizing: border-box;
      flex-wrap: nowrap; }
      .ec-displayD .ec-displayD__cell {
        width: 14.3083%;
        margin-bottom: 16px; }
    .ec-topicpath {
      padding: 30px 0 10px;
      border: 0;
      font-size: 16px; }
    .ec-progress {
      margin-bottom: 30px;
      padding: 0; }
      .ec-progress .ec-progress__number {
        line-height: 42px;
        width: 42px;
        height: 42px;
        font-size: 20px; }
  .ec-cartNaviWrap {
    position: relative; }
    .ec-cartNavi {
      display: flex;
      justify-content: space-between;
      border-radius: 99999px;
      box-sizing: border-box;
      padding: 12px 17px 10px;
      width: auto;
      min-width: 140px;
      height: 44px;
      white-space: nowrap;
      cursor: pointer;
      background: #F8F8F8; }
      .ec-cartNavi .ec-cartNavi__badge {
        display: inline-block;
        min-width: 17px;
        position: relative;
        left: 0;
        top: 0; }
      .ec-cartNavi .ec-cartNavi__price {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        vertical-align: middle; }
    .ec-cartNavi.is-active .ec-cartNavi__badge {
      display: none; }
    .ec-cartNaviIsset {
      margin-top: 10px;
      min-width: 256px;
      max-width: 256px; }
      .ec-cartNaviIsset::before {
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8.5px 10px 8.5px;
        border-color: transparent transparent #f8f8f8 transparent;
        position: absolute;
        top: -9px; }
    .ec-cartNaviNull {
      margin-top: 10px;
      min-width: 256px;
      max-width: 256px; }
      .ec-cartNaviNull::before {
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8.5px 10px 8.5px;
        border-color: transparent transparent #f8f8f8 transparent;
        position: absolute;
        top: -9px; }
      .ec-totalBox .ec-totalBox__price {
        font-size: 24px; }
      .ec-totalBox .ec-totalBox__taxLabel {
        font-size: 14px; }
      .ec-totalBox .ec-totalBox__taxRate {
        font-size: 12px; }
    .ec-news {
      margin-right: 3%; }
    .ec-news {
      margin-bottom: 32px; }
      .ec-news .ec-news__title {
        padding: 16px;
        text-align: left;
        font-size: 24px; }
    .ec-navlistRole .ec-navlistRole__navlist {
      flex-wrap: nowrap; }
    .ec-welcomeMsg {
      padding-left: 26px;
      padding-right: 26px; }
      .ec-favoriteRole .ec-favoriteRole__item-image {
        height: 250px; }
    .ec-favoriteRole .ec-favoriteRole__item {
      width: 25%; }
    .ec-mypageRole {
      padding-left: 26px;
      padding-right: 26px; }
    .ec-mypageRole .ec-pageHeader h1 {
      margin: 10px 0 48px;
      padding: 8px 0 18px; }
      .ec-layoutRole .ec-layoutRole__mainBetweenColumn {
        width: 50%; }
      .ec-layoutRole .ec-layoutRole__left,
      .ec-layoutRole .ec-layoutRole__right {
        display: block;
        width: 25%; }
    .ec-headerRole:after {
      content: " ";
      display: table; }
    .ec-headerRole:after {
      clear: both; }
    .ec-headerRole {
      width: 100%; }
      .ec-headerRole:after {
        content: " ";
        display: table; }
      .ec-headerRole:after {
        clear: both; }
      .ec-headerRole .ec-headerRole__navSP {
        display: none; }
    .ec-headerNaviRole {
      padding-bottom: 40px; }
      .ec-headerNaviRole .ec-headerNaviRole__search {
        display: inline-block;
        margin-top: 10px; }
        .ec-headerNaviRole .ec-headerNaviRole__search a {
          color: inherit;
          text-decoration: none; }
        .ec-headerNaviRole .ec-headerNaviRole__search a:hover {
          text-decoration: none; }
      .ec-headerNaviRole .ec-headerNaviRole__navSP {
        display: none; }
        .ec-headerNaviRole .ec-headerNaviRole__navSP a {
          color: inherit;
          text-decoration: none; }
        .ec-headerNaviRole .ec-headerNaviRole__navSP a:hover {
          text-decoration: none; }
    .ec-headerNavSP {
      display: none; }
        .ec-headerTitle .ec-headerTitle__title a {
          font-size: 40px; }
      .ec-headerTitle .ec-headerTitle__subtitle {
        font-size: 16px;
        margin-bottom: 10px; }
      .ec-headerNav .ec-headerNav__itemIcon {
        margin-right: 0;
        font-size: 20px; }
      .ec-headerNav .ec-headerNav__itemLink {
        display: inline-block; }
    .ec-headerSearch .ec-headerSearch__category {
      float: left;
      width: 43%; }
        .ec-headerSearch .ec-headerSearch__category .ec-select select {
          max-width: 165px;
          height: 36px; }
        .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
          border-top-right-radius: inherit;
          border-top-left-radius: 50px;
          border-bottom-left-radius: 50px; }
    .ec-headerSearch .ec-headerSearch__keyword {
      float: right;
      width: 57%;
      border-bottom-left-radius: inherit;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px; }
      .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
        font-size: 12px; }
    .ec-categoryNaviRole {
      display: block;
      width: 100%; }
      .ec-categoryNaviRole a {
        color: inherit;
        text-decoration: none; }
      .ec-categoryNaviRole a:hover {
        text-decoration: none; }
    .ec-itemNav__nav {
      display: inline-block; }
    .ec-itemNav__nav li {
      float: left;
      width: auto; }
    .ec-itemNav__nav li a {
      text-align: center;
      border-bottom: none; }
    .ec-itemNav__nav li ul {
      display: block;
      z-index: 100;
      position: absolute; }
    .ec-itemNav__nav li ul li {
      overflow: hidden;
      height: 0; }
  .ec-itemNav__nav > li:hover > ul > li {
    overflow: visible;
    height: auto; }
  .ec-itemNav__nav li ul li ul:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: white;
    position: absolute;
    top: 19px;
    right: auto;
    left: -20px; }
  .ec-itemNav__nav li ul li:hover > ul > li {
    overflow: visible;
    height: auto;
    width: auto; }
    .ec-drawerRole {
      display: none; }
    .ec-drawerRoleClose {
      display: none; }
    .ec-drawerRole.is_active {
      display: none; }
    .ec-drawerRoleClose.is_active {
      display: none; }
    .ec-overlayRole {
      display: none; }
    .have_curtain .ec-overlayRole {
      display: none; }
    .ec-footerRole {
      padding-top: 40px;
      margin-top: 100px; }
    .ec-footerRole .ec-footerRole__inner {
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      font-size: 16px;
      line-height: 1.4;
      color: #525263;
      -webkit-text-size-adjust: 100%;
      width: 100%;
      max-width: 1130px; }
      .ec-footerRole .ec-footerRole__inner:after {
        content: " ";
        display: table; }
      .ec-footerRole .ec-footerRole__inner:after {
        clear: both; }
      .ec-footerRole .ec-footerRole__inner textarea {
        /* for chrome fontsize bug */
        font-family: sans-serif; }
      .ec-footerRole .ec-footerRole__inner img {
        max-width: 100%; }
      .ec-footerRole .ec-footerRole__inner html {
        box-sizing: border-box; }
      .ec-footerRole .ec-footerRole__inner *,
      .ec-footerRole .ec-footerRole__inner *::before,
      .ec-footerRole .ec-footerRole__inner *::after {
        box-sizing: inherit; }
      .ec-footerRole .ec-footerRole__inner img {
        width: 100%; }
      .ec-footerNavi .ec-footerNavi__link {
        display: inline-block; }
        .ec-footerNavi .ec-footerNavi__link a {
          display: inline-block;
          border-bottom: none;
          margin: 0 10px;
          padding: 0;
          text-decoration: underline; }
    .ec-footerTitle {
      padding: 50px 0 80px; }
        .ec-footerTitle .ec-footerTitle__logo a {
          font-size: 24px; }
      .ec-footerTitle .ec-footerTitle__copyright {
        font-size: 12px; }
      .ec-sliderItemRole .item_nav {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 0; }
    .ec-eyecatchRole {
      flex-wrap: nowrap; }
      .ec-eyecatchRole .ec-eyecatchRole__image {
        order: 2; }
      .ec-eyecatchRole .ec-eyecatchRole__intro {
        padding-right: 5%;
        order: 1; }
      .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
        margin-top: 45px; }
      .ec-eyecatchRole .ec-eyecatchRole__introTitle {
        margin-bottom: 1em;
        font-size: 26px; }
      .ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
        margin-bottom: 30px; }
      .ec-eyecatchRole .ec-eyecatchRole__introDescription {
        margin-bottom: 30px; }
    .ec-blockBtn--top {
      max-width: 260px; }
    .ec-topicRole {
      padding: 60px 0; }
      .ec-topicRole .ec-topicRole__list {
        flex-wrap: nowrap; }
      .ec-topicRole .ec-topicRole__listItem {
        width: calc(100% / 2); }
        .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
          margin-right: 30px; }
      .ec-topicRole .ec-topicRole__listItemTitle {
        margin-top: 1em; }
    .ec-newItemRole {
      padding: 60px 0; }
      .ec-newItemRole .ec-newItemRole__list {
        flex-wrap: nowrap; }
      .ec-newItemRole .ec-newItemRole__listItem {
        margin-bottom: 15px;
        width: calc(100% / 4); }
        .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
          margin-right: 30px; }
        .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
          margin-right: 30px; }
      .ec-newItemRole .ec-newItemRole__listItemTitle {
        margin: 20px 0 10px; }
    .ec-categoryRole {
      padding: 60px 0; }
      .ec-categoryRole .ec-categoryRole__list {
        flex-wrap: nowrap; }
      .ec-categoryRole .ec-categoryRole__listItem {
        width: calc(100% / 3); }
        .ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
          margin-right: 30px; }
    .ec-newsRole {
      padding: 60px 0 0; }
      .ec-newsRole .ec-newsRole__news {
        border: 16px solid #F8F8F8;
        padding: 20px 30px; }
        .ec-newsRole .ec-newsRole__newsItem:last-of-type {
          margin-bottom: 0; }
      .ec-newsRole .ec-newsRole__newsItem {
        padding: 20px 0; }
      .ec-newsRole .ec-newsRole__newsHeading {
        display: flex; }
      .ec-newsRole .ec-newsRole__newsDate {
        display: inline-block;
        margin: 0;
        min-width: 120px;
        font-size: 14px; }
      .ec-newsRole .ec-newsRole__newsColumn {
        display: inline-flex;
        min-width: calc(100% - 120px); }
      .ec-newsRole .ec-newsRole__newsTitle {
        margin-bottom: 0;
        line-height: 1.8; }
      .ec-newsRole .ec-newsRole__newsDescription {
        margin: 20px 0 0;
        line-height: 1.8; }
      .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
        margin: 20px 0 0; }
    .ec-searchnavRole {
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      font-size: 16px;
      line-height: 1.4;
      color: #525263;
      -webkit-text-size-adjust: 100%;
      width: 100%;
      max-width: 1130px; }
      .ec-searchnavRole:after {
        content: " ";
        display: table; }
      .ec-searchnavRole:after {
        clear: both; }
      .ec-searchnavRole textarea {
        /* for chrome fontsize bug */
        font-family: sans-serif; }
      .ec-searchnavRole img {
        max-width: 100%; }
      .ec-searchnavRole html {
        box-sizing: border-box; }
      .ec-searchnavRole *,
      .ec-searchnavRole *::before,
      .ec-searchnavRole *::after {
        box-sizing: inherit; }
      .ec-searchnavRole img {
        width: 100%; }
      .ec-searchnavRole .ec-searchnavRole__infos {
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #ccc;
        padding-top: 16px;
        flex-direction: row; }
      .ec-searchnavRole .ec-searchnavRole__counter {
        margin-bottom: 0;
        width: 50%; }
      .ec-searchnavRole .ec-searchnavRole__actions {
        width: 50%; }
    .ec-shelfGrid {
      margin-left: -16px;
      margin-right: -16px; }
        .ec-shelfGrid .ec-shelfGrid__item-image {
          height: 250px; }
      .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 25%; }
      .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
        padding: 0 16px; }
      .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
        padding: 0 16px; }
    .ec-shelfGridCenter {
      margin-left: -16px;
      margin-right: -16px; }
        .ec-shelfGridCenter .ec-shelfGridCenter__item-image {
          height: 250px; }
      .ec-shelfGridCenter .ec-shelfGridCenter__item {
        padding: 0 16px;
        width: 25%; }
      .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
        padding: 0 16px; }
      .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
        padding: 0 16px; }
      .ec-modal .ec-modal-wrap {
        padding: 40px 10px;
        width: 50%;
        margin: 20px auto; }
      .ec-modal_detail_delivery .ec-modal-wrap {
        padding: 40px 10px;
        width: 50%;
        margin: 20px auto; }
      .modal-img .ec-modal-wrap {
        padding: 40px 10px;
        width: 50%;
        margin: 20px auto; }
      .ec-productRole .ec-productRole__img {
        margin-right: 16px;
        margin-bottom: 0; }
      .ec-productRole .ec-productRole__profile {
        margin-left: 16px; }
      .ec-productRole .ec-productRole__title .ec-headingTitle {
        font-size: 32px; }
      .ec-productRole .ec-productRole__price {
        padding: 14px 0;
        border-bottom: 1px dotted #ccc; }
        .ec-productRole .ec-productRole__actions .ec-select select {
          min-width: 350px;
          max-width: 350px; }
      .ec-productRole .ec-productRole__btn {
        width: 60%;
        margin-bottom: 16px;
        min-width: 350px; }
      .ec-cartRole .ec-cartRole__totalText {
        margin-bottom: 30px;
        padding: 0; }
      .ec-cartRole .ec-cartRole__cart {
        margin: 0 10%; }
      .ec-cartRole .ec-cartRole__actions {
        width: 20%;
        margin-right: 10%; }
      .ec-cartRole .ec-cartRole__totalAmount {
        font-size: 24px; }
    .ec-cartTable {
      border-top: none; }
    .ec-cartHeader {
      display: table-row; }
      .ec-cartRow .ec-cartRow__delColumn {
        width: 8.3333333%; }
        .ec-cartRow .ec-cartRow__delColumn .ec-icon img {
          width: 1em;
          height: 1em; }
      .ec-cartRow .ec-cartRow__contentColumn {
        display: table-cell; }
      .ec-cartRow .ec-cartRow__img {
        display: inline-block;
        min-width: 80px;
        max-width: 100px;
        padding-right: 0; }
      .ec-cartRow .ec-cartRow__summary {
        display: inline-block;
        margin-left: 20px;
        vertical-align: middle; }
        .ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
          display: none; }
      .ec-cartRow .ec-cartRow__amountColumn {
        width: 16.66666667%; }
        .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
          display: block; }
        .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
          display: none; }
        .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
          display: block; }
      .ec-cartRow .ec-cartRow__subtotalColumn {
        display: table-cell; }
    .ec-orderRole {
      margin-top: 20px;
      flex-direction: row; }
      .ec-orderRole .ec-orderRole__detail {
        padding: 0 16px;
        width: 66.66666%; }
      .ec-orderRole .ec-orderRole__summary {
        width: 33.33333%;
        padding: 0 16px; }
        .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
          display: none; }
      .ec-orderRole .ec-borderedList {
        border-top: none; }
    .ec-orderConfirm {
      margin-bottom: 0; }
    .ec-AddAddress {
      margin: 0 10%; }
        .ec-AddAddress .ec-AddAddress__selectAddress select {
          min-width: 350px; }
    .ec-historyRole .ec-historyRole__contents {
      flex-direction: row; }
    .ec-historyRole .ec-historyRole__header {
      width: 33.3333%; }
    .ec-historyRole .ec-historyRole__detail {
      width: 66.6666%;
      border-top: none; }
    .ec-historyListHeader .ec-historyListHeader__date {
      font-weight: bold;
      font-size: 20px; }
      .ec-historyListHeader .ec-historyListHeader__action a {
        font-size: 14px; }
      .ec-registerRole .ec-registerRole__actions {
        text-align: left; }
      .ec-customerRole .ec-blockBtn--action {
        margin-bottom: 16px; }
      .ec-userEditCompleteRole .ec-userEditCompleteRole__title {
        font-size: 32px; }
  .ec-layoutRole .ec-layoutRole__left {
    min-width: 200px;
    max-width: 200px;
    margin-right: 60px; } }
@media only screen and (min-width: 768px) and (min-width: 768px) {
    .ec-off1Grid {
      display: flex; }
    .ec-off1Grid .ec-off1Grid__cell {
      width: 83.33333%; }
    .ec-off2Grid .ec-off2Grid__cell {
      width: 66.66667%; }
    .ec-off3Grid .ec-off3Grid__cell {
      width: 50%; }
    .ec-off4Grid .ec-off4Grid__cell {
      width: 33.33333%; } }
@media only screen and (min-width: 1023px) {
  .mypage_inner_box_col2 + .mypage_inner_box_col2 {
    margin-left: 2rem; }
        header.global_header .global_header_cart .ec-cartNavi:after {
          content: "";
          border-bottom: 1px solid #fff;
          width: 0;
          position: absolute;
          bottom: 0;
          left: 2px;
          transition: all 0.2s linear 0s; }
        header.global_header .global_header_cart .ec-cartNavi:hover:after {
          border-bottom: 1px solid #000;
          width: 100%; }
            header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a:after {
              content: "";
              border-bottom: 1px solid #fff;
              width: 0;
              position: absolute;
              bottom: -6px;
              left: 2px;
              transition: all 0.2s linear 0s; }
            header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a:hover {
              /*
              border-bottom: 1px solid #000;
              margin-top: 5px;
              padding-bottom: 6px;
              */ }
              header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a:hover:after {
                border-bottom: 1px solid #000;
                width: 100%; }
            header.global_header .global_header_inner .global_header_inner_nav > li > a:after {
              content: "";
              border-bottom: 1px solid #fff;
              width: 0;
              position: absolute;
              bottom: -6px;
              left: 0;
              transition: all 0.2s linear 0s; }
            header.global_header .global_header_inner .global_header_inner_nav > li > a:hover:after {
              border-bottom: 1px solid #000;
              width: 100%; }
  header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a::after {
    left: 0; }
  header.global_header .global_header_cart .ec-cartNavi::after {
    left: 0; } }
@media only screen and (max-width: 1271px) {
      #page_shopping .non-customer-edit.form_table dt,
      #page_shopping_confirm .non-customer-edit.form_table dt {
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        width: 100%;
        display: inline-block; }
        #page_shopping .non-customer-edit.form_table dt:before,
        #page_shopping_confirm .non-customer-edit.form_table dt:before {
          top: 20px; }
      #page_shopping .non-customer-edit.form_table dd,
      #page_shopping_confirm .non-customer-edit.form_table dd {
        padding: 20px;
        width: 100%; }
          #page_shopping .non-customer-edit.form_table dd input#edit0, #page_shopping .non-customer-edit.form_table dd input#edit1, #page_shopping .non-customer-edit.form_table dd input#edit2, #page_shopping .non-customer-edit.form_table dd input#edit3,
          #page_shopping_confirm .non-customer-edit.form_table dd input#edit0,
          #page_shopping_confirm .non-customer-edit.form_table dd input#edit1,
          #page_shopping_confirm .non-customer-edit.form_table dd input#edit2,
          #page_shopping_confirm .non-customer-edit.form_table dd input#edit3 {
            width: 120px; }
      #page_shopping .non-customer-edit.form_table span.ec-required,
      #page_shopping_confirm .non-customer-edit.form_table span.ec-required {
        top: 11px; } }
@media only screen and (max-width: 1023px) {
    body {
      min-width: 0; }
  .section {
    margin-left: 1.28rem;
    margin-right: 1.28rem; }
    .main_content {
      margin-top: 50px; }
    .ec-layoutRole .ec-layoutRole__contents {
      margin-right: 0;
      margin-left: 0px;
      max-width: none;
      min-width: 0px; }
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
      width: 90%;
      margin-left: 20px;
      margin-right: 20px; }
    .is-complete .progress__number {
      margin-left: 0; }
    .is-complete .progress__label {
      font-size: 10px;
      width: 84px; }
  .progress_confirm {
    min-width: 49px; }
    .form_control {
      padding-left: 1rem; }
      .essential_list_brackets li {
        text-indent: -1.5em; }
    .form_table dl {
      display: block;
      height: auto;
      border: 1px #E6E6E6 solid; }
    .form_table dt {
      height: 1rem;
      width: 117rem;
      min-width: none;
      max-width: none;
      padding-top: 1rem;
      padding-left: 1rem;
      padding-bottom: 1rem; }
    .form_table dd {
      display: block;
      padding-left: 0;
      width: 100%; }
    .input_control input {
      font-size: 12px;
      height: 2rem; }
    #entry_address_pref {
      font-size: 12px; }
    #entry_birth_year {
      width: 70px;
      font-size: 12px; }
    #entry_birth_month {
      width: 50px;
      font-size: 12px; }
    #entry_birth_day {
      width: 50px;
      font-size: 12px; }
    #entry_job {
      font-size: 12px; }
    #page_mypage_login .mypage_grid .form_control {
      width: 280px; }
    #page_mypage_login .mypage_grid .submit {
      width: 13rem;
      height: 49px; }
    .mypage_inner_box {
      padding-top: 2.5rem; }
    .ec-checkbox label {
      font-size: 12px;
      height: 2rem; }
      #page_forgot #forgot .mypage_grid .mail_address {
        width: 300px;
        max-width: 95%; }
        #page_forgot #forgot .mypage_grid .mail_address span {
          font-size: 10px;
          width: 2.5rem; }
    #page_forgot #forgot .ec-para-normal {
      margin-bottom: 1rem; }
    #page_forgot #forgot .form_control {
      width: 300px;
      max-width: 95%; }
    #page_forgot #forgot .submit {
      margin-top: 0; }
    .mypage_tab {
      width: 100%; }
      .mypage_tab li {
        width: 50%; }
    .mypage_order {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0; }
      .mypage_order .btn01 {
        margin-top: 1.5rem;
        margin-bottom: 2rem; }
      .mypage_order dd {
        display: contents; }
    .mypage_order_product {
      vertical-align: middle; }
      .product_img img {
        width: 80px;
        height: 80px; }
    .product_item {
      margin-left: 1rem; }
      #mypage_index .mypage_order_inner {
        display: block;
        justify-content: none;
        margin-top: 2rem; }
      #mypage_index .mypage_order_inner + .mypage_order_inner {
        margin-left: 0;
        border-top: 1px #ccc solid; }
    .mypage_order_detail dt {
      width: 95%;
      float: none; }
    .mypage_order_detail dd {
      margin-top: 1rem;
      padding: 1.5rem;
      border: 1px solid #000;
      min-width: 0px;
      max-width: 100%;
      height: auto;
      float: none; }
    .mypage_order_detail .submit {
      margin-top: 2rem;
      width: 100%; }
    #mypage_history .btn01 {
      margin-bottom: 2rem; }
    .total {
      margin-left: 20px;
      display: block; }
    .item_icon_cross {
      width: 20px;
      min-width: 10px;
      max-width: 20px;
      height: 20px;
      margin-left: 10rem;
      margin-top: -0.5rem; }
        .item_icon_cross div img {
          border-style: none;
          display: inline;
          padding-bottom: 1.69rem;
          width: 10px; }
      .item_icon_cross div {
        width: 10px;
        height: 10px;
        margin-left: 0.36rem; }
    .item_icon p img {
      width: 150px;
      height: 150px; }
    #mypage_favorite .item_icon_cross {
      margin-left: 10rem;
      margin-top: -0.5rem; }
      #mypage_favorite .item_icon_cross img {
        margin-left: -0.8rem; }
      #mypage_delivery .item_icon_cross img {
        width: 20px;
        height: 13px;
        margin-left: -0.4rem;
        margin-top: 0;
        padding-bottom: 0; }
      #mypage_delivery .btn01 {
        margin-top: -4.8rem;
        margin-bottom: 0;
        margin-left: 2.7rem; }
    #mypage_delivery .bold {
      padding-top: 1rem; }
      #mypage_delivery dl {
        height: 180px; }
        #mypage_delivery dt .item_icon_cross {
          margin-left: 0.8rem;
          margin-top: 5.5rem; }
      #mypage_delivery dt {
        width: 40px;
        height: 178px; }
          #mypage_delivery dd div p {
            margin-top: 0;
            margin-bottom: 0;
            padding-left: 4rem; }
        #mypage_delivery dd div {
          float: none;
          width: 100%;
          margin-top: 0; }
      #mypage_delivery dd {
        height: 180px; }
    #mypage_delivery_edit #customer_address_address_pref {
      width: 184px; }
  #mypage_delivery_edit .pull_select select {
    font-size: 12px;
    height: 2rem; }
    #mypage_withdraw_conplete .btn01 {
      width: 11rem; }
    #shopping_login .mypage_inner {
      min-width: 0; }
    #shopping_login .form_control {
      width: 280px;
      max-width: 95%;
      margin-top: 1rem; }
    .mypage_inner_box_col2 {
      float: none;
      display: block;
      min-width: 0;
      width: 335px;
      min-height: 342px; }
    #page_cart .product_table {
      border-top: 1px #ccc solid;
      border-bottom: 1px #ccc solid;
      padding-bottom: 2rem; }
      #page_cart .product_table li {
        display: table-row; }
    #page_cart .product_item_price {
      display: block; }
    #page_cart .item_icon_cross {
      margin-left: calc(3% - 2px); }
      #page_cart .mypage_inner_borderline {
        height: 100px; }
      #page_cart .progress_state_item .progress__label {
        font-size: 10px;
        width: 70px; }
    .progress_state_item .progress__label {
      width: auto;
      font-size: 10px; }
    .item_icon_cross {
      margin-left: calc(3% - 17px);
      margin-top: 5rem; }
      .item_icon_cross img {
        width: 14px;
        height: 14px;
        margin-bottom: 1.7rem; }
      .progress_state .progress_state_item {
        width: 10%;
        margin-left: -1rem;
        text-align: center; }
        .progress_state .progress_state_item:last-child:after {
          content: none; }
  .table_thead {
    display: none; }
    .icon_minus {
      margin-bottom: -0.35rem; }
    .icon_plus {
      margin-bottom: -0.35rem; }
    .item_cart_remove {
      border-right: none; }
    .cart_item_info {
      border-right: none; }
      .cart_item_info img {
        width: 130px;
        height: 164px; }
    .cart_item_quantity {
      border-right: none;
      text-align: right; }
    .cart_item_quantity .borderbox {
      display: block;
      border-bottom: 1px solid #ccc;
      border-top: #ccc 1px solid;
      margin: 0;
      width: 274px;
      float: right;
      padding-top: 1rem;
      margin-bottom: 1rem;
      padding-bottom: 1rem; }
      .cart_item_quantity div {
        text-align: right;
        margin-right: 2rem;
        display: inline; }
    .row_title {
      display: inline !important;
      margin-right: 2rem; }
    .cart_item_subtotal {
      display: table-row;
      border-right: none;
      display: inline;
      text-align: right; }
    .total_box {
      width: 42%; }
    .cart_item_subtotal p {
      text-align: right; }
    .cart_item_list_quantity {
      display: inline; }
    .cart_item_info_row {
      width: 300px;
      max-width: 100%;
      float: right; }
      .cart_item_info_row::after {
        clear: both; }
    .cart_item_info_row .item_info {
      display: inline !important; }
  .product_item_name p {
    display: inline-block; }
  .product_item_name {
    display: inline-block !important;
    font-size: 10px; }
  .product_item_price {
    display: inline-block; }
      #page_shopping .mypage_inner_borderline {
        height: 100px; }
      #page_shopping .mypage_grid dt {
        height: 1rem;
        width: 117rem;
        min-width: none;
        max-width: none;
        padding-top: 1rem;
        padding-left: 1rem;
        padding-bottom: 1rem; }
      #page_shopping .mypage_grid .input_name_dt {
        height: 1rem; }
      #page_shopping .mypage_grid dd {
        height: 100px;
        margin-left: 0; }
      #page_shopping .address_dt {
        height: 68px; }
        #page_shopping .mod-button .submit {
          margin-left: 20px; }
      #page_shopping dt {
        width: 100%; }
      #page_shopping .mypage_order_inner dd {
        margin-top: 2rem;
        max-width: 330px;
        min-width: 330px;
        height: 433px; }
      #page_shopping .submit {
        margin-left: 2.5rem; }
      #page_shopping .order_price {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0.5rem;
        display: flow-root; }
      #page_shopping .item_img {
        width: 110px;
        height: 110px;
        margin-top: 1rem;
        display: inline;
        float: left;
        margin-right: 1rem; }
        #page_shopping .item_img::after {
          clear: both; }
      #page_shopping .cart_order_delivery_detail {
        padding-bottom: 3rem;
        border-bottom: 1px #ccc solid; }
      .order_price_box .btn01 {
        margin-left: 2.5rem; }
      .cart_order_select .select_date_info {
        margin-right: 4rem; }
      .cart_order_select .select_time_info {
        margin-top: 1rem;
        margin-left: 1rem;
        margin-right: 4rem; }
    .delivery_detail_item {
      display: inline;
      width: 150px; }
      .delivery_detail_item p {
        display: block;
        margin-left: 1rem; }
    #page_shopping_shipping .form_control {
      margin-left: 0.6rem; }
    #page_shopping_shipping .submit {
      width: 220px; }
    #page_shopping_shipping .delivery_list dt {
      width: 30px; }
    #page_shopping_shipping .delivery_list dd {
      padding-left: 3.5rem; }
    #page_shopping_shipping_multiple .item_img {
      margin-bottom: 0; }
    #page_shopping_shipping_multiple .shipping {
      font-size: 12px;
      width: 100px;
      padding: 0;
      margin-left: 0.5rem; }
    #page_shopping_shipping_multiple .quantity {
      margin-right: 0;
      margin-left: 0.5rem; }
    #page_shopping_shipping_multiple .submit {
      margin-right: -1.5rem; }
    #page_shopping_shipping_multiple .btn01 {
      margin-right: -1.5rem; }
    #page_shopping_shipping_multiple .icon_item_cross {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      margin-bottom: 0;
      font-size: 15px; }
    #page_shopping_shipping_multiple .pull_select {
      width: 137px; }
  #page_shopping_shipping_multiple .select_address {
    margin-left: 0.5rem;
    padding: 0;
    margin-right: 0.5rem; }
    #page_shopping_confirm .mypage_inner_borderline {
      height: 120px; }
  #page_shopping_confirm .progress_state {
    height: 80px; }
    #page_shopping_confirm .submit {
      padding-right: 0;
      padding-top: 0;
      margin-left: 2.5rem; }
    #page_shopping_confirm .order_price {
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 0.5rem;
      display: flow-root; }
    #page_shopping_complete .mypage_inner_borderline {
      height: auto; }
    .ec-modal .ec-modal-wrap {
      max-width: none; }
    .ec-modal-wrap {
      width: 70%;
      max-width: 245px; }
  .ec-modal_detail_delivery .submit {
    display: block;
    margin: 0 auto; }
    .ec-modal_detail_delivery .btn01 {
      margin-right: 0;
      margin-bottom: 1rem; }
  .ec-modal_detail_delivery {
    padding-left: 0.5rem; }
  .ec-modal .submit {
    display: block;
    margin: 0 auto; }
    .ec-modal .btn01 {
      margin-right: 0;
      margin-bottom: 1rem; }
  .ec-modal {
    padding-left: 0.5rem; }
    #page_shopping_nonmember .pull_select {
      width: 150px; }
    #page_homepage .section_title {
      font-size: 18px;
      padding-top: 20px; }
    div.global-header {
      padding-top: 0; }
      header.global_header .global_header_cart {
        height: 50px;
        top: 0;
        right: 3rem;
        width: 4rem; }
        header.global_header .global_header_cart .ec-cartNaviWrap {
          padding: 0 0 0 7px; }
        header.global_header .global_header_cart > a {
          display: block;
          height: 100%; }
        header.global_header .global_header_cart .ec-cartNavi {
          display: block;
          height: 100%; }
          header.global_header .global_header_cart .ec-cartNavi i.ec-cartNavi__icon.fas.fa-shopping-cart {
            font-size: 15px;
            vertical-align: middle;
            padding-top: 14px; }
          header.global_header .global_header_cart .ec-cartNavi .ec-cartNavi__badge {
            top: 0px;
            left: 2px; }
          header.global_header h1.global_header_logo > a::before {
            width: 220px;
            height: 20px; }
    header.global_header {
      height: 50px;
      position: fixed;
      background: #fff;
      width: 100%;
      padding: 10px 20px;
      right: 0;
      z-index: 2; }
      header.global_header h1.global_header_logo {
        margin: 0;
        float: none;
        display: inline-block;
        font-size: 1.2rem;
        height: auto;
        margin: 5px 0; }
        header.global_header h1.global_header_logo::after {
          content: "";
          display: block;
          clear: both; }
        header.global_header h1.global_header_logo > a {
          height: 20px;
          line-height: 20px; }
          header.global_header h1.global_header_logo > a ::before {
            content: " ";
            display: inline-block;
            vertical-align: middle;
            width: 218px;
            height: 20px;
            background-position: left center;
            line-height: 20px;
            background-position: left center; }
      header.global_header .global_header_inner {
        margin-left: auto;
        position: relative;
        height: calc(100vh - 50px);
        position: fixed;
        background: white;
        top: 50px;
        left: 0;
        width: 100vw;
        display: block;
        padding: 0 20px 50px;
        margin-left: 100vw;
        transition: all cubic-bezier(0.82, 0, 0.97, 0.14) 0.3s;
        visibility: hidden; }
        header.global_header .global_header_inner .global_header_inner_search {
          padding: 20px 0;
          position: relative;
          width: 100%; }
          header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch > form > div {
            width: 30%; }
          header.global_header .global_header_inner .global_header_inner_search form input {
            height: 40px; }
          header.global_header .global_header_inner .global_header_inner_search .ec-select label.form_control {
            height: 40px;
            padding: 0;
            width: 100%; }
          header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword {
            width: 70%; }
          header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .header_search_select > select {
            width: 100%; }
        header.global_header .global_header_inner .global_header_inner_nav {
          display: block;
          margin: 0;
          width: 48%;
          padding: 0;
          float: left;
          height: auto; }
          header.global_header .global_header_inner .global_header_inner_nav > li {
            display: none;
            display: block;
            width: 100%;
            /* line-height: 100%; */
            border-bottom: 1px solid #D9d9d9; }
            header.global_header .global_header_inner .global_header_inner_nav > li:first-child {
              border-top: 1px solid #d9d9d9; }
            header.global_header .global_header_inner .global_header_inner_nav > li > a {
              line-height: 60px;
              font-size: 16px; }
        header.global_header .global_header_inner .global_header_inner_icon {
          position: static;
          width: 48%;
          top: 0;
          right: 200px;
          float: right; }
          header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav {
            text-align: right;
            height: auto;
            display: block;
            padding: 0; }
            header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav::before {
              display: none; }
            header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item {
              float: none;
              display: block;
              width: 100%;
              font-size: 16px;
              border-bottom: 1px solid #d9d9d9; }
              header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item.ec-headerNav__item_cart {
                display: block; }
              header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item:first-child {
                border-top: 1px solid #d9d9d9; }
              header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a {
                line-height: 60px;
                width: 100%;
                display: block;
                text-align: left;
                text-decoration: none; }
                header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a span {
                  display: inline;
                  color: #000; }
      header.global_header .nav_btn {
        transition: all .4s ease-in-out 0s;
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 3.6rem;
        height: 100%; }
        header.global_header .nav_btn > .line {
          border-radius: 0;
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          right: 20px;
          width: 1.8rem;
          height: 2px;
          background: #000;
          left: 10px;
          width: calc(100% - 30px); }
          header.global_header .nav_btn > .line.line_1 {
            transition: all .2s ease-in-out .1s;
            margin-top: -0.7rem; }
          header.global_header .nav_btn > .line.line_2, header.global_header .nav_btn > .line.line_3 {
            transition: all .2s ease-in-out 0s;
            margin-top: -.2rem; }
          header.global_header .nav_btn > .line.line_4 {
            transition: all .2s ease-in-out .2s;
            margin-top: .3rem;
            width: 1.1rem; }
      header.global_header.open .global_header_inner {
        margin-left: 0;
        visibility: visible;
        width: 100%; }
      header.global_header.open .nav_btn > .line_1 {
        transform: translateX(5px);
        opacity: 0;
        transition: all .2s ease-in-out 0s; }
      header.global_header.open .nav_btn > .line_2 {
        transform: rotate(-45deg);
        transition: all .2s ease-in-out .2s; }
      header.global_header.open .nav_btn > .line_3 {
        transform: rotate(45deg);
        transition: all .2s ease-in-out .2s; }
      header.global_header.open .nav_btn > .line_4 {
        transform: translateX(5px);
        opacity: 0;
        transition: all .2s ease-in-out .1s; }
    #page_help_tradelaw .page_title {
      font-size: 18px; }
    #page_help_tradelaw dt {
      width: 117rem; }
      #page_contact dt {
        width: 117rem; }
    #page_contact dd {
      padding-left: 1rem; }
    #page_help_agreement .mypage_grid a,
    #page_help_guide .mypage_grid a {
      padding-left: 3rem; }
      #page_help_agreement .essential_list_brackets li p,
      #page_help_guide .essential_list_brackets li p {
        text-indent: 0em; }
    #page_help_agreement .essential_list_brackets,
    #page_help_guide .essential_list_brackets {
      padding-left: 1.8rem; }
      #page_help_agreement .table_thead li,
      #page_help_guide .table_thead li {
        padding: 0 4px; }
    #page_help_agreement .table_thead,
    #page_help_guide .table_thead {
      display: block; }
    #page_help_agreement .bank_img,
    #page_help_guide .bank_img {
      width: 250px;
      height: 72px;
      margin: 0 auto;
      display: block; }
    #page_help_agreement .creditcard_img,
    #page_help_guide .creditcard_img {
      width: 200px; }
    #page_help_about .title {
      text-align: left; }
    #page_help_about p + p {
      text-align: left; }
      #page_help_about .about_table dt {
        text-align: left;
        width: 100px;
        padding-left: 1rem; }
    #page_help_about .about_table {
      font-size: 12px; }
    #page_help_about .map {
      padding-top: 260px; }
    #page_help_about iframe {
      height: 240px; }
    #page_news_list .pull,
    #page_news_detail .pull {
      display: block;
      margin-left: 0; }
  #page_news_list .blog_archives,
  #page_news_detail .blog_archives {
    margin-left: 3.2rem; }
  #page_news_list .pull + .pull,
  #page_news_detail .pull + .pull {
    margin-top: 1rem; }
    #page_news_list .news_control .pull_select,
    #page_news_detail .news_control .pull_select {
      width: 140px;
      padding-left: .5rem; }
      #page_news_list .news_control .pull_select select,
      #page_news_detail .news_control .pull_select select {
        width: 124px;
        padding-left: 0; }
      #page_news_list .news_list img,
      #page_news_detail .news_list img {
        width: 130px;
        height: 81.25px; }
      #page_news_list .news_list li,
      #page_news_detail .news_list li {
        /*padding-top: 0.4rem;
        padding-bottom: 0.4rem;*/ }
    #page_product_detail .ec-modal_detail_delivery .ec-modal-wrap {
      max-width: none; }
    #page_product_detail .ec-modal_detail_delivery .table_thead li {
      padding: 0 4px; }
  #page_product_detail .ec-modal_detail_delivery .table_thead {
    display: block; }
  #page_product_detail {
    font-size: 12px; }
    #product_review_area .border_title {
      font-size: 18px; }
    .ec-footerRole {
      font-size: 12px; }
      .ec-footerRole .copy-right {
        display: block; }
        .ec-footerRole .ec-footerTitle .ec-footerTitle__logo {
          float: none; }
        .ec-footerRole .ec-footerTitle p {
          text-align: center; }
      .ec-footerRole .ec-footerTitle {
        padding: 20px; }
      .ec-footerRole .ec-footerNavi2 {
        display: inline; }
        .ec-footerRole .shop-hours p {
          display: block; }
        .ec-footerRole .copy_right_wrap .copy-right2 {
          margin-bottom: 40px; }
        .ec-footerRole .copy_right_wrap .copy-right2 {
          display: none; }
        .ec-footerRole .ec-footerNavi a::before {
          left: 0; }
    .ec-footerRole .ec-footerNavi {
      display: none !important; }
        .ec-footerRole .footer_info p {
          text-align: center; }
      .ec-footerRole .footer_info {
        margin-top: 2rem;
        margin-left: 0; }
        .ec-footerRole .footer_shop_info .holiday {
          float: none;
          margin-bottom: 2rem; }
  header.global_header .global_header_inner .global_header_inner_icon .ec-headerNav .ec-headerNav__item > a {
    margin: 0; }
  header.global_header .global_header_inner .global_header_inner_icon .fa-shopping-cart:before,
  header.global_header .global_header_inner .global_header_inner_icon .fa-heart:before,
  header.global_header .global_header_inner .global_header_inner_icon .fa-lock:before,
  header.global_header .global_header_inner .global_header_inner_icon .fa-user:before {
    font-size: 16px; }
  header.global_header.open .global_header_inner {
    overflow: scroll; }
  header.global_header .global_header_inner .global_header_inner_nav > li {
    padding: 0; }
  header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .header_search_select > select {
    font-size: 14px; }
  header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword button.ec-headerSearch__keywordBtn {
    right: 4px; }
    header.global_header .global_header_inner .global_header_inner_search .ec-headerSearch .headerSearch__keyword button.ec-headerSearch__keywordBtn > .ec-icon {
      width: 14px; }
  header.global_header .global_header_inner .global_header_inner_search form input.search-name {
    font-size: 14px; }
  .ec-layoutRole .ec-layoutRole__left {
    display: none; }
        header.global_header h1.global_header_logo > a::before {
          height: 25px;
          margin-top: -2px;
          margin-left: -2px; }
  #page_news_detail .ec-layoutRole__mainWithColumn {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0; }
  #page_news_detail .post_area {
    border-left: none;
    border-right: none;
    padding: 30px 25px; }
    #page_news_detail .post_area.news_post_content {
      padding: 30px 25px 60px; }
  #page_news_detail .news_post_header h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.8; }
  #page_news_detail .news_post_content .wp-block-table table td {
    padding: .8rem; }
  #page_news_detail .news_post_content .wp-block-table table th {
    padding: .8rem;
    min-width: 100px; }
  #page_news_detail .news_control_nav {
    padding: 3rem 0 4rem; }
    #page_news_detail .news_control_nav a {
      margin: 0 1.2rem; }
  .ec-layoutRole .ec-layoutRole__mainWithColumn {
    width: 100%;
    min-width: 0;
    margin-right: 40px; }
  .ec-layoutRole .ec-layoutRole__mainWithColumn {
    width: 100%;
    margin: 0 20px; }
  #page_news_list .news_control,
  #page_news_detail .news_control {
    text-align: left; }
  #page_news_list .news_control label,
  #page_news_detail .news_control label {
    width: 100px;
    margin-left: 1.4rem; }
  #page_news_list .news_list .news_info_child,
  #page_news_detail .news_list .news_info_child {
    margin-bottom: 0;
    margin-top: -.4rem; }
  #page_news_list .news_list .news_info_child label,
  #page_news_detail .news_list .news_info_child label {
    font-size: 0.6rem; }
  #page_news_list .news_list .news_title h3,
  #page_news_detail .news_list .news_title h3 {
    font-size: .95rem; }
      .about_grid dl {
        font-size: .9rem; }
    #page_help_about .footer_shop_title p + p,
    #page_help_about .footer_shop_info p + p {
      text-align: center; }
  #page_help_about .top_main_slides .main_visual.pc {
    display: none; }
  #page_help_about .top_main_slides .main_visual.sp {
    display: block; }
    #page_help_about iframe {
      height: 500px; }
    #page_contact textarea {
      padding: 6px; }
      #page_contact .ec-checkbox #contact_user_privacy_check + span > label {
        top: -4px;
        left: -23px; }
      #page_contact .ec-checkbox #contact_user_privacy_check:checked + span > label::after {
        top: 12px; }
    #page_contact dt {
      border-bottom: 1px solid #ccc;
      padding: 10px; }
    #page_contact dd {
      padding: 15px 0; }
    #page_shopping_nonmember .page_title,
    #page_shopping_shipping_edit .page_title,
    #page_shopping_complete .page_title,
    #page_shopping_confirm .page_title,
    #page_shopping_shipping_multiple .page_title,
    #page_shopping_shipping .page_title,
    #page_shopping .page_title,
    #page_cart .page_title,
    #shopping_login .page_title,
    #mypage_withdraw_confirm .page_title,
    #mypage_withdraw .page_title,
    #mypage_delivery_edit .page_title,
    #mypage_delivery .page_title,
    #mypage_change_complete .page_title,
    #mypage_chenge .page_title,
    #mypage_favorite .page_title,
    #mypage_history .page_title,
    #page_mypage .page_title,
    #page_mypage_history .page_title,
    #page_mypage_login .page_title,
    #page_help_agreement .page_title,
    #mypage_grid_complete .page_title,
    #page_entry_complete .page_title,
    #page_entry .page_title,
    #page_help_tradelaw .page_title,
    #mypage_grid_agreement .page_title,
    #page_forgot .page_title,
    #page_forgot_complete .page_title,
    #page_entry_activate .page_title {
      font-size: 24px; }
    .nav_sns ul {
      padding-left: 0;
      text-align: center; }
      .nav_sns ul li {
        margin: 10px 10px 0; }
        .nav_sns ul li .fa-icon {
          font-size: 30px; }
  #page_homepage .top_main_slides .main_visual.sp {
    margin-bottom: 50px; }
  #page_product_list .ec-shelfGrid .ec-shelfGrid__item {
    width: 33.3%; }
    #page_product_list .ec-shelfGrid .ec-shelfGrid__item:nth-of-type(3n + 1) {
      padding: 0 10px 0 0; }
    #page_product_list .ec-shelfGrid .ec-shelfGrid__item:nth-of-type(3n + 2) {
      padding: 0 5px 0 5px; }
    #page_product_list .ec-shelfGrid .ec-shelfGrid__item:nth-of-type(3n) {
      padding: 0 0 0 10px; }
    #page_product_list .ec-shelfGrid .ec-shelfGrid__item-image {
      min-width: calc(50% - 180px);
      width: 100%; }
  #page_product_list .ec-searchnavRole__actions {
    padding-left: 20px; }
    #page_product_detail .ec-select label[for="productoption1"],
    #page_product_detail .ec-select label[for="productoption2"],
    #page_product_detail .ec-select label[for="productoption3"] {
      width: 230px;
      line-height: 20px; }
  #page_cart .product_item_name {
    font-size: 14px; }
  #page_cart .cart_item_info_row {
    width: 85%; }
    #page_cart .cart_item_info_row img {
      margin-right: 14px; }
      #page_cart .cart_item_quantity .borderbox {
        position: relative;
        width: calc(85% - 2rem); }
    #page_cart .item_icon_cross {
      margin-top: 85px;
      margin-left: calc(15% - 2rem); }
      #page_cart .item_icon_cross img {
        width: 10px;
        height: 10px; }
    #page_cart .progress_state {
      margin: 0 auto; }
    #page_shopping_confirm .progress_state,
    #page_shopping .progress_state {
      margin: 0 auto; }
    #page_mypage_favorite .mypage_favorite li {
      width: 32%; }
      #page_mypage_favorite .mypage_favorite li:nth-of-type(3n+1) {
        margin-right: 2%; }
      #page_mypage_favorite .mypage_favorite li:nth-child(3n) {
        margin-left: 2%; }
        .sln_card_payment_container #card_AddMem_0 + span > label {
          top: -4px;
          left: 1px; }
        .sln_card_payment_container #card_AddMem_0:checked + span > label::after {
          top: 12px; }
      #page_entry #entry_user_policy_check + span > label {
        top: -4px;
        left: 1px; }
      #page_entry #entry_user_policy_check:checked + span > label::after {
        top: 8px; }
      #page_mypage_login #login_memory + span > label {
        top: -4px;
        left: 1px; }
      #page_mypage_login #login_memory:checked + span > label::after {
        top: 12px; }
  #page_mypage_history .order_price {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
    display: flow-root; }
    #page_mypage_favorite .item_icon_cross img {
      width: 40px;
      height: 37px;
      margin-left: -1.1rem;
      margin-top: 0.3rem; }
      #page_mypage_favorite .mypage_favorite .item_icon img {
        width: 150px;
        height: 150px; }
      #page_mypage_favorite .mypage_favorite li {
        width: 150px;
        margin-right: 1rem; }
        #page_mypage_favorite .mypage_favorite li:nth-child(2n) {
          margin-left: 0;
          margin-right: 1rem;
          margin-top: 0; }
      #page_mypage_favorite .mypage_favorite li:nth-child(2n-1) {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0; }
      #page_mypage_favorite .mypage_favorite li:nth-of-type(3n+1) {
        margin-left: 0;
        margin-right: 1rem;
        margin-top: 0; }
      #page_mypage_delivery .delivery_list dt .item_icon_cross {
        margin-top: 3.5rem; }
      #page_mypage_delivery .delivery_list dd div p {
        padding-left: 1rem; }
    #page_mypage_delivery .delivery_list dd {
      width: calc(104% - 80px); }
    #page_mypage_delivery .delivery_list .btn01 {
      margin-top: -0.5rem; }
    #page_shopping_shipping_multiple .submit {
      margin-right: 0px; }
    #page_shopping_shipping_multiple .btn01 {
      margin-right: 0px; }
      #page_shopping_login #login_memory + span > label {
        top: -4px;
        left: 1px; }
      #page_shopping_login #login_memory:checked + span > label::after {
        top: 12px; }
  #page_shopping_login .mypage_inner_box_col2 + .mypage_inner_box_col2 p {
    margin-top: 0; }
  #page_shopping_login .mypage_inner_box_col2 {
    width: 100%; }
    #page_cart .item_icon_cross {
      position: absolute;
      margin-left: calc(15% - 3rem); }
    #page_cart .delivery_detail_item p {
      width: 200px; }
  #page_cart .delivery_detail_item {
    display: inline-block;
    width: 200px;
    margin-top: 2rem; }
    #page_shopping .cart_order_delivery_detail_address_detail select {
      margin-left: -11px; }
    #page_shopping .cart_order_delivery_detail_item {
      display: flex; }
  #page_shopping .delivery_detail_item {
    display: inline-block; }
  #page_shopping .delivery_detail_item p {
    max-width: 100%; }
  #page_shopping .delivery_detail_item p {
    width: 200px; }
    #page_shopping .submit {
      width: 100%;
      margin-left: 0;
      text-align: center; }
    #page_shopping .btn01 {
      width: 100%;
      margin-left: 0;
      text-align: center; }
  #page_shopping dd .ec-color-accent {
    float: none;
    text-align: center;
    display: block; }
  #page_shopping_confirm .mypage_inner_borderline {
    height: 100px; }
    #page_shopping_confirm .mypage_order_detail dt {
      width: 100%; }
      #page_shopping_confirm .delivery_detail_item p {
        width: 200px;
        max-width: 100%;
        margin-left: 0; }
    #page_shopping_confirm .delivery_detail_item {
      display: inline-block;
      width: 150px;
      margin-top: 13px;
      margin-left: 0;
      margin-top: 2rem; }
  #page_shopping_confirm dd .ec-color-accent {
    float: none;
    text-align: center;
    display: block; }
    #page_shopping_confirm .submit {
      width: 100%;
      padding-left: 0;
      text-align: center; }
    #page_shopping_confirm .btn01 {
      width: 100%;
      text-align: center; }
    #page_shopping_shipping .submit {
      width: 200px; }
    #page_shopping_shipping dt .form_control {
      margin-left: 0.5rem; }
    #page_shopping .cart_order_inner_change {
      position: relative; }
      #page_homepage .homepage_section a.top_more_link {
        right: 20px; }
    #page_homepage .txtbox {
      padding: 2rem calc(1rem + 10px);
      width: calc(100% + 40px);
      margin-left: -20px; }
  #page_homepage .top_product_view_slides {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0px 20px; }
  #page_homepage .top_product_view_slides .page_arrow {
    top: 64px; }
    #page_homepage .top_product_view_slides .page_arrow.back_page {
      right: auto;
      left: -10px; }
    #page_homepage .top_product_view_slides .page_arrow.next_page {
      right: -10px; }
  #page_homepage .top_product_view_slides .top_product_view_sliders {
    min-width: 48%; }
            #page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span {
              font-size: 14px; }
              #page_homepage .top_product_links .top_product_links_img > a .top_product_links_img_txt div > span.top_product_links_img_txt_title {
                font-size: 24px; }
      #page_homepage .top_brand_links .txtbox > ul > li {
        width: 50%; }
        #page_homepage .top_brand_links .txtbox > ul > li > a {
          margin: 0 5% 5%; }
      #page_homepage .top_news_list .news_list img {
        width: 130px;
        height: 81.25px; }
      #page_homepage .top_news_list .news_list li {
        /*padding-top: 0.4rem;
              padding-bottom: 0.4rem;*/ }
      #page_homepage .top_news_list .news_list .news_info_child {
        margin-bottom: 0;
        margin-top: -.4rem; }
        #page_homepage .top_news_list .news_list .news_info_child label {
          font-size: 0.6rem; }
        #page_homepage .top_news_list .news_list .news_title h3 {
          font-size: .95rem; }
  #page_homepage .top_main_slides .main_visual.pc {
    display: none; }
  #page_homepage .top_main_slides .main_visual.sp {
    display: block; }
  header.global_header .global_header_inner .header_section {
    display: block;
    padding: 2.5rem 0; }
  header.global_header .global_header_inner .global_header_inner_categorysearch p.header_search_select {
    font-family: "Noto Sans JP",sans-serif;
    border: none;
    padding: 1rem 0;
    font-size: 20px;
    border-top: 2px solid #000;
    display: block;
    width: calc(100vw - 20px);
    margin-left: -20px;
    padding-left: 20px; }
  header.global_header .global_header_inner .global_header_inner_categorysearch .ec-select label {
    width: 100%;
    margin: 0;
    padding: 0; }
  header.global_header .global_header_inner .global_header_inner_categorysearch .pull_select select {
    width: 100%;
    height: 40px; }
  header.global_header .global_header_inner .header-category {
    margin-bottom: 32px; }
      #page_product_list .ec-searchnavRole .nav_control .pull {
        text-align: left; }
        #page_product_list .ec-searchnavRole .nav_control .pull label {
          width: 100px;
          margin-left: 1.4rem; }
      #page_product_list .ec-searchnavRole .nav_control .pull {
        display: block;
        margin-left: 0; }
      #page_product_list .ec-searchnavRole .nav_control .pull + .pull {
        margin-top: 1rem; }
        #page_product_list .ec-searchnavRole .nav_control .pull .pull_select {
          width: 140px;
          padding-left: 0; }
          #page_product_list .ec-searchnavRole .nav_control .pull .pull_select select {
            width: 124px;
            padding-left: 0.5rem; }
    #page_product_list .ec-searchnavRole .nav_control {
      text-align: center; }
  #page_product_list span.ec-font-bold {
    font-size: 16px; }
  #page_product_list .ec-searchnavRole__counter {
    float: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed; }
  #page_product_list .ec-searchnavRole__actions {
    float: none;
    padding-bottom: 2rem; }
  #page_product_list .ec-searchnavRole__actions > div {
    margin-left: 0; }
  #page_product_list .ec-searchnavRole__actions .form-check {
    font-size: 12px; }
  #page_product_list .ec-searchnavRole__actions > .ec-select > label.pull_orderby {
    float: right; }
  #page_product_list .ec-searchnavRole__actions > .ec-select {
    float: right;
    width: auto; }
  #page_product_list .ec-searchnavRole__actions > .ec-select > label > select {
    font-size: 12px; }
  #page_product_list .ec-searchnavRole__actions > .ec-select > label {
    margin-left: 10px; }
  #page_product_list .ec-searchnavRole__infos {
    padding: 0;
    margin: 0;
    border: none; }
    .globalFooter_pagetop {
      right: 24px; }
      .globalFooter_pagetop > a {
        font-size: 10px;
        padding: 5px;
        letter-spacing: -0.4px; }
  #page_product_detail .related_product_list {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 20px; }
    #page_product_detail .related_product_list .related_product_view_sliders li.item.slick-slide {
      width: 150px; }
    #page_product_detail .related_product_list .related_product_view_sliders .slide-arrow {
      top: 64px; }
  #page_product_detail .related_product_list .related_product_view_sliders {
    overflow-wrap: break-word;
    position: relative; }
    #page_product_detail .related_product_list .related_product_view_sliders > .slide-arrow {
      top: 64px; }
      #page_product_detail .related_product_list .related_product_view_sliders > .slide-arrow.back_page {
        left: -11px; }
      #page_product_detail .related_product_list .related_product_view_sliders > .slide-arrow.next_page {
        right: -11px; }
    #page_product_detail .related_product_list .more_link {
      right: 20px; }
    #page_product_detail .remodal.ec-modal-product-img {
      width: 95%; }
      #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slick-slide img {
        width: calc(95vw - 20px);
        height: calc(95vw - 20px); }
      #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow {
        width: 30px;
        height: 30px;
        top: auto;
        bottom: -39px; }
        #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow::before {
          width: 15px;
          height: 15px; }
        #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.prev-arrow {
          left: 0;
          right: auto; }
          #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.prev-arrow::before {
            left: 3px; }
        #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.next-arrow {
          right: 0; }
          #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slide-arrow.next-arrow::before {
            right: -9px; }
    #page_product_detail .remodal.ec-modal-product-img .ec-modal-product_img_slider .slick-dots {
      bottom: -52px; }
      #page_product_detail .remodal.ec-modal-product-img a.item-icon-cross {
        width: 20px;
        height: 20px;
        right: -10px;
        top: -10px; }
        #page_product_detail .remodal.ec-modal-product-img a.item-icon-cross::before, #page_product_detail .remodal.ec-modal-product-img a.item-icon-cross::after {
          width: 7.8px; }
    #page_product_detail a.item-icon-cross {
      width: 20px;
      height: 20px;
      right: -10px;
      top: -10px; }
      #page_product_detail a.item-icon-cross::before, #page_product_detail a.item-icon-cross::after {
        width: 7.8px; }
  #page_homepage .top_product_view_slides .top_product_view_sliders {
    min-width: 170px; }
  #page_homepage .top_product_view_slides .top_product_view_sliders .slick-list li > a {
    width: 150px; }
    #page_homepage .top_brand_links .txtbox > ul > li {
      width: 16.6%; }
    #page_homepage .top_instagram .txtbox .slick-slide_item-image > img {
      height: 150px; }
  .tbsp-hidden {
    display: none !important; }
    #page_news_detail .news_control,
    #page_news_list .news_control {
      display: block; }
      #page_news_detail .news_control .pull,
      #page_news_list .news_control .pull {
        padding: 10px 0 24px; }
        #page_news_detail .news_control .pull:first-child,
        #page_news_list .news_control .pull:first-child {
          padding: 24px 0 10px;
          margin: 0; }
      #page_news_detail .news_control .pull + .pull,
      #page_news_list .news_control .pull + .pull {
        margin: 0; }
        #page_news_detail .news_control .pull .pull_title,
        #page_news_list .news_control .pull .pull_title {
          text-align: left; }
        #page_news_detail .news_control .pull .pull_select,
        #page_news_list .news_control .pull .pull_select {
          margin-left: 22px; }
      #page_contact .form_table dt {
        padding: 0 20px;
        border-bottom: 1px #E6E6E6 solid; }
        #page_contact .form_table dt:before {
          top: 20px; }
      #page_contact .form_table dd {
        padding: 20px;
        width: 100%; }
        #page_contact .form_table dd input#contact_name_name02 {
          margin-left: 3px; }
      #page_contact .form_table span.ec-required {
        top: 30px; }
      #page_entry .form_table dt {
        padding: 0 20px;
        border-bottom: 1px #E6E6E6 solid; }
        #page_entry .form_table dt:before {
          top: 20px; }
      #page_entry .form_table dd {
        padding: 20px;
        width: 100%; }
      #page_entry .form_table span.ec-required {
        top: 11px; }
    #page_entry span.user_policy-required {
      top: -4px;
      right: -35px; }
        #page_forgot .mypage_inner_box .mail_address .ec-required {
          top: 0; }
    .total_box {
      width: 100%; }
  #page_cart .content {
    padding-left: 10px;
    padding-right: 10px; }
    #page_shopping .mypage_order_detail dt,
    #page_shopping_confirm .mypage_order_detail dt {
      padding: 30px 20px; }
      #page_shopping .mypage_order_detail dt .mypage_grid,
      #page_shopping_confirm .mypage_order_detail dt .mypage_grid {
        margin-bottom: 50px; }
      #page_shopping .mypage_order_detail dt .mypage_order_inner,
      #page_shopping_confirm .mypage_order_detail dt .mypage_order_inner {
        padding-bottom: 50px; }
    #page_shopping_login .mypage_inner_box_col2 {
      height: 250px;
      min-height: 250px; }
      #page_shopping_login .mypage_inner_box_col2.left_box {
        height: 475px;
        min-height: 475px; }
      #page_shopping_login .mypage_inner_box_col2 form {
        padding: 40px; }
    #page_shopping_login .col2_guest {
      padding: 40px; }
    #page_shopping_shipping_multiple_edit .form_table dt {
      padding: 0 20px;
      border-bottom: 1px #E6E6E6 solid; }
      #page_shopping_shipping_multiple_edit .form_table dt:before {
        top: 20px; }
    #page_shopping_shipping_multiple_edit .form_table dd {
      padding: 20px;
      width: 100%; }
    #page_shopping_shipping_multiple_edit .form_table span.ec-required {
      top: 11px; }
    #page_shopping_shipping_multiple_edit span.user_policy-required {
      top: -4px;
      right: -35px; }
      #page_shopping_nonmember .form_table dt {
        padding: 0 20px;
        border-bottom: 1px #E6E6E6 solid; }
        #page_shopping_nonmember .form_table dt:before {
          top: 20px; }
      #page_shopping_nonmember .form_table dd {
        padding: 20px;
        width: 100%; }
      #page_shopping_nonmember .form_table span.ec-required {
        top: 11px; }
      #page_mypage_withdraw .mypage_tab li,
      #page_mypage_delivery_edit .mypage_tab li,
      #page_mypage_delivery_new .mypage_tab li,
      #mypage_delivery .mypage_tab li,
      #page_mypage_delivery .mypage_tab li,
      #page_mypage_history .mypage_tab li,
      #page_mypage_change_complete .mypage_tab li,
      #page_mypage_change .mypage_tab li,
      #page_mypage .mypage_tab li {
        width: 50%; }
        #page_mypage_withdraw .mypage_tab li:nth-child(1),
        #page_mypage_delivery_edit .mypage_tab li:nth-child(1),
        #page_mypage_delivery_new .mypage_tab li:nth-child(1),
        #mypage_delivery .mypage_tab li:nth-child(1),
        #page_mypage_delivery .mypage_tab li:nth-child(1),
        #page_mypage_history .mypage_tab li:nth-child(1),
        #page_mypage_change_complete .mypage_tab li:nth-child(1),
        #page_mypage_change .mypage_tab li:nth-child(1),
        #page_mypage .mypage_tab li:nth-child(1) {
          border-top: 1px solid #000;
          border-bottom: 1px solid #000;
          border-left: 1px solid #000;
          border-right: 1px solid #000; }
        #page_mypage_withdraw .mypage_tab li:nth-child(2),
        #page_mypage_delivery_edit .mypage_tab li:nth-child(2),
        #page_mypage_delivery_new .mypage_tab li:nth-child(2),
        #mypage_delivery .mypage_tab li:nth-child(2),
        #page_mypage_delivery .mypage_tab li:nth-child(2),
        #page_mypage_history .mypage_tab li:nth-child(2),
        #page_mypage_change_complete .mypage_tab li:nth-child(2),
        #page_mypage_change .mypage_tab li:nth-child(2),
        #page_mypage .mypage_tab li:nth-child(2) {
          border-top: 1px solid #000;
          border-right: 1px solid #000;
          border-bottom: 1px solid #000;
          border-left: none; }
        #page_mypage_withdraw .mypage_tab li:nth-child(3),
        #page_mypage_delivery_edit .mypage_tab li:nth-child(3),
        #page_mypage_delivery_new .mypage_tab li:nth-child(3),
        #mypage_delivery .mypage_tab li:nth-child(3),
        #page_mypage_delivery .mypage_tab li:nth-child(3),
        #page_mypage_history .mypage_tab li:nth-child(3),
        #page_mypage_change_complete .mypage_tab li:nth-child(3),
        #page_mypage_change .mypage_tab li:nth-child(3),
        #page_mypage .mypage_tab li:nth-child(3) {
          border-left: 1px solid #000;
          border-bottom: 1px solid #000;
          border-top: none;
          border-right: 1px solid #000; }
        #page_mypage_withdraw .mypage_tab li:nth-child(4),
        #page_mypage_delivery_edit .mypage_tab li:nth-child(4),
        #page_mypage_delivery_new .mypage_tab li:nth-child(4),
        #mypage_delivery .mypage_tab li:nth-child(4),
        #page_mypage_delivery .mypage_tab li:nth-child(4),
        #page_mypage_history .mypage_tab li:nth-child(4),
        #page_mypage_change_complete .mypage_tab li:nth-child(4),
        #page_mypage_change .mypage_tab li:nth-child(4),
        #page_mypage .mypage_tab li:nth-child(4) {
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          border-left: none;
          border-top: none; }
    #page_mypage #mypage_index dl.mypage_order {
      display: block; }
      #page_mypage #mypage_index dl.mypage_order dt {
        width: 100%;
        padding: 40px 40px 70px; }
      #page_mypage #mypage_index dl.mypage_order dd {
        display: block;
        width: 100%;
        padding: 40px;
        border-top: none;
        border-left: 1px solid #000; }
      #page_mypage #mypage_index dl.mypage_order dd .mypage_order_inner {
        margin-top: 0;
        padding-bottom: 13px; }
  #page_mypage #mypage_index .product_item {
    margin-left: 0; }
      #page_mypage_delivery_edit .form_table dt,
      #page_mypage_change .form_table dt {
        padding: 0 20px;
        border-bottom: 1px #E6E6E6 solid; }
        #page_mypage_delivery_edit .form_table dt:before,
        #page_mypage_change .form_table dt:before {
          top: 20px; }
      #page_mypage_delivery_edit .form_table dd,
      #page_mypage_change .form_table dd {
        padding: 20px;
        width: 100%; }
      #page_mypage_delivery_edit .form_table span.ec-required,
      #page_mypage_change .form_table span.ec-required {
        top: 11px; }
    #page_mypage_history .mypage_order_detail dt {
      padding: 30px 20px;
      width: 100%; }
      #page_mypage_delivery_new .form_table dt {
        padding: 0 20px;
        border-bottom: 1px #E6E6E6 solid; }
        #page_mypage_delivery_new .form_table dt:before {
          top: 20px; }
      #page_mypage_delivery_new .form_table dd {
        padding: 20px;
        width: 100%; }
      #page_mypage_delivery_new .form_table span.ec-required {
        top: 11px; }
    #page_help_privacy .mypage_inner_box {
      margin-top: 50px; }
      #page_help_tradelaw .form_table dt {
        padding: 0 20px;
        border-bottom: 1px #E6E6E6 solid; }
        #page_help_tradelaw .form_table dt:before {
          top: 20px; }
      #page_help_tradelaw .form_table dd {
        padding: 20px;
        width: 100%; } }
@media only screen and (max-width: 1023px) and (max-width: 767px) {
        header.global_header .global_header_cart .ec-cartNavi .ec-cartNavi__badge {
          top: 12px;
          left: 20px; } }
@media only screen and (max-width: 850px) {
  #wrapper {
    padding-left: 0;
    overflow: hidden; }
  .sp-hidden {
    display: none !important; }
  .pc-hidden {
    display: block !important; }
  br.pc-hidden {
    display: inline-block !important; }
  .header {
    width: 100%;
    height: 60px; }
  .header__logo {
    top: 19px;
    left: 17px;
    transform: translateX(0); }
  .header__menu {
    width: 60px;
    height: 60px;
    top: 0;
    margin-top: 0;
    left: auto;
    right: 0;
    background: #000000; }
  .header__menu .lines {
    width: 60px;
    height: 60px; }
  .header__menu .line-1,
  .header__menu .line-2,
  .header__menu .line-3,
  .header__menu .line-4 {
    margin-left: -12px;
    width: 24px;
    background: #ffffff; }
  .header__menu .line-1 {
    margin-top: -8px; }
  .header__menu .line-3 {
    margin-top: 9px;
    width: 16px; }
  .header__nav {
    height: 100vh;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
  .header__nav .navInner {
    margin-left: 0;
    display: block;
    padding: 100px 40px 0; }
  .header__nav .nav__logo {
    display: none; }
  .header__nav .nav__content {
    width: 100%;
    padding-bottom: 50px; }
  .header__nav .nav__main li a {
    font-size: 24px; }
  .header__nav .nav__main li + li {
    margin-top: 25px; }
  .header__nav .nav__sns {
    display: block;
    margin-top: 30px; }
  .header__nav .nav__links {
    margin-top: 50px;
    display: flex; }
  .header__nav .nav__links .col {
    display: block; }
  .header__nav .nav__links .col + .col {
    margin-top: 0;
    margin-left: 20px; }
  .header__nav .nav__links .col li {
    margin-right: 0; }
  .header__nav .nav__links .col li a {
    font-size: 13px; }
  .header__btns {
    right: 70px;
    top: 0;
    bottom: auto;
    height: 60px;
    width: auto;
    margin-left: 0;
    display: flex;
    align-items: center; }
  .header__btns li a {
    padding: 0 11px; }
  .header__sns {
    display: none; }
  .m-insta {
    margin: 0;
    width: 30px;
    height: 30px; }
  .m-insta .icon.insta {
    width: 16px;
    height: 16px; }
  .m-insta .icon svg {
    margin-left: -8px;
    margin-top: -1px; }
  .m-btn {
    min-width: 110px; }
  .mc-btn {
    min-width: 110px; }
  #page-top {
    height: 76px; }
  #page-top .arw {
    height: 20px; }
  .footer__logo {
    padding: 200px 0 200px; }
  .footer__logo a {
    width: 100px;
    height: 86px; }
    .content {
      padding: 60px 25px 0; }
    .page_title {
      font-size: 36px;
      margin: 50px 0; }
  .p-top-fv__opening {
    background-size: 80px auto; }
  .p-top-fv__logo span {
    width: 330px;
    height: 56px; }
  .p-top-fv__scroll {
    height: 70px; }
  .p-top-fv__scroll .arw {
    height: 20px; }
  .p-top-ttl {
    font-size: 23px;
    margin-bottom: 30px; }
  .p-top-txt {
    line-height: 2;
    font-size: 13.5px; }
  .p-top-txt span {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px; }
  .p-top-txtEn {
    font-size: 11px; }
  .p-top-copy {
    font-size: 23px;
    margin-bottom: 30px; }
  .p-top-about {
    padding: 80px 0; }
  .p-top-about:before {
    width: 64%;
    height: 100px; }
  .p-top-about:after {
    display: none; }
  .p-top-aboutInner {
    flex-flow: column-reverse wrap-reverse;
    position: relative; }
  .p-top-about__txt {
    padding: 0;
    margin: 0;
    position: relative;
    padding: 80px 0 0; }
  .p-top-about__txt:before {
    position: absolute;
    content: "";
    display: block;
    width: 64%;
    height: 102px;
    right: 0;
    top: 0;
    background: #F5F5F5; }
  .p-top-about__txt:after {
    position: absolute;
    top: 44px;
    -webkit-animation: about-bg-sp 63.06s linear 0s infinite normal;
            animation: about-bg-sp 63.06s linear 0s infinite normal;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 4204px;
    min-width: 200vw;
    height: 154px;
    background: url(../img/top/txt_ichimaruyon.svg) repeat-x left top;
    background-size: 2102px 154px; }
  .p-top-about__txtInner {
    margin: 0 25px;
    position: relative;
    z-index: 1; }
  .p-top-about__txt .sign {
    font-size: 13.5px;
    margin-top: 30px; }
  .p-top-about__img {
    width: 100%;
    height: 0;
    padding-bottom: 130%;
    background: url(../img/top/about_img_sp.jpg) no-repeat center center;
    background-size: cover; }
  .p-top-about__img .c-parallax {
    display: none; }
  .p-top-features {
    position: relative; }
  .p-top-features:before {
    display: none; }
  .p-top-features:after {
    display: none; }
  .p-top-featuresInner {
    display: block; }
  .p-top-features__txt {
    padding: 50px 25px 200px;
    background: #F5F5F5;
    margin: 0;
    width: 100%;
    position: relative; }
  .p-top-features__txtInner {
    position: relative;
    z-index: 1; }
  .p-top-features__txt:after {
    position: absolute;
    bottom: 90px;
    -webkit-animation: features-bg-sp 28.68s linear 0s infinite normal;
            animation: features-bg-sp 28.68s linear 0s infinite normal;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 1912px;
    min-width: 200vw;
    height: 152px;
    background: url(../img/top/txt_japan.svg) repeat-x left top;
    background-size: 956px 152px; }
  .p-top-features__img {
    width: 100%;
    height: 0;
    padding-bottom: 123.2%;
    background: url(../img/top/features_img_sp.jpg) no-repeat center center;
    background-size: cover;
    transform: translateY(0); }
  .p-top-features__img .c-parallax {
    display: none; }
  .p-top-morb:after {
    display: none; }
  .p-top-morbInner {
    flex-flow: column-reverse wrap-reverse;
    position: relative; }
  .p-top-morb__txt {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding: 60px 0 200px; }
  .p-top-morb__txt:after {
    position: absolute;
    bottom: 90px;
    -webkit-animation: morb-bg-sp 41.82s linear 0s infinite normal;
            animation: morb-bg-sp 41.82s linear 0s infinite normal;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 2788px;
    min-width: 200vw;
    height: 152px;
    background: url(../img/top/txt_morbmorb.svg) repeat-x left top;
    background-size: 1394px 152px; }
  .p-top-morb__txtInner {
    margin: 0 25px;
    position: relative;
    z-index: 1; }
  .p-top-morb__img {
    transform: translateY(0);
    width: 100%;
    height: 0;
    padding-bottom: 123%;
    background: url(../img/top/series_img_01_sp.jpg) no-repeat center center;
    background-size: cover; }
  .p-top-morb__img .c-parallax {
    display: none; }
  .p-top-evol {
    position: relative;
    transform: translateY(0); }
  .p-top-evol:after {
    display: none; }
  .p-top-evolInner {
    display: block; }
  .p-top-evol__txt {
    padding: 50px 25px 200px;
    margin: 0;
    width: 100%;
    position: relative; }
  .p-top-evol__txtInner {
    position: relative;
    z-index: 1; }
  .p-top-evol__txt:after {
    position: absolute;
    bottom: 90px;
    -webkit-animation: evol-bg-sp 37.38s linear 0s infinite normal;
            animation: evol-bg-sp 37.38s linear 0s infinite normal;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 2492px;
    min-width: 200vw;
    height: 152px;
    background: url(../img/top/txt_evolevol.svg) repeat-x left top;
    background-size: 1246px 152px; }
  .p-top-evol__img {
    width: 100%;
    height: 0;
    padding-bottom: 123.2%;
    background: url(../img/top/series_img_02_sp.jpg) no-repeat center center;
    background-size: cover; }
  .p-top-evol__img .c-parallax {
    display: none; }
  .p-top-products {
    position: relative;
    padding: 90px 0;
    background: #F5F5F5; }
  .p-top-products .p-top-ttl {
    text-align: center;
    margin-bottom: 40px; }
  .p-top-products:before {
    display: none; }
  .p-top-productsInner {
    padding-top: 0;
    display: block; }
  .p-top-productsInner .item {
    width: 100%; }
  .p-top-productsInner .item a {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .p-top-productsInner .item__img {
    margin-bottom: 0;
    width: 52.3076%; }
  .p-top-productsInner .item + .item {
    margin-top: 40px; }
  .p-top-productsInner .item__txtArea {
    width: 40%; }
  .p-top-productsInner .item__ttl {
    font-size: 13.5px; }
  .p-top-productsInner .item__price {
    font-size: 17px; }
  .p-top-productsInner .item__btn {
    margin-top: 20px; }
  .p-top-productsInner .item__btn .m-btn {
    width: 100%;
    min-width: auto; }
  .p-top-news {
    padding-top: 100px; }
  .p-top-newsInner {
    display: block; }
  .p-top-news__head {
    width: auto; }
  .p-top-news__head .p-top-ttl {
    text-align: center; }
  .p-top-news__post {
    width: auto; }
  .p-top-news__post .item__ttl {
    font-size: 13.5px; }
  .p-top-news__btn {
    text-align: center;
    margin-top: 30px; }
        #page_news_detail .news_control .pull .pull_title,
        #page_news_list .news_control .pull .pull_title {
          font-size: 13.5px; }
        #page_news_detail .news_control .pull .pull_select,
        #page_news_list .news_control .pull .pull_select {
          margin-left: 0px; }
          #page_contact .form_table dd input#contact_name_name01, #page_contact .form_table dd input#contact_name_name02 {
            width: 140px; }
    #page_entry .page_title {
      font-size: 24px; }
          #page_entry .form_table dd input#entry_name_name01, #page_entry .form_table dd input#entry_name_name02, #page_entry .form_table dd input#entry_kana_kana01, #page_entry .form_table dd input#entry_kana_kana02 {
            width: 120px; }
        #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_name_name01, #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_name_name02, #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_kana_kana01, #page_shopping_shipping_multiple_edit .form_table dd input#shopping_shipping_kana_kana02 {
          width: 120px; }
          #page_shopping_nonmember .form_table dd input#nonmember_name_name01, #page_shopping_nonmember .form_table dd input#nonmember_name_name02, #page_shopping_nonmember .form_table dd input#nonmember_kana_kana01, #page_shopping_nonmember .form_table dd input#nonmember_kana_kana02 {
            width: 120px; }
          #page_mypage_delivery_edit .form_table dd input#entry_name_name01, #page_mypage_delivery_edit .form_table dd input#entry_name_name02, #page_mypage_delivery_edit .form_table dd input#entry_kana_kana01, #page_mypage_delivery_edit .form_table dd input#entry_kana_kana02,
          #page_mypage_change .form_table dd input#entry_name_name01,
          #page_mypage_change .form_table dd input#entry_name_name02,
          #page_mypage_change .form_table dd input#entry_kana_kana01,
          #page_mypage_change .form_table dd input#entry_kana_kana02 {
            width: 120px; }
          #page_mypage_delivery_new .form_table dd input#entry_name_name01, #page_mypage_delivery_new .form_table dd input#entry_name_name02, #page_mypage_delivery_new .form_table dd input#entry_kana_kana01, #page_mypage_delivery_new .form_table dd input#entry_kana_kana02 {
            width: 120px; }
  #page_help_tradelaw .page_title {
    font-size: 24px; } }
@media only screen and (max-width: 768px) {
        #page_product_detail .option_description .modal-body button.btn-info {
          width: 20%;
          margin-left: 80%; } }
@media only screen and (max-width: 767px) {
    .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
      width: 100%;
      font-size: 10px;
      height: 2rem; }
    .ec-halfInput input[type='text'] {
      width: 45%;
      height: 2.3rem;
      padding-left: 1rem; }
      .ec-zipInputHelp span {
        font-size: 12px; }
    .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
      width: 100%;
      font-size: 10px;
      height: 2rem; }
    .ec-halfInput input[type='text'] {
      width: 45%;
      height: 2.3rem;
      padding-left: 1rem; }
      .ec-zipInputHelp span {
        font-size: 12px; }
    .ec-birth span {
      margin-left: 13px;
      margin-right: 10px; }
    .about_grid.about_completeset dl {
      display: block; }
  #page_product_list .ec-shelfGrid .ec-shelfGrid__item {
    width: 50%;
    padding: 0 0 0 7px; }
    #page_product_list .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
      padding: 0 7px 0 0; }
    #page_product_list .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
      padding: 0 0 0 7px; }
        #page_product_list .ec-searchnavRole__actions .form-check input#input_stock_check + label.form-check-label {
          width: 74px;
          margin-left: 1px; }
    #page_product_detail .main_content.content-box {
      padding: 0; }
    #page_product_detail .product_detail_img {
      max-width: 100%; }
    #page_product_detail .product_detail_txt {
      margin-left: 0; }
  #page_product_detail .product_detail .product_detail_grid {
    margin-bottom: 2rem; }
  #page_product_detail .main_content.content-box {
    border: none; }
  #page_product_detail .product_detail .product_detail_forms button,
  #page_product_detail .product_detail .product_detail_forms button {
    width: 100%; }
        #page_product_detail .option_description .modal-body > div {
          margin-bottom: 20px; }
    #page_mypage_favorite .mypage_favorite li {
      width: 48%; }
      #page_mypage_favorite .mypage_favorite li:nth-child(2n-1) {
        margin-right: 2%; }
      #page_mypage_favorite .mypage_favorite li:nth-child(2n) {
        margin-left: 2%; }
        .modal-img .slide-item img {
          width: 87%; }
      .modal-img .prev-arrow {
        width: 20px;
        height: 20px;
        top: calc(107% - 1px);
        left: calc(15% - 30px); }
      .modal-img .sliderArea {
        margin-top: 60%; }
      .modal-img .next-arrow {
        width: 20px;
        height: 20px;
        top: calc(107% - 1px);
        right: calc(10% - -2px); }
    .modal-img .slick-dots {
      margin-bottom: 3px; }
      .modal-img .item-icon-cross {
        margin-left: calc(91% - 7px); }
      .modal-img .slick-active button::before {
        width: 10px;
        height: 10px; }
      .sln_card_payment_container .page_title {
        margin-left: 0; }
      .sln_card_payment_container .pull_select {
        padding-left: 0; }
        .sln_card_payment_container .pull_select select {
          font-size: 12px; }
      .sln_card_payment_container .alert-warning {
        margin-left: 15px;
        width: 343px; }
      .sln_card_payment_container .input_control input {
        width: 100% !important; }
      .sln_card_payment_container .submit {
        padding-left: 4rem;
        width: 170px; }
      .sln_card_payment_container .btn01 {
        width: 169px; }
    .sln_card_payment_container #detail_box__name dt {
      padding-top: 0.5rem; }
    .sln_card_payment_container #detail_box__name dd {
      padding-right: 0; }
    #page_sln_edit_card .ec-mypageRole {
      padding-left: 0;
      padding-right: 0; }
      #page_sln_edit_card dl {
        height: auto; }
      #page_sln_edit_card dt {
        width: 117rem; }
    #page_sln_edit_card #detail_box__name dd {
      padding-left: 0;
      padding-right: 0; }
        #page_sln_edit_card .ec-birth select {
          width: 43px; }
        #page_sln_edit_card .ec-birth .pull_select {
          padding-left: 0.5rem; }
        #page_sln_edit_card .ec-birth .pull_select select {
          font-size: 12px;
          margin: 0; }
      #page_sln_edit_card .btn_group .submit {
        padding-left: 2rem; }
      #page_sln_edit_card .pull_select {
        padding-left: 0; }
      #page_sln_edit_card .pull_select + .pull_select {
        padding-left: 0.5rem; }
      #page_sln_edit_card .submit {
        padding-left: 1rem;
        margin-top: 1rem; }
    #page_sln_edit_card #card_CardNo {
      width: 100%; }
    #page_entry form select {
      max-width: 100%; }
    #page_entry form label {
      height: auto; }
    #page_mypage_login .submit {
      width: 160px !important; }
    #page_forgot .submit {
      width: 160px !important;
      height: 40px !important; }
    #page_mypage #mypage_index .mypage_order_inner + .mypage_order_inner {
      margin-left: 0; }
    #page_mypage #mypage_index dt {
      float: none; }
  #page_mypage #mypage_index .mypage_order {
    margin-top: 1rem; }
  #page_mypage_history dt {
    width: 100%;
    margin-right: 0; }
  #page_mypage_history .product_item {
    font-size: 12px;
    font-weight: normal; }
  #page_mypage_history .product_item p {
    font-size: 12px;
    font-weight: normal; }
    #page_mypage_history .product_item_name {
      font-size: 12px;
      font-weight: normal; }
    #page_mypage_history .btn01 {
      margin-bottom: 2rem;
      line-height: 100%; }
  #page_mypage_history .mypage_order_inner .note {
    text-align: left; }
  #page_mypage_history .note {
    display: block;
    text-align: right;
    width: 100%;
    margin-top: 0; }
    #page_mypage_favorite .item_icon_cross img {
      width: 36px;
      height: 34px;
      padding-bottom: 1.5rem;
      margin-left: -0.9rem; }
    #page_mypage_favorite .mypage_favorite {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
      margin-top: 2rem; }
      #page_mypage_favorite .mypage_favorite li {
        width: 150px;
        margin-right: 0;
        margin-top: 0; }
        #page_mypage_favorite .mypage_favorite li:nth-child(2n) {
          margin-left: 0;
          margin-right: 0; }
      #page_mypage_favorite .mypage_favorite li:nth-child(2n-1) {
        margin-left: 0;
        margin-right: 0; }
      #page_mypage_favorite .mypage_favorite li:nth-of-type(3n+1) {
        margin-left: 0;
        margin-right: 0; }
  #page_mypage_change .mypage_inner form dt {
    width: 117rem;
    max-width: none; }
    #page_mypage_change .mypage_inner form .input_address .ec-input input, #page_mypage_change .mypage_inner form .input_address .ec-halfInput input, #page_mypage_change .mypage_inner form .input_address .ec-numberInput input, #page_mypage_change .mypage_inner form .input_address .ec-zipInput input, #page_mypage_change .mypage_inner form .input_address .ec-telInput input, #page_mypage_change .mypage_inner form .input_address .ec-select input, #page_mypage_change .mypage_inner form .input_address .ec-birth input {
      width: 100%; }
    #page_shopping_nonmember form dd .ec-halfInput input {
      width: 120px; }
    #page_shopping_nonmember form dd #nonmember_company_name {
      width: 335px;
      max-width: 100%; }
    #page_shopping_nonmember form dd #nonmember_email_first {
      width: 335px;
      max-width: 100%; }
    #page_shopping_nonmember form dd #nonmember_phone_number {
      width: 335px;
      max-width: 100%; }
    #page_shopping_nonmember form dd #nonmember_email_second {
      width: 335px;
      max-width: 100%; }
    #page_shopping_nonmember form dd #nonmember_address_addr01 {
      width: 335px;
      max-width: 100%; }
    #page_shopping_nonmember form dd #nonmember_address_addr02 {
      width: 335px;
      max-width: 100%; }
  #page_mypage_delivery .item_icon_cross {
    margin-top: 5rem !important; }
    #page_mypage_delivery .delivery_list dl {
      height: 176px; }
    #page_mypage_delivery .delivery_list dt {
      height: 176px;
      border-top: none; }
    #page_mypage_delivery .delivery_list dd {
      height: 176px;
      display: inline; }
      #page_mypage_delivery .delivery_list dd div {
        width: 110%; }
    #page_mypage_delivery .delivery_list .btn01 {
      margin-top: -5rem;
      float: none;
      margin-left: 1rem; }
  #page_mypage_delivery_new form .form_table #customer_address_company_name {
    width: 335px;
    max-width: 100%; }
    #page_mypage_delivery_new form .form_table .input_address #customer_address_address_addr01 {
      width: 335px;
      max-width: 100%; }
    #page_mypage_delivery_new form .form_table .input_address #customer_address_address_addr02 {
      width: 335px;
      max-width: 100%; }
    #page_mypage_delivery_new form .form_table #customer_address_phone_number {
      width: 335px;
      max-width: 100%; }
  #page_mypage_delivery_edit form .form_table #customer_address_company_name {
    width: 335px;
    max-width: 100%; }
    #page_mypage_delivery_edit form .form_table .input_address #customer_address_address_addr01 {
      width: 335px;
      max-width: 100%; }
    #page_mypage_delivery_edit form .form_table .input_address #customer_address_address_addr02 {
      width: 335px;
      max-width: 100%; }
    #page_mypage_delivery_edit form .form_table #customer_address_phone_number {
      width: 335px;
      max-width: 100%; }
    #page_shopping_shipping_multiple .shipping_item .pull_select {
      width: 130px; }
    #page_shopping_shipping_multiple .shipping_item select {
      width: 110px; }
      #page_shopping_shipping_multiple .icon_item_cross::after {
        width: 14px;
        top: 11px;
        left: 2px; }
      #page_shopping_shipping_multiple .icon_item_cross::before {
        width: 14px;
        top: 11px;
        left: 5px; }
    #page_shopping_login .mypage_inner_box_col2 .submit {
      width: 160px !important;
      height: 40px !important; }
  #page_cart .borderbox {
    width: calc(85% - 0rem) !important; }
  #page_cart .item_info img {
    margin-left: 0; }
    #page_shopping .item_img {
      width: 120px;
      height: 120px;
      margin-right: 0; }
  #page_shopping .delivery_detail_item {
    margin-top: 1rem; }
  #page_shopping_shipping dl {
    display: flex;
    flex-wrap: wrap; }
    #page_shopping_shipping dd {
      box-sizing: border-box;
      width: calc(100% - 30px);
      padding-left: 1rem !important;
      height: auto !important;
      min-height: 110px;
      padding-bottom: 1rem; }
  #page_shopping_shipping dt {
    height: auto !important; }
  #page_shopping_shipping_edit form .form_table #shopping_shipping_company_name,
  #page_shopping_shipping_multiple_edit form .form_table #shopping_shipping_company_name {
    width: 335px;
    max-width: 100%; }
    #page_shopping_shipping_edit form .form_table .input_address #shopping_shipping_address_addr01,
    #page_shopping_shipping_multiple_edit form .form_table .input_address #shopping_shipping_address_addr01 {
      width: 335px;
      max-width: 100%; }
    #page_shopping_shipping_edit form .form_table .input_address #shopping_shipping_address_addr02,
    #page_shopping_shipping_multiple_edit form .form_table .input_address #shopping_shipping_address_addr02 {
      width: 335px;
      max-width: 100%; }
    #page_shopping_shipping_edit form .form_table #shopping_shipping_phone_number,
    #page_shopping_shipping_multiple_edit form .form_table #shopping_shipping_phone_number {
      width: 335px;
      max-width: 100%; }
    #page_forgot_reset dd input {
      width: 100%; }
      .ec-alert-warning .ec-alert-warning__text {
        font-size: 14px; }
      #page_homepage .top_product_links .top_product_links_img > a {
        width: 100%;
        float: none; }
      #page_homepage .txtbox > h4 {
        font-size: 18px; }
      #page_homepage .top_brand_links .txtbox > h4 {
        font-size: 18px; }
    #page_homepage .top_brand_links .txtbox > ul > li {
      width: 24.5%; }
    #page_homepage .top_instagram .txtbox > h4 {
      font-size: 18px; }
  #page_product_list .ec-searchnavRole__actions label {
    width: 70px;
    font-size: 11px;
    line-height: 13px;
    text-align: left;
    margin-left: 3px; }
        #page_shopping .non-customer-edit.form_table dl:nth-child(6) dd,
        #page_shopping_confirm .non-customer-edit.form_table dl:nth-child(6) dd {
          border-bottom: 1px solid #E6E6E6;
          border-left: 1px solid #E6E6E6;
          border-right: 1px solid #E6E6E6; } }
@media only screen and (max-width: 530px) {
        .progress_state .progress_state_item:after {
          left: 2rem;
          width: 100%; }
    #page_shopping .progress_state_item:after,
    #page_cart .progress_state_item:after {
      left: 3rem; } }
@media only screen and (max-width: 500px) {
      #page_mypage_favorite .mypage_favorite li:nth-child(2n-1) {
        margin-left: 0;
        margin-right: 0.7rem !important;
        margin-top: 0; } }
@media only screen and (max-width: 499px) {
  #page_shopping_confirm .delivery_date {
    margin-right: 11rem; } }
@media only screen and (max-width: 479px) {
        #page_product_detail .option_description .modal-header .plainmodal-close {
          display: none; }
        #page_product_detail .option_description .modal-body button.btn-info {
          width: 40%;
          margin-left: 60%; }
    #page_homepage .top_brand_links .txtbox > ul > li {
      width: 50%; } }
@media only screen and (max-width: 415px) {
    #page_shopping_shipping dd {
      width: calc(100% - 30px); } }
@media only screen and (max-width: 360px) {
    #page_mypage_delivery .delivery_list dl {
      height: 200px; }
    #page_mypage_delivery .delivery_list dt {
      height: 200px; }
    #page_mypage_delivery .delivery_list dd {
      height: 200px; } }
@media only screen and (max-width: 351px) {
        .progress_state .progress_state_item:after {
          top: calc(50% - 44px); } }
@media only screen and (max-width: 320px) {
  #page_entry .submit {
    width: 9rem; }
  #page_entry .btn01 {
    width: 9rem; } }
/*# sourceMappingURL=style.css.map */