@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 {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  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:hover,
a:active,
a:focus {
	outline-width: 0;
	opacity: 0.7;
	color: inherit;
	text-decoration: none;
}

/**
 * 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 */
  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;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, "游ゴシック", YuGothic, "Yu Gothic", Arial, sans-serif !important;
	color: rgb(79,79,79);
	transition: z-index 0ms 5.28455ms;
	background: rgb(255,255,255);
	margin: 0;
}
@media only screen and (min-width: 768px){
	body { font-weight: 400;}
}
a {
  text-decoration: none; }

pre {
  background-color: transparent;
  border: none;
  padding: 16px 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;
	color: rgb(79,79,79);
	font-size: 32px;
	font-weight: normal;
}

/*
ページヘッダ

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

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

Markup:
.ec-pageHeader
  h1 利用規約

Styleguide 1.1.2
*/

/* ページタイトル */
.ec-pageHeader h1,
.ec-category__header h1 {
	line-height: 1.4375;
	margin: 0;
	padding: 0 0 10px;
	color: rgb(79,79,79);
	font-size: 16px;
	font-weight: 700;
}
#page_product_list .ec-category__header h1 {
	color: #7f6000;
	font-size: 18px;
}
@media only screen and (min-width: 768px){
	.ec-pageHeader h1,
	.ec-category__header h1 {
		font-size: 20px;
		font-weight: 600;
	}
	#page_product_list .ec-category__header h1 {
		font-size: 22px;
	}
	.ec-pageHeader h1 {
		margin-bottom: 50px;
		padding-bottom: 10px;
		border-bottom: 2px dotted rgb(214,211,206);
	}
}
/*
サブ見出し

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

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%;
	margin: 20px 0 30px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3,
.ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
	margin: 30px auto 15px;
	font-weight: bold;
	font-size: 18px;
}
@media only screen and (min-width: 768px){
	.ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3,
.ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
		margin: 50px auto 30px;
	}
}

/**
メディアクエリ
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: rgb(79,79,79);
	text-decoration: none;
	cursor: pointer;
}
.ec-link:hover {
	opacity: 0.8;
	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: 1em;
  font-weight: bold; }

.ec-price .ec-price__tax {
  font-size: 10px; }

/*
テキストの位置

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

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 {
	line-height: 1.4;
	margin-bottom: 30px;
	font-size: 12px;
	text-align: left;
}
@media only screen and (min-width: 768px){
	.ec-reportDescription {
		font-size: 16px;
		text-align: center;
	}
}
/*
テキスト下部のスペース

テキストの下に余白を追加することができます。 .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 12px;
	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: 400;
}
.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%;
	margin-bottom: 15px;
	border-top: 1px dotted rgb(217,213,208);
}
.ec-registerRole .ec-borderedDefs {
	border-top: none;
}
.ec-borderedDefs dl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 15px 0 10px;
	border-bottom: 1px dotted rgb(217,213,208);
}
.ec-borderedDefs dt,
.ec-borderedDefs dd {
	width: 100%;
	padding: 0;
}
.ec-borderedDefs dt {
	line-height: 2.222;
	font-weight: normal;
}
.ec-borderedDefs dd {
font-size: 16px;
}
@media only screen and (min-width: 768px){
	.ec-borderedDefs dd {
	line-height: 2.2222;
	font-size: 18px;
	}
}
.ec-borderedDefs p {
	line-height: 1.4;
}
.ec-list-chilled {
	display: table-row;
	padding: 8px 0;
	border: 0 none;
}
.ec-list-chilled dt, .ec-list-chilled dd {
	display: table-cell;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.ec-list-chilled dt {
	width: 30%;
}
.ec-list-chilled dd {
	padding: 0;
}
@media only screen and (min-width: 768px){
	.ec-borderedDefs {
		margin-bottom: 30px;
		border-top: none;
	}
	.ec-borderedDefs dl{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 20px 0 0px;
		border-width: 2px;
	}
	.ec-borderedDefs dt {
		width: 25%;
	}
	.ec-borderedDefs dd {
		width: 75%;
		padding-left: 4.8%;
	}
}

/*
ボーダーリスト

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

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%;
	padding: 0;
	border-top: 0;
	list-style: none;
}
.ec-borderedList li {
	border-bottom: 1px dotted rgb(198,198,198);;
}

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


/* ボタン --- 通常ボタン
-------------------------------------------------------------- */
.ec-inlineBtn {
	line-height: 2.4666;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: 75.4%;
	height: 39px;
	margin: 0 auto;
	padding: 0 15px;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(79,79,79);
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn:active, .ec-inlineBtn.active {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn.disabled, .ec-inlineBtn[disabled],
fieldset[disabled] .ec-inlineBtn {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn:active, .ec-inlineBtn.active,
.open > .ec-inlineBtn.dropdown-toggle {
	background-image: none;
}
.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: rgb(79,79,79);
}
.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;
-ms-touch-action: manipulation;
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: rgb(79,79,79);
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;
opacity: 0.65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
filter: alpha(opacity=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;
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:active, .ec-inlineBtn--primary.active,
.open > .ec-inlineBtn--primary.dropdown-toggle {
background-image: none; }
.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 {
	line-height: 2.46667;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: auto;
	height: 39px;
	margin: 0;
	padding: 0 15px;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(79,79,79);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active {
	outline: 0;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--action.disabled, .ec-inlineBtn--action[disabled],
fieldset[disabled] .ec-inlineBtn--action {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active,
.open > .ec-inlineBtn--action.dropdown-toggle {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active,
	.open > .ec-inlineBtn--action.dropdown-toggle {
	background-image: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--action .badge {
	color: #DE5D50;
	background-color: #fff;
}
.ec-inlineBtn--action .ec-icon img {
	width: 1em;
	vertical-align: text-bottom;
}

/* モーダル内お買い物を続けるボタン
-------------------------------------------------------------- */
.ec-inlineBtn--cancel {
	line-height: 2.46667;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: auto;
	height: 39px;
	margin: 0;
	padding: 0 15px;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(79,79,79);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel.disabled, .ec-inlineBtn--cancel[disabled],
fieldset[disabled] .ec-inlineBtn--cancel {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel:hover {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active,
.open > .ec-inlineBtn--cancel.dropdown-toggle {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active,
.open > .ec-inlineBtn--cancel.dropdown-toggle {
	background-image: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-inlineBtn--cancel .badge {
	color: rgb(79,79,79);
	background-color: #fff;
}
.ec-inlineBtn--cancel .ec-icon img {
	width: 1em;
	vertical-align: text-bottom;
}
	

/* 住所検索ボタン
-------------------------------------------------------------- */
.ec-blockBtn {
	line-height: 2.46667;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: 75.4%;
	height: 39px;
	margin: 0;
	padding: 0;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(79,79,79);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn:active, .ec-blockBtn.active {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn.disabled, .ec-blockBtn[disabled],
fieldset[disabled] .ec-blockBtn {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn:focus, .ec-blockBtn.focus {
	color: rgb(79,79,79);
	background-color: #d7dfe3;
	border-color: #8c8c8c;
}
.ec-blockBtn:active, .ec-blockBtn.active,
.open > .ec-blockBtn.dropdown-toggle {
	background-image: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn .badge {
	color: #DE5D50;
	background-color: #fff;
}
.ec-blockBtn .ec-icon img {
	width: 1em;
	vertical-align: text-bottom;
}

/* ボタン --- もっと見るボタン
-------------------------------------------------------------- */ /* 購入を続けるボタン */
.ec-blockBtn--primary {
	line-height: 2.4667;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: 75.4%;
	height: 39px;
	margin: 0;
	padding: 0;
	border-radius: 19px;
	border: 1px solid rgb(97,16,33);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(255,255,255);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(97,16,33);
}
.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;
	text-decoration: none;
}
.ec-blockBtn--primary:hover, .ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--primary.disabled, .ec-blockBtn--primary[disabled],
	fieldset[disabled] .ec-blockBtn--primary {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--primary:hover {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
	color: rgb(255,255,255);
	text-decoration: none;
}
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active,
.open > .ec-blockBtn--primary.dropdown-toggle {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active,
.open > .ec-blockBtn--primary.dropdown-toggle {
	background-image: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--primary .badge {
	color: #5CB1B1;
	background-color: #fff;
}
.ec-blockBtn--primary .ec-icon img {
	width: 1em;
	vertical-align: text-bottom;
}
@media only screen and (min-width: 768px){
	.ec-blockBtn--primary {
		line-height: 2.5625;
		width: 340px;
		height: 45px;
		border-radius: 22px;
		border-width: 2px;
		font-size: 16px;
		font-weight: 400;
	}
}


/* ボタン --- 同意するボタン
-------------------------------------------------------------- */
.ec-blockBtn--action {
	line-height: 2.46667;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: 75.4%;
	height: 39px;
	margin: 0;
	padding: 0;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: gb(79,79,79);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--action.disabled, .ec-blockBtn--action[disabled],
fieldset[disabled] .ec-blockBtn--action {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active,
.open > .ec-blockBtn--action.dropdown-toggle {
	background-image: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active,
.open > .ec-blockBtn--action.dropdown-toggle {
	background-image: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--action .badge {
	color: #DE5D50;
	background-color: #fff;
}
.ec-blockBtn--action .ec-icon img {
	width: 1em;
	vertical-align: text-bottom;
}

/* ボタン
-------------------------------------------------------------- */
/* カートに入れるボタン */ /* でもほとんどのボタンに設定 */
.ec-blockBtn--cancel {
	line-height: 2.4667;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: 75.4%;
	height: 39px;
	margin: 0;
	padding: 0;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(79,79,79);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
.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;
	text-decoration: none;
}
.ec-blockBtn--cancel:hover, .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel:active ,.ec-blockBtn--cancel.hover, .ec-blockBtn--cancel.focus, .ec-blockBtn--cancel.active {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--cancel.disabled, .ec-blockBtn--cancel[disabled],
	fieldset[disabled] .ec-blockBtn--cancel {
	cursor: not-allowed;
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.open > .ec-blockBtn--cancel.dropdown-toggle {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.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 {
	opacity: 0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	box-shadow: none;
}
.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active,
.open > .ec-blockBtn--cancel.dropdown-toggle {
	background-image: none;
}
.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: rgb(79,79,79);
	border-color: rgb(79,79,79);
}
.ec-blockBtn--cancel .badge {
	color: rgb(79,79,79);
	background-color: #fff;
}
.ec-blockBtn--cancel .ec-icon img {
	width: 1em;
	vertical-align: text-bottom;
}

/* ボタン --- 各画面設定
-------------------------------------------------------------- */
/* カートに入れるボタン --- 商品一覧 */
.ec-product__orderBlock .ec-blockBtn--cancel {
	line-height: 2.0;
	width: 130px;
	height: 32px;
margin-top: -5px;
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(97,16,33);
}
/* カートに入れるボタン --- 商品詳細 */
.ec-productRole .ec-blockBtn--action {
	width: 100%;
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(97,16,33);
}
/* 品切れ中ボタン */
.ec-blockBtn--action.zero {
	opacity: 1;
	width: 100%;
	border-radius: 0;
	border: none;
	color: rgb(255,255,255);
	background-color: #cccccc;
}
.ec-blockBtn--action.zero:hover {
	opacity: 1;
}
/* お気に入り登録ボタン */
.ec-productRole__btn.fav_btn .ec-blockBtn--cancel {
	line-height: 2.46667;
	width: 100%;
	height: 39px;
	border-color: rgb(185,173,163);
	color: rgb(255,255,255);
	font-size: 15px;
	font-weight: 400;
	background-color: rgb(185,173,163);
}
.ec-productRole__btn.fav_btn .ec-blockBtn--cancel::before {
	line-height: 1.85;
	vertical-align: -2px;
	font-size: 20px;
	font-weight: 700;
}
.ec-productRole__btn.fav_btn .ec-blockBtn--cancel[disabled='disabled']::before {
	color: rgb(97,16,33);
}

/* モーダル カートへ進むボタン */
.ec-modal-box .ec-inlineBtn--action,
.ec-cartNaviIsset .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
/* ショッピングカート */
.ec-cartRole .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
.ec-cartRole .ec-blockBtn--action,
.ec-cartRole .ec-blockBtn--cancel {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* ご注文手続き */
.ec-orderRole .ec-orderDelivery__change .ec-inlineBtn,
.ec-orderRole .ec-orderAccount__change .ec-inlineBtn {
	line-height: 1.8333;
	width: auto;
	height: 32px;
	padding: 0 10px;
	font-size: 12px;
}
.ec-orderRole .ec-orderDelivery__edit .ec-inlineBtn,
.ec-AddAddress .ec-AddAddress__new .ec-inlineBtn,
.ec-AddAddress .ec-AddAddress__btn  .ec-inlineBtn {
	line-height: 2.0;
	width: auto;
	height: 32px;
}
.ec-orderRole .ec-blockBtn--action,
.ec-orderRole .ec-blockBtn--cancel {
	width: 85.15%;
}
.ec-orderRole .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
/* お届け先の複数指定 */
.ec-AddAddress__actions .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
.ec-AddAddress .ec-AddAddress__select .ec-inlineBtn.delete {
	width: auto;
}
/* ゲスト注文 --- お客様情報の修正 */
.ec-orderAccount #customer-ok .ec-inlineBtn {
	display: block;
	margin: 0 auto 10px;
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
.ec-orderAccount #customer-cancel .ec-inlineBtn {
	display: block;
	margin: 0 auto;
}
/* マイページ --- 新規会員登録＆ゲスト購入 */
.ec-registerRole .ec-blockBtn--action,
.ec-customerRole .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
/* マイページ --- 新規会員登録（仮登録完了） */
.ec-registerCompleteRole .ec-blockBtn--cancel {
}
/* マイページ --- 会員情報編集 */
.ec-mypageRole .ec-blockBtn--cancel {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
/* マイページ --- ログイン＆ゲストログイン */
.ec-login__actions .ec-blockBtn--cancel,
.ec-guest__actions .ec-blockBtn--cancel {
	line-height: 1.93333;
	width: 100%;
	height: 31px;
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(97,16,33);
}
/* マイページ --- お届け先一覧 */
#page_mypage_delivery_new .ec-RegisterRole__actions .ec-blockBtn--cancel {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
.ec-addressList__action .ec-inlineBtn {
	width: auto;
}
/* 問い合わせ */
.ec-contactRole .ec-blockBtn--action,
.ec-contactConfirmRole .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}

/* マイページ --- 退会手続き */
.ec-withdrawRole .ec-blockBtn--cancel,
.ec-withdrawConfirmRole .ec-blockBtn--cancel {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
/* ラッピンググループ設定 */
.ec-WrappingGroup__actions .ec-blockBtn--action {
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	background-color: rgb(97,16,33);
}
/* ラッピング商品設定 */
.ec-WrappingGroupList__groupItem .ec-inlineBtn {
	width: auto;
}
/* クーポン */
.ec-orderCoupon .btn-default {
	line-height: 2.0;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	width: auto;
	height: 32px;
	margin: 0 auto;
	padding: 0 15px;
	border-radius: 19px;
	border: 1px solid rgb(124,123,123);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgb(79,79,79);
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	background-image: none;
	background-color: rgb(255,255,255);
}
/* クーポンコードの入力 */
#page_plugin_coupon_shopping .ec-RegisterRole__actions .ec-blockBtn--cancel {
	border-color: rgb(124,123,123);
	color: rgb(79,79,79);
	background-color: rgb(255,255,255);
}
/* レビュー */
#plg_customer_review_detail .ec-inlineBtn--action,
#product_review_area .ec-inlineBtn--action {
	line-height: 2.72727;
	display: block;
	width: 75.4%;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	border-color: rgb(143,143,143);
	color: rgb(98,98,98);
	font-size: 11px;
	font-weight: 400;
}
@media only screen and (min-width: 768px){
	.ec-blockBtn,
	.ec-blockBtn--action,
	.ec-blockBtn--cancel,
	.ec-inlineBtn {
		line-height: 2.5625;
		width: 340px;
		height: 45px;
		border-radius: 22px;
		border-width: 2px;
		font-size: 16px;
	}
	/* カートに入れるボタン --- 商品一覧 */
	.ec-product__orderBlock .ec-blockBtn--cancel {
		line-height: 2.27778;
		width: 200px;
		height: 45px;
		font-size: 18px;
	}
	/* カートに入れるボタン --- 商品詳細 */
	.ec-productRole .ec-blockBtn--action {
		line-height: 2.15;
		height: 45px;
		font-size: 20px;
	}
	/* モーダル カートへ進むボタン */
	.ec-cartNaviIsset .ec-blockBtn--action,
	.ec-cartNaviIsset .ec-cartNavi--cancel {
		width: 100%;
	}
	/* ご注文手続き */
	.ec-orderRole .ec-orderDelivery__change .ec-inlineBtn,
	.ec-orderRole .ec-orderDelivery__edit .ec-inlineBtn,
	.ec-orderRole .ec-orderAccount__change .ec-inlineBtn {
		line-height: 2.25;
		width: auto;
		height: 40px;
		font-size: 16px;
	}
	/* お気に入り登録ボタン */
	.ec-productRole__btn.fav_btn .ec-blockBtn--cancel {
		line-height: 2.05;
		height: 45px;
		font-size: 20px;
	}
	.ec-productRole__btn.fav_btn .ec-blockBtn--cancel::before {
		line-height: 1.708333;
		font-size: 24px;
	}
	/* お届け先の複数指定 */
	.ec-AddAddress .ec-AddAddress__new .ec-inlineBtn,
	.ec-AddAddress .ec-AddAddress__btn .ec-inlineBtn {
		line-height: 1.75;
	}
	.ec-AddAddress__actions .ec-blockBtn--action,
	.ec-AddAddress__actions .ec-blockBtn--cancel {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	/* 問い合わせ */
	.ec-contactRole .ec-blockBtn--action,
	.ec-contactConfirmRole .ec-blockBtn--action {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	/* マイページ --- ログイン＆ゲストログイン */
	.ec-login__actions .ec-blockBtn--cancel,
	.ec-guest__actions .ec-blockBtn--cancel {
		line-height: 2.41176;
		height: 45px;
		font-size: 17px;
	}
	/* マイページ --- 退会手続き */
	.ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
		display: block;
		margin: 0 auto 10px;
	}
	/*マイページ --- 注文履歴 */
	.ec-historyRole .ec-inlineBtn {
		width: 75.4%;
	}
	/* クーポン */
	.ec-orderCoupon .btn-default {
		line-height: 2.3333;
		height: 39px;
		border-width: 2px;
		font-weight: 400;
	}
	#page_plugin_coupon_shopping .ec-addressRole__actions {
		text-align: left;
	}
	#page_plugin_coupon_shopping .ec-borderedDefs dl:first-child dt {
		width: 0%;
	}
	#page_plugin_coupon_shopping .ec-borderedDefs dl:first-child dd {
		padding-left: 0;
	}
	/* レビュー */
	#plg_customer_review_detail .ec-inlineBtn--action,
	#product_review_area .ec-inlineBtn--action {
		line-height: 2.5625;
		width: 340px;
		height: 45px;
		border-radius: 22px;
		border-width: 2px;
		font-size: 16px;
		font-weight: 400;
	}
}


/*
アイコンボタン

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 {
z-index:9999;
	display: none;
	cursor: pointer;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 125px;
	border-radius: 16px;
	color: rgb(255,255,255);
	font-size: 15px;
	text-align: center;
	line-height: 32px;
	background-color: rgb(203,195,187);
}
@media only screen and (min-width: 768px){
	.ec-blockTopBtn {
		right: 30px;
		bottom: 30px;
		line-height: 46px;
		width: 180px;
		height: 46px;
		border-radius: 23px;
		font-size: 15px;
	}
}

/*
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*/
	background-color: rgb(203,195,187);
}

/**
メディアクエリ
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, .ec-mcodeInput input {
	display: block;
	line-height: 1.3125;
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	padding: 6px;
	border-radius: 3px;
	border: 1px solid rgb(198,198,198);
	font-size: 16px;
	color: rgb(79,79,79);
	background-color: rgb(255,255,255);
	background-image: none;
	-webkit-appearance: none;
	box-shadow: none;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
@media only screen and (min-width: 768px){
	.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input, .ec-mcodeInput input {
	width: 93%;
	height: 40px;
	margin-bottom: 20px;
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 18px;
	}
	.ec-login .ec-input input {
		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-mcodeInput input:focus {
	border-color: rgb(98,98,98);
	outline: 0;
	box-shadow: none;
}
.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: rgb(179,179,179);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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: rgb(179,179,179);
}
.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: rgb(179,179,179);
}
.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: rgb(255,255,255);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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: 35px;
	padding: 6px;
	font-size: 16px;
	line-height: 1.3125;
	color: #555555;
	background-color: rgb(255,255,255);
	background-image: none;
	border-radius: 3px;
	border: 1px solid rgb(198,198,198);
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	box-shadow: none;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
@media only screen and (min-width: 768px){
	.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
		line-height: 2.222;
		height: 40px;
		padding: 6px 12px;
		border-radius: 6px;
		font-size: 18px;
	}
/* for IE */
	.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 {
	display: block;
	}
}
.ec-select select {
	display: inline-block;
}
.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: rgb(98,98,98);;
	outline: 0;
	box-shadow: none;
}
.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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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;
	line-height: 1.3125;
	width: 100%;
	height: 35px;
	padding: 6px 12px;
	border-radius: 3px;
	border: 1px solid rgb(198,198,198);
	font-size: 16px;
	color: rgb(79,79,79);
	background-color: rgb(255,255,255);
	background-image: none;
	-webkit-appearance: none;
	box-shadow: none;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.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: rgb(98,98,98);
	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: rgb(179,179,179);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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: rgb(179,179,179);
}
.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: rgb(179,179,179);
}
.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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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, .ec-mcodeInput input {
}

.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
}

.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, .form-group .ec-errorMessage, .ec-radio .ec-errorMessage {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 700;
	color: rgb(209,5,44);
}
.ec-halfInput .ec-errorMessage {
	display: inline-block;
	width: calc(50% - 5px);
}
.ec-halfInput .ec-errorMessage:last-child {
	margin-left: 5px;
}
.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: rgb(209,5,44);
	background: #FDF1F0;
}

.ec-checkbox .ec-errorMessage {
	margin-bottom: 25px;
	font-size: 12px;
	font-weight: 700;
	color: rgb(209,5,44);
}

.error.ec-checkbox input, .error.ec-checkbox label {
	border-color: rgb(209,5,44);
}

/* カード情報編集
-------------------------------------------------------------- */
.cardNoCaution {
	display: block;
	color: rgb(209,5,44) !important;
	font-size: 11px;
}
.ec-cardRole dd span {
	display: block;
	margin-bottom: 10px;
}
.ec-select select#mypage_card_expire_month,
.ec-select select#mypage_card_expire_year {
	width: 40%;
}
#page_gmo_mypage_card_edit .ec-halfInput input[name*='card_name'],
#page_gmo_mypage_card_edit .ec-halfInput input[name*='card_no'],
#page_gmo_mypage_card_edit select {
	width: 100%;
	margin-bottom: 10px;
}
input[name*='card_name'] + span {
	font-size: 11px;
}
.ec-cardRole__actions {
	margin: 50px auto 0px !important;
	text-align: center;
}
@media only screen and (min-width: 768px){
	.ec-cardRole dd span {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.ec-select select#mypage_card_expire_month,
	.ec-select select#mypage_card_expire_year {
		margin-bottom: 20px;
	}
}


/*
フォーム（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: calc(50% - 5px);
	margin-left: 10px;
}
.ec-halfInput {
	font-size: 0;
}
.ec-halfInput input[type='text']:first-child {
	margin-left: 0;
}
@media only screen and (min-width: 768px){
	.ec-halfInput input[type='text'] {
		width: 44.9%;
		margin-left: 20px;
		font-size: 18px;
	}
}

/*
数量ボタン

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

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

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 {
	font-size: 0;
}
.ec-zipInput input {
	display: inline-block;
	width: calc( 50% - 20px);
	font-size: 16px;
}
.ec-zipInput > span {
	display: inline-block;
	width: 20px;
	font-size: 12px;
}
.ec-zipInputHelp {
	display: inline-block;
	margin-left: 10px;
	vertical-align: 3px;
	font-size: 12px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
	display: none;
}
.ec-zipAuto {
	margin-bottom: 16px;
}
.ec-zipAuto .ec-inlineBtn {
	font-weight: normal;
}
@media only screen and (min-width: 768px){
	.ec-zipInput input {
		width: 130px;
	}
	.ec-registerRole .ec-zipInput input {
		width: 130px;
	}
	.ec-zipInput > span {
		vertical-align: -2px;
		margin-right: 10px;
		font-size: 18px;
	}
	.ec-zipInputHelp {
		vertical-align: 0px;
		margin-left: 20px;
		font-size: 18px;
	}
}

/*
電話番号ボタン

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

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

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

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

Styleguide 3.1.5
*/

/* 電話番号 */
.ec-telInput input {
	width: 50%;
	text-align: left;
}
@media only screen and (min-width: 768px){
	.ec-telInput input {
		width: 44.9%;
	}
}

/**
 * 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::-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: rgb(255,255,255);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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 {
}
.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 {
}
.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: rgb(179,179,179);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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: rgb(179,179,179);
}
.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: rgb(179,179,179);
}
.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: rgb(255,255,255);
	opacity: 1;
	-ms-filter: 	"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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: 150px;
	margin-bottom: 10px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857;
	color: rgb(79,79,79);
	background-color: rgb(255,255,255);
	background-image: none;
	border: 1px solid rgb(217,213,208);
	border-radius: 3px;
	-webkit-appearance: none;
	box-shadow: none;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.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: rgb(98,98,98);
	outline: 0;
	box-shadow: none
}
.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: rgb(179,179,179);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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: rgb(98,98,98);
}
.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: rgb(98,98,98);
}
.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;
}
@media only screen and (min-width: 768px){
	.ec-input textarea[name*=contact] {
		margin-bottom: 20px;
		font-size: 18px;
	}
	/* レビュー投稿フォーム */
	.ec-input textarea#product_review_comment {
		width: 93%;
	}
}


/* 数量入力フォーム
-------------------------------------------------------------- */
.ec-numberInput input[type='number'] {
	display: inline-block;
	width: 80px;
	max-width: 100px;
	font-weight: 700;
	text-align: right;
}
@media only screen and (min-width: 768px){
	.ec-numberInput input[type='number'] {
		line-height: 45px;
		width: 110px;
		height: 45px;
		border: 1px solid rgb(142,141,141);
		border-radius: 6px;
		font-size: 18px;
	}
}


/* ラジオボタン
-------------------------------------------------------------- */
.ec-radio input[type='radio'],
#coupon_use_coupon_use input[type='radio'] {
	display: none;
}
.ec-radio input[type='radio'] + label,
#coupon_use_coupon_use input[type='radio'] + label {
	cursor: pointer;
	position: relative;
	display: inline-block;
	line-height: 1.25;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-left: 25px;
	font-size: 16px;
}
.ec-radio input[type='radio'] + label::before,
#coupon_use_coupon_use input[type='radio'] + label::before {
	position: absolute;
	display: block;
	top: 3px;
	left: 0;
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid rgb(124,123,123);
	background-color: rgb(255,255,255);
}
.ec-radio input[type='radio']:checked + label::after,
#coupon_use_coupon_use input[type='radio']:checked + label::after {
	position: absolute;
	display: block;
	top: 6px;
	left: 3px;
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: rgb(124,123,123);
}

/* お届け先の指定 */
.ec-addressList__remove {
	position: relative;
}
.ec-addressList__remove input[type='radio'] {
	display: none;
}
.ec-addressList__remove input[type='radio'] + label {
	cursor: pointer;
	position: relative;
	display: inline-block;
	line-height: 1.25;
}
.ec-addressList__remove input[type='radio'] + label::before {
	position: absolute;
	display: block;
	top: -7px;
	left: -7px;
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid rgb(124,123,123);
	background-color: rgb(255,255,255);
}
.ec-addressList__remove input[type='radio']:checked + label::after {
	position: absolute;
	display: block;
	top: -4px;
	left: -4px;
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: rgb(124,123,123);
}

/* レビュー投稿フォーム */
.ec-radio #product_review_recommend_level input[type='radio'] + label {
	display: block;
	color: rgb(214,0,115);
}

@media only screen and (min-width: 768px){
	.ec-radio input[type='radio'] + label,
	#coupon_use_coupon_use input[type='radio'] + label {
		line-height: 2.2222;
		margin-right: 25px;
		font-size: 18px;
	}
	.ec-radio input[type='radio'] + label::before,
	#coupon_use_coupon_use input[type='radio'] + label::before {
		top: 10px;
		width: 20px;
		height: 20px;
	}
	.ec-radio input[type='radio']:checked + label::after,
	#coupon_use_coupon_use input[type='radio']:checked + label::after {
		top: 14px;
		left: 4px;
		width: 12px;
		height: 12px;
	}
	.ec-addressList__remove input[type='radio'] + label {
	}
	.ec-addressList__remove input[type='radio'] + label::before {
		width: 20px;
		height: 20px;
	}
	.ec-addressList__remove input[type='radio']:checked + label::after {
		top: -3px;
		left: -3px;
		width: 12px;
		height: 12px;
	}
}

/* 垂直方向整列タイプ */
.ec-blockRadio label {
	display: block;
}
.ec-blockRadio span {
	padding-left: 10px;
	font-weight: normal;
}
	

/* セレクトボックス --- 都道府県
-------------------------------------------------------------- */
.ec-editRole .ec-select select,
.ec-registerRole .ec-select select,
.ec-customerRole .ec-select select,
.ec-contactRole .ec-select select {
	width: 50%;
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px){
	.ec-editRole .ec-select select {
		width: 145px;
	}
	.ec-registerRole .ec-select select,
	#page_mypage_delivery_new .ec-editRole .ec-select select {
		width: auto;
	}
}

/* セレクトボックス --- 生年月日
-------------------------------------------------------------- */
.ec-birth {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	font-size: 0px;
	text-align: center;
}
.ec-birth span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
	font-size: 12px;
}
.ec-birth span:first-child {
	padding-left: 0;
	text-align: left;
}
.ec-birth select {
	display: table-cell;
	vertical-align: middle;
	width: auto;
}
.ec-birth select#entry_birth_year {
	width: 24.2666vw;
}
.ec-birth select#entry_birth_month,
.ec-birth select#entry_birth_day {
	width: 22.6666vw;
}
@media only screen and (min-width: 768px){
	.ec-birth {
		display: block;
		margin-bottom: 20px;
		text-align: left;
	}
	.ec-birth span {
		display: inline-block;
		padding: 0 15px;
		font-size: 18px;
	}
	.ec-birth select {
		display: inline-block;
	}
	.ec-birth select#entry_birth_year {
		width: 143px;
	}
	.ec-birth select#entry_birth_month,
	.ec-birth select#entry_birth_day {
		width: 88px;
	}
}

/* チェックボックス
-------------------------------------------------------------- */
.ec-checkbox label {
	display: inline-block;
}

.ec-checkbox input {
	margin-bottom: 10px;
}
.ec-registerRole__actions .ec-checkbox.error input {
	margin-bottom: 0;
}

.ec-checkbox span {
	font-weight: normal;
}

/* チェックボックス
-------------------------------------------------------------- */
.ec-blockCheckbox label {
	display: block;
}
.ec-blockCheckbox span {
	font-weight: normal;
}

/* フォームラベル
-------------------------------------------------------------- */
label {
	font-weight: 400;
}
.ec-label {
	display: inline-block;
	margin-bottom: 0px;
	font-size: 12px;
}

/* 必須アイコン
-------------------------------------------------------------- */
.ec-required {
	display: inline-block;
	margin-left: 1em;
	color: rgb(209,5,44);
	font-size: 12px;
	font-weight: normal;
}
@media only screen and (min-width: 768px){
	.ec-label {
		font-size: 18px;
	}
	.ec-required {
		margin-left: 2em;
		font-size: 14px;
	}
	.ec-borderedDefs dl:last-child .ec-required {
		margin-left: 1em;
	}
}




/*
アイコン

デフォルトテンプレートのアイコンは`.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 デフォルト準拠
 */
/*
グリッド
*/

/* === 2分割グリッド === */
.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分割グリッド === */
.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分割グリッド === */
.ec-grid4 {
  display: block;
  margin: 0; }
  .ec-grid4 .ec-grid4__cell {
    position: relative;
    min-height: 1px; }

/* === 6分割グリッド === */
.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 === */
.ec-off1Grid {
  margin: 0; }
  .ec-off1Grid .ec-off1Grid__cell {
    margin: 0; }

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

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

/* === 中央寄せグリッド 4/12 === */
.ec-off4Grid {
	display: block;
	margin: 0 auto;
	text-align: center;
}
/* 会員情報編集画面 --- ボタン */
.ec-off4Grid .ec-off4Grid__cell {
	margin: 0 auto;
}

/* === グリッドオプション === */
/* グリッドセルの左寄せ */
.ec-grid--left {
  -ms-flex-pack: start;
      justify-content: flex-start; }

/* グリッドセルの右寄せ */
.ec-grid--right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

/* グリッドセルの中央寄せ */
.ec-grid--center {
  -ms-flex-pack: center;
      justify-content: center; }


/* 注文画面・注文履歴画面 画像レイアウト
-------------------------------------------------------------- */
.ec-imageGrid {
	display: table;
	width: 100%;
	border-top: 1px dotted rgb(198,198,198);
}
.ec-imageGrid .ec-imageGrid__img {
    display: table-cell;
	width: 100px;
	height: 100px;
    padding: 10px;
}
.ec-imageGrid .ec-imageGrid__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-imageGrid .ec-imageGrid__content {
	display: table-cell;
    vertical-align: middle;
}
.ec-imageGrid .ec-imageGrid__content span {
	margin-left: 10px;
}
.ec-imageGrid .ec-imageGrid__content p {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px){
	.ec-imageGrid {
		border-width: 2px;
	}
}

/* ログイン
-------------------------------------------------------------- */
#page_mypage_login .ec-pageHeader {
	display: none;
}
.ec-login {
	margin: 0 0 15px;
	padding: 30px 13% 20px;
	height: auto;
	background: #F3F4F4;
}
.password_reset_complete {
	line-height: 2.0;
	margin-bottom: 0;
	color: rgb(226,28,36);
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	background-color: rgb(243,232,230);
}
.ec-login .ec-login__icon {
	text-align: center;
}
.ec-login .ec-icon {
	margin-bottom: 10px;
}
.ec-login .ec-icon img {
	width: 60px;
	height: 60px;
	display: inline-block;
}
.ec-login .ec-login__input {
	margin-bottom: 20px;
}
.ec-login .ec-checkbox .form-check label {
	vertical-align: 2px;
	margin-bottom: 0;
	font-size: 12px;
}
.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: 10px;
}
.ec-login .ec-errorMessage {
	color: #DE5D50;
	margin-bottom: 20px;
}
.ec-login .ec-grid2__cell p {
	margin-top: 40px;
	font-size: 12px;
	text-align: center;
}
.ec-login .ec-login__link a.ec-blockBtn--cancel {
	line-height: 1.9333;
	width: 100%;
	height: 31px;
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(97,16,33);
}
.ec-login .ec-login__link {
	text-align: center;
}
.ec-login .ec-login__link + .ec-login__link {
	margin: 20px auto 10px;
}
.ec-login .ec-login__link a.ec-link {
	font-size: 12px;
	text-decoration: underline;
}
.ec-login .ec-login__link a.ec-link:hover,
.ec-login .ec-login__alert a.ec-link:hover {
	text-decoration: none;
}
.ec-login .ec-login__alert .heading {
	margin-top: 15px;
	font-size: 12px;
	color: rgb(209,5,44);
	text-align: left;
}
.ec-login .ec-login__alert ul {
	list-style: none;
	padding: 0;
}
.ec-login .ec-login__alert ul li {
	margin-top: 4px;
	margin-bottom: 4px;
    margin-left: 1em;
	text-indent: -1em;
	font-size: 11px;
	text-align: left;
}
.ec-login .ec-login__alert ul li::before {
	content: '※';
}
.ec-login .ec-login__alert ul li span {
	color: rgb(209,5,44);
}
.ec-login .ec-login__alert a {
	font-size: 11px;
	text-decoration: underline;
}
@media only screen and (min-width: 768px){
	#page_mypage_login .ec-pageHeader {
		display: block;
	}
	#page_mypage_login .ec-pageHeader h1 {
		font-weight: 400;
	}
	.ec-login {
		width: 63.636%;
		min-width: 630px;
		padding: 30px 100px 45px;
		margin: 0 auto;
	}
	#page_shopping_login .ec-login {
		min-width: 430px;
		padding: 30px 9% 45px;
	} 
	.ec-login .ec-grid2 {
		display: block;
		width: 68.0%;
		margin: 40px auto 0;
	}
	#page_mypage_login .ec-login .ec-grid2__cell {
		width: 100%;
	}
	#page_shopping_login .ec-login .ec-grid2__cell {
		width: 100%;
	}
	.password_reset_complete {
		line-height: 3.35;
		width: 63.636%;
		margin: 0 auto;
		font-size: 20px;
	}
	.ec-login .ec-icon img {
		width: 100px;
		height: 100px;
	}
	.ec-login .ec-checkbox .form-check label {
		vertical-align: baseline;
		font-size: 16px;
	}
	.ec-login .ec-grid2__cell p {
		font-size: 16px;
	}
	.ec-login .ec-login__link a.ec-blockBtn--cancel {
		line-height: 2.41176;
		width: 100%;
		height: 45px;
		font-size: 17px;
	}
	.ec-login .ec-login__link + .ec-login__link {
		margin: 30px auto 0;
	}
	.ec-login .ec-login__link a.ec-link {
		font-size: 16px;
	}
	.ec-login .ec-login__alert .heading {
		font-size: 14px;
	}
	.ec-login .ec-login__alert ul li {
		font-size: 12px;
	}
	.ec-login .ec-login__alert a {
		font-size: 12px;	
	}
}


/* ゲスト購入
-------------------------------------------------------------- */
.ec-guest {
	height: auto;
	margin: 0;
	padding: 13%;
	background: #F3F4F4;
}
.ec-guest .ec-guest__inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.ec-guest .ec-guest__inner p {
	margin-bottom: 15px;
}
.ec-guest .ec-guest__alert a.ec-link:hover {
	text-decoration: none;
}
.ec-guest .ec-guest__alert .heading {
	margin-top: 15px;
	font-size: 12px;
	color: rgb(209,5,44);
	text-align: left;
}
.ec-guest .ec-guest__alert ul {
	list-style: none;
	padding: 0;
}
.ec-guest .ec-guest__alert ul li {
	margin-top: 4px;
	margin-bottom: 4px;
    margin-left: 1em;
	text-indent: -1em;
	font-size: 11px;
	text-align: left;
}
.ec-guest .ec-guest__alert ul li::before {
	content: '※';
}
.ec-guest .ec-guest__alert ul li span {
	color: rgb(209,5,44);
}
.ec-guest .ec-guest__alert a {
	font-size: 11px;
	text-decoration: underline;
}
@media only screen and (min-width: 768px){
	.ec-grid3 .ec-login {
		width: auto;
		margin-right: 15px;
	}
	.ec-guest {
		display: table;
		height: 100%;
		margin-left: 15px;
	}
	.ec-guest .ec-guest__inner {
		vertical-align: middle;
		display: table-cell;
	}
	.ec-guest .ec-guest__alert .heading {
		font-size: 14px;
	}
	.ec-guest .ec-guest__alert ul li {
		font-size: 12px;
	}
	.ec-guest .ec-guest__alert a {
		font-size: 12px;
	}
}

/**
メディアクエリ
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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
      .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: rgb(79,79,79);
    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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      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;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .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: rgb(79,79,79); }
  .ec-displayC .ec-displayC__price {
    display: block;
    width: 100%;
    font-weight: bold;
    color: rgb(79,79,79); }
  .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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap-reverse;
      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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .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 #e8e8e8;
 /* border-bottom: 1px dotted #ccc;*/
  padding: 10px 16px 0 16px;
  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; }


/* ページネーション
-------------------------------------------------------------- */
.ec-pager {
	list-style: none;
	list-style-type: none;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 16px;
	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 {
	line-height: 1.6875;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
.ec-pager .ec-pager__item a {
	color: rgb(79,79,79);
}
.ec-pager .ec-pager__item--active a,
.ec-pager .ec-pager__item a:hover,
.ec-pager .ec-pager__item--active a:hover {
	opacity: 1.0;
	color: rgb(255,255,255);
	text-decoration: none;
}
.ec-pager .ec-pager__item--active,
.ec-pager .ec-pager__item:hover {
	background: rgb(186,174,164);
}
@media only screen and (min-width: 768px){
	.ec-pager {
		font-size: 18px;
	}
}

/* その他
-------------------------------------------------------------- */
@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; } }

.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



/* ショッピングカート --- フローチャート
-------------------------------------------------------------- */
.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: rgb(79,79,79);
	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: rgb(79,79,79);
	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: rgb(97,16,33);
}
.ec-progress .is-complete .ec-progress__label {
	color: rgb(97,16,33);
}
@media only screen and (min-width: 768px){
	.ec-progress{
		margin-bottom: 30px;
		padding: 0;
	}
	.ec-progress .ec-progress__number{
		line-height: 42px;
		width: 42px;
		height: 42px;
		font-size: 20px;
	}
}


/* カートナビゲーション
-------------------------------------------------------------- */
.ec-cartNavi {
	display: inline-block;
	padding: 10px 0 0 20px;
	width: auto;
	color: black;
	background: transparent;
	border-left:none;
}
.ec-cartNavi .ec-cartNavi__icon {
	display: inline-block;
	font-size: 20px;
	display: inline-block;
	opacity: 1;
	-ms-filter: 	"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	animation: fadeIn 200ms linear 0s;
	position: relative;
}
.ec-cartNavi .ec-cartNavi__badge {
	display: inline-block;
	border-radius: 99999px;
	box-sizing: border-box;
	padding: 0;
	width: 17px;
	height: 17px;
	font-size: 10px;
	line-height: 1.7;
	vertical-align: top;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: rgb(214,0,115);
	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;
}


/* カートナビゲーションモーダル
-------------------------------------------------------------- */
.ec-cartNaviIsset {
	z-index: 2000;
	position: absolute;
	top: 70px;
	right: 0;
	display: none;
	width: 100%;
	padding: 15px;
	text-align: center;
	background: #f8f8f8;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted rgb(198,198,198);
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
	float: left;
	width: 45%;
	height: 41.4vw;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
	float: right;
	width: 55%;
	padding-left: 15px;
	text-align: left;
	box-sizing: border-box;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action {
	margin-bottom: 8px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
	margin-bottom: 8px;
	font-size: 16px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTax {
	display: inline-block;
	font-size: 12px;
	margin-left: 2px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber {
	font-size: 15px;
}
.ec-cartNaviIsset.is-active {
	display: block;
}
/* 追従カート */
#cart_back_btn {
	z-index: 999999;
	display: block;
	position: fixed;
	top: 20px;
	right: 10px;
	width: 50px;
	height: 50px;
	color: #fff !important;
	background-color: rgb(255,255,255);
}
#cart_back_btn:hover {
	opacity:1;
}
@media only screen and (min-width: 768px){
	.ec-cartNaviWrap {
		position: relative;
height: 31px;
	}
	.ec-cartNaviIsset {
		top: 40px;
		width: 256px;
	}
	/* 追従カート */
	#cart_back_btn {
		top: 35px;
		width: 58px;
		background-size: 33px;
		background-position: 10px center;
	}
	.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
		height: 102px;
	}
}
/*
カートナビゲーションのポップアップ(商品なし)

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

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

@media only screen and (min-width: 768px){
	.ec-cartNaviNull.is-active {
		width: 325px;
	}
}


/**
メディアクエリ
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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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); }


/* マイページ
-------------------------------------------------------------- */
.ec-mypageRole,
.ec-registerRole,
.ec-customerRole,
.ec-forgetCompleteRole {
	margin: 0 15px;
	-webkit-text-size-adjust: 100%;
}
.ec-role > .ec-registerRole {
	margin: 0;
}
.ec-mypageRole:after,
.ec-registerRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-mypageRole textarea,
.ec-registerRole textarea {
	/* for chrome fontsize bug */
	font-family: sans-serif;
}
.ec-mypageRole img,
.ec-registerRole img {
	max-width: 100%;
}
.ec-mypageRole img,
.ec-registerRole img {
	width: 100%;
}
.ec-registerRole .ec-registerRole__actions {
	padding-top: 10px;
	text-align: center;
}
.ec-registerRole .ec-registerRole__actions p {
	margin-bottom: 15px;
}
.ec-registerRole .ec-blockBtn--action,
.ec-customerRole .ec-blockBtn--action {
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px){
	.ec-editRole .ec-select,
	.ec-registerRole .ec-select {
		margin-bottom: 20px;
	}
	.ec-registerRole .ec-blockBtn--action,
	.ec-RegisterRole__actions .ec-blockBtn--action {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ec-editRole #entry_sex {
		margin-top: 10px;
	}
}

/* 注記 */
.ec-mypageRole .annotation,
.ec-customerRole .annotation,
.ec-registerRole .annotation {
	line-height: 1.54545;
	color: rgb(154,148,126);
	font-size: 11px;
}
.ec-mypageRole .annotation + .annotation,
.ec-customerRole .annotation + .annotation,
.ec-registerRole .annotation + .annotation {
	margin-top: -10px;
}
.ec-mypageRole .red,
.ec-customerRole .red,
.ec-registerRole .red {
	color: rgb(209,5,44);
}
.ec-mypageRole .annotation a,
.ec-customerRole .annotation a,
.ec-registerRole .annotation a {
	text-decoration: underline;
}
.ec-mypageRole .ec-RegisterRole__actions .annotation.center {
	margin-bottom: 30px;
	color: rgb(79,79,79);
	font-size: 12px;
}
/* メルマガ */
.form-group .annotation {
	display: none;
}
.form-group div#entry_mailmaga_flg + .annotation {
	display: block;
}
@media only screen and (min-width: 768px){
	.ec-mypageRole .annotation,
	.ec-customerRole .annotation,
	.ec-registerRole .annotation {
		width: 91.35%;
		font-size: 12px;
	}
	.ec-mypageRole .annotation + .annotation,
	.ec-customerRole .annotation + .annotation,
	.ec-registerRole .annotation + .annotation {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.ec-mypageRole .annotation.address,
	.ec-customerRole .annotation.address,
	.ec-registerRole .annotation.address {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.ec-mypageRole .ec-borderedDefs dl:last-child .form-group,
	.ec-customerRole .ec-borderedDefs dl:last-child .form-group,
	.ec-registerRole .ec-borderedDefs dl:last-child .form-group {
		margin-bottom: 0; 
	}
	.ec-mypageRole .ec-borderedDefs dl:last-child .annotation,
	.ec-customerRole .ec-borderedDefs dl:last-child .annotation,
	.ec-registerRole .ec-borderedDefs dl:last-child .annotation,
	.ec-mypageRole .ec-borderedDefs dl .annotation.mail,
	.ec-customerRole .ec-borderedDefs dl .annotation.mail,
	.ec-registerRole .ec-borderedDefs dl .annotation.mail {
		margin-bottom: 20px; 
	}
	.ec-mypageRole .ec-RegisterRole__actions .annotation.center {
		font-size: 18px;
	}
}
/* 利用規約リンク */
.ec-registerRole__actions a.ec-link {
	font-size: 16px;
	text-decoration: underline;
}
.ec-registerRole__actions a.ec-link:hover {
	text-decoration: none;
}

/* ウェルカムメッセージ */
.ec-welcomeMsg {
	margin-bottom: 6px;
	font-size: 12px;
}
.ec-welcomeMsg:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-welcomeMsg textarea {
	/* for chrome fontsize bug */
	font-family: sans-serif;
}
.ec-welcomeMsg img {
	max-width: 100%;
}
.ec-welcomeMsg html {
}
.ec-welcomeMsg *,
.ec-welcomeMsg *:before,
.ec-welcomeMsg *:after {
	box-sizing: inherit;
}
.ec-welcomeMsg img {
	width: 100%;
}

/* マイページメニュー */
.ec-navlistRole .ec-navlistRole__navlist {
	margin-bottom: 32px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	text-align: center;
}
.ec-navlistRole .ec-navlistRole__navlist::after {
	clear: both;
	display: block;
	content: '';
}
.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item {
	display: block;
	width: calc(50% - 3.5px);
	margin-bottom: 8px;
}
.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item:nth-child(2n+1) {
	float: left;
}
.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item:nth-child(2n) {
	float: right;
}
.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item a {
	line-height: 2.58333;
	display: block;
	width: 100%;
	height: 31px;
	border-radius: 15px;
	border: 1px solid rgb(124,123,123);
	text-decoration: none;
}
.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item a:hover {
	text-decoration: none;
	border: 1px solid rgb(231,229,227);
	background-color: rgb(231,229,227);
}
.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item.active a {
	border: 1px solid rgb(231,229,227);
	background-color: rgb(231,229,227);
}
.ec-navlistRole p.ec-navlistRole__item {
	margin-top: -55px;
	font-size: 12px;
	text-align: right;
}
.ec-mypageRole p.about-point a {
	color: rgb(0,115,190);
}
.ec-mypageRole p.about-point a.right {
	float: right;
}
/* ボタン */
.ec-RegisterRole__actions {
	margin: 30px auto 15px;
}
/* ログアウトボタン */
.ec-mypageRole .logout {
	float: right;
	max-width: 180px;
	width: 25%;
	margin-top: -40px;
}
.ec-mypageRole .logout a {
	line-height: 2.58333;
	display: block;
	width: 100%;
	height: 31px;
	border-radius: 15px;
	border: 1px solid rgb(124,123,123);
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.ec-mypageRole .logout a:hover {
	border: 1px solid rgb(231,229,227);
	background-color: rgb(231,229,227);
}
#page_mypage_favorite .ec-layoutRole .ec-layoutRole__contents { /* お気に入り一覧微調整 */
	display: block;
}

/* ポイント履歴 */
#page_mypage_point_log .ec-errorMessage {
	margin: 30px auto;
	text-align: center;
}
#tbl_point_log {
	width: calc(100% - 30px);
	margin: 0 15px;
}
#tbl_point_log th {
	padding: 8px 0;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}
#tbl_point_log td {
	font-size: 12px;
}
/* temporary */
.ec-mypageRole .ec-para-normal,
.ec-mypageRole .ec-favoriteRole__header {
	margin: 30px auto;
	text-align: center;
}
@media only screen and (min-width: 768px){
	.ec-mypageRole,
	.ec-registerRole,
	.ec-customerRole {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
	.mypage .ec-mypageRole .ec-pageHeader h1 {
		margin-bottom: 10px;
		border-bottom: none;
	}
	.ec-welcomeMsg {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.ec-navlistRole {
		padding-bottom: 10px;
		border-bottom: 2px dotted rgb(214,211,206);
	}
	.ec-navlistRole .ec-navlistRole__navlist {
		margin-bottom: 10px;
		font-size: 0;
	}
	.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item {
		float: none !important;
		display: inline-block;
		width: calc(20% - 12px);
		margin-left: 15px;
		font-size: 16px;
	}
	.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item:first-child {
		margin-left: 0;
	}
	.ec-navlistRole .ec-navlistRole__navlist .ec-navlistRole__item a {
		height: 45px;
		border-radius: 22px;
		border: 2px solid rgb(106,106,106);
		text-decoration: none;
	}
	.ec-navlistRole p.ec-navlistRole__item {
		margin-top: 0;
		font-size: 18px;
	}
	/* 入力フォーム部分 */
	.ec-editRole,
	.ec-registerRole .ec-off1Grid,
	.ec-cardRole {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
	}
	/* ボタン */
	.ec-RegisterRole__actions {
		margin: 40px auto 15px;
	}
	/* ログアウトボタン */
	.ec-mypageRole .logout {
		margin-top: -50px;
	}
	/* ポイント履歴 */
	#page_mypage_point_log .ec-errorMessage {
		margin: 80px auto;
		font-size: 18px;
	}
	#tbl_point_log {
		max-width: 920px;
		width: 100%;
		margin: 10px auto;
		padding: 0 50px;
	}
	#tbl_point_log th,
	#tbl_point_log td {
		font-size: 18px;
	}
	#tbl_point_log th:nth-child(2) {
		width: 50%;
	}
	/* temporary */
	.ec-mypageRole .ec-para-normal,
	.ec-mypageRole .ec-favoriteRole__header {
		margin: 80px auto;
		font-size: 18px;
	}
}

/* 新規会員登録（確認）
-------------------------------------------------------------- */
.ec-borderedDefs.confirm dl {
	padding-bottom: 15px;
}
@media only screen and (min-width: 768px){
	.ec-registerRole__actions .ec-checkbox {
		text-align: center;
	}
}

/* パスワードの再発行
-------------------------------------------------------------- */
.ec-forgotRole .ec-blockBtn--action {
	margin-top: 30px;
}


/* お気に入り一覧
-------------------------------------------------------------- */
.ec-favoriteRole .ec-favoriteRole__itemList {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	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 {
	position: relative;
	width: 50%;
	margin-bottom: 8px;
	padding: 10px;
}
.ec-favoriteRole .ec-favoriteRole__item-image {
	width: 40.6667vw;
	height: 40.6667vw;
	margin-bottom: 10px;
	text-align: center;
}
.ec-favoriteRole .ec-favoriteRole__item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.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 {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px){
	.ec-favoriteRole .ec-favoriteRole__item {
		width: 25%;
		font-size: 18px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.ec-favoriteRole .ec-favoriteRole__item-image {
		width: 100%;
		height: 21.25vw;
	}
}
@media only screen and (min-width: 1200px){
	.ec-favoriteRole .ec-favoriteRole__item-image {
		width: 255px;
		height: 255px;
	}
}
/**
メディアクエリ
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 {
	line-height: 1.4;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	color: rgb(79,79,79);
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}
.ec-role:after {
	clear: both;
	content: " ";
	display: table;
}
.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%;
}

/* temporary */
.ec-role .head_search {
	display: none;
}
@media only screen and (min-width: 768px){
	.ec-role {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
}


/*
マイページセクション

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

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

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

Styleguide 11.1.2
*/

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

/* その他
-------------------------------------------------------------- */
@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; } }

.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*
ヘッダー

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

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__contents {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    /*max-width: 1150px;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        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-headerNaviRole {
	padding-top: 15px;
}
.ec-layoutRole__header .ec-role {
	position: relative;
	height: 75px;
	padding: 0 15px 15px;
}
/* ヘッダー ようこそ〇〇さん */
.ec-headerWelcome {
	position: absolute;
	top: 2px;
	right: 15px;
}
.ec-headerWelcome p {
	margin-bottom: 0;
	font-size: 11px;
	text-align: right;
}

/* ロゴ */
.ec-headerRole {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 72px;
	height: 60px;
	max-width: 1130px;
	margin: 0 auto;
	padding:0;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
.ec-headerTitle .ec-headerTitle__title h1 {
	margin: 0;
}
.ec-headerTitle .ec-headerTitle__title a {
	display: block;
	width: 73px;
	height: 60px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/logo.webp') left top / contain no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
.ec-headerTitle .ec-headerTitle__title a:hover {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* グローバルメニュー */
.ec-headerNaviRole__right.sp_only {
	float: right;
	width: 80px;
	height: 31px;
	margin-top: 15px;
}
.ec-headerNaviRole__right.sp_only .ec-headerNaviRole__nav {
	float:left;
	width: 40px;
	border-right:1px solid rgb(173,173,173);
	text-align:right;
}
.ec-headerNaviRole__right.sp_only .ec-headerNaviRole__nav a {
	display: block;
	width: 40px;
	height: 31px;
	text-decoration: none;
}
.ec-headerNaviRole__right.sp_only  .ec-headerNav__itemIcon.fa-user-tp {
	display: block;
	width:40px !important;
	height: 31px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_user.svg') center center / 23px 23px no-repeat;
}
.ec-headerNaviRole__right.sp_only  .ec-cartNavi {
	padding-left:0;
}
.ec-headerNaviRole__right.sp_only  .ec-headerRole__cart {
	float: right;
	width: 40px;
}
.ec-headerNaviRole__right.sp_only  .ec-headerRole__cart .ec-cartNavi {
	cursor: pointer;
	width: 40px;
	height: 31px;
	padding: 0;
}
.ec-headerNaviRole__right.sp_only  .ec-headerRole__cart .ec-cartNavi:hover {
	opacity: .7;
} 
.ec-headerNaviRole__right.sp_only  .ec-headerRole__cart .ec-cartNavi .ec-cartNavi__icon {
	width: 40px;
	height: 31px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_cart.svg') center center / 24px 24px no-repeat;
}
.ec-headerNav {
	text-align: right;
}
.ec-headerNaviRole__right.sp_only .ec-headerNav .ec-headerNav__itemLink {
	display: none;
	margin-right: 5px;
	font-size: 14px;
	vertical-align: middle;
	color: black;
}
.ec-headerNaviRole__right.sp_only .ec-cartNavi .ec-cartNavi__badge {
	top: -5px;
	right: 0;
	left: auto;
	background-color: rgb(214,0,115);
}
@media only screen and (max-width: 767px){
	.ec-headerNaviRole  .ec-headerNaviRole__right {
		display:none !important;
	}
}
@media only screen and (max-width: 1065px) and (min-width: 768px){
	.ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav__item.pc_only {
		display: none !important;
	} 
}
@media only screen and (min-width: 768px){
	.ec-layoutRole__header {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-layoutRole__header::after {
		clear: both;
		display: block;
		content: '';
	}
	.ec-layoutRole__header .ec-role {
		position: absolute;
		top: 20px;
		left: 0;
		bottom: 0;
		right: 0;
		width: 94px;
		height: 80px;
		margin: 0 auto;
		padding: 0;
	}
	.ec-headerRole {
		position: static;
		width: 94px;
		height: 80px;
	}
	.ec-headerTitle .ec-headerTitle__title a {
		width: 94px;
		height: 80px;
	}
	.ec-headerNaviRole {
		line-height: 1.4;
		float: right;
		margin: 0 auto;
		padding: 45px 50px 40px;
		box-sizing: border-box;
		font-size: 16px;
	}
	.ec-headerNaviRole:after {
		clear: both;
		content: " ";
		display: table;
	}
	.ec-headerNaviRole .ec-headerNaviRole__left {
		display: none;
	}
	.ec-headerNaviRole .ec-headerNaviRole__right {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-align: center;
		align-items: center;
	}
	.ec-headerNaviRole .ec-headerNaviRole__nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-align: center;
		align-items: center;
	}
	.ec-headerNaviRole .ec-headerNaviRole__nav .ec-headerNav {
		display: -ms-flexbox;
		display: flex;
		text-align: center;
	}
	.ec-headerNaviRole .ec-headerNaviRole__nav a {
		line-height: 1.6667;
		padding: 0 15px;
		color: rgb(98,98,98);
		font-size: 15px;
		text-decoration: none;
	}
	.ec-headerNaviRole .ec-headerNaviRole__nav a i {
		display: none;
	}
	/* ヘッダー ようこそ〇〇さん */
	.ec-headerWelcome {
		top: 10px;
		right: 60px;
	}
	.ec-headerWelcome p {
		font-size: 14px;
	}
	/* マイページ */
	.ec-headerNaviRole .ec-headerNaviRole__nav .m_icon {
		margin-right: 15px;
		padding: 0 5px;
		border-right: 2px solid rgb(173,173,173);
	}
	.ec-headerNaviRole .ec-headerNaviRole__nav .m_icon a {
		text-indent: -9999px;
		display: block;
		width: 40px;
		height: 25px;
		background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_user.svg') center center / auto 23px no-repeat;
	}
	/* カート */
	.ec-headerNaviRole .ec-headerRole__cart .ec-cartNavi {
		width: 60px;
		height: 31px;
		padding: 0;
	}
	.ec-headerNaviRole .ec-headerRole__cart .ec-cartNavi .ec-cartNavi__icon {
		width: 40px !important;
		height: 31px;
		background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_cart.svg') left center / 26px 26px no-repeat;
	}
	.ec-cartNavi .ec-cartNavi__badge {
		line-height: 1.0;
		top: 2px;
		right: -17px;
		left: auto;
		width: 26px;
		height: 26px;
		padding: 5px 0;
		font-size: 16px;
	}
}

/* バーガーメニュー */
.ec-headerRole .ec-headerRole__navSP {
	display: block;
	position: absolute;
	top: 15px;
	width: 27%;
	right: 0;
	text-align: right;
}
.ec-headerNavSP {
	cursor: pointer;
	z-index: 99;
	position: fixed;
	top: 20px;
	left: 10px;
	display: block;
	width: 45px;
	height: 50px;
	box-sizing: border-box;
	padding: 10px 12px 10px 12px;
	text-align: center;
	color: black;
	background: white;
}
.ec-headerNavSP .fas {
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 15px;
	border-radius: 1px;
	background-color: rgb(173,183,173);
}
.ec-headerNavSP .fas::before,
.ec-headerNavSP .fas::after {
	position: absolute;
	top: -8px;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	border-radius: 1px;
	background-color: rgb(173,183,173);
}
.ec-headerNavSP .fas::after {
	top: 8px;
}
.ec-headerNavSP.is-active {
	display: none;
}
@media only screen and (min-width: 768px){
	.ec-headerNavSP {
		top: 35px;
		width: 58px;
	}
	.ec-headerNavSP .fas {
		height: 4px;
		margin-top: 12px;
		border-radius: 2px;
	}
	.ec-headerNavSP .fas::before,
	.ec-headerNavSP .fas::after {
		top: -12px;
		height: 4px;
		border-radius: 2px;
	}
	.ec-headerNavSP .fas::after {
		top: 12px;
	}
}

/* 検索ボックス */
.ec-headerSearch {
	margin-bottom: 15px;
	padding: 0 15px;
}
.ec-headerSearch:after {
	content: " ";
	display: table;
}
.ec-headerSearch:after {
	clear: both;
}
.ec-headerSearch .searchform {
	display: flex;
}
.ec-headerSearch .ec-headerSearch__category {
	width: 45%;
}
.ec-headerSearch .ec-headerSearch__category .ec-select {
	overflow: hidden;
	width: 100%;
	margin: 0;
	text-align: center;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
	cursor: pointer;
	outline: none;
	line-height: 1.2727273;
	width: 100%;
	height: 30px;
	padding: 8px 24px 8px 4px;
	border: none;
	border-radius: 5px 0 0 5px;
	color: rgb(255,255,255);
	font-size: 11px;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: rgb(186,174,164) url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/arw_down.svg') 94% center / 10px auto no-repeat;
}
.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;
	color: rgb(255,255,255);
}
.ec-headerSearch .ec-headerSearch__keyword {
	position: relative;
	width: 55%;
	color: rgb(169,169,169);
	border: 1px solid rgb(190,190,190);
	background-color: rgb(255,255,255);
	border-radius: 0 5px 5px 0;
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	width: 100%;
	height: 28px;
	color: rgb(169,169,169);
	font-size: 11px;
	border: 0 none;
	padding: 8px 50px 8px 8px;
	box-shadow: none;
	background: none;
	box-sizing: border-box;
	margin-bottom: 0;
}
.ec-headerSearch .ec-headerSearch__keyword input::placeholder {
	color: rgb(169,169,169);
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
	width: 14px;
	height: 14px;
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon img {
	width: 100%;
	height: auto;
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
	border: 0;
	background: none;
	position: absolute;
	right: 5px;
	top: 45%;
	transform: translateY(-55%);
	display: block;
	white-space: nowrap;
	z-index: 1;
}
@media only screen and (min-width: 915px){
	.ec-headerSearch {
		position: absolute;
		top: 43px;
		left: 75px;
		max-width: 330px;
		width: calc(50% - 170px);
		padding: 0;
	}
	.ec-headerSearch .ec-headerSearch__category .ec-select select {
		line-height: 1.83333;
		height: 32px;
		padding: 5px 8px;
		font-size: 12px;
		background-size: 13px 10px;
	}
	.ec-headerSearch .ec-headerSearch__keyword {
		height: 32px;
	}
	.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		font-size: 12px;
		height: 30px;
		padding: 8px 11px;
	}
	.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
		width: 20px;
		height: 20px;
		margin-top: 3px;
	}
	.ec-headerSearch .ec-headerSearch__keywordBtn {
		right: 8px;
	}
}

/* ドロワー --- カテゴリナビ（PC） */
.ec-categoryNaviRole {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.4;
	color: rgb(79,79,79);
	-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-drawerRole {
	overflow-y: scroll;
	width: 58.666%;
	height: 100vh;
	transform: translateX(-500px);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	transition: z-index 0ms 1ms;
	background-color: rgb(255,255,255);
}
/* ドロワー --- 検索ボックス */
.ec-drawerRole .ec-headerSearchArea {
	padding: 20px 10px;
	width: 100%;
	background: #F8F8F8;
}
.ec-drawerRole .ec-headerSearch {
	margin-bottom: 0;
	padding: 8px;
	color: rgb(80,80,80);
	background-color: rgb(232,228,225);
}
.ec-drawerRole .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
	border:none;
}
.ec-drawerRole .ec-headerSearch .ec-headerSearch__category,
.ec-drawerRole .ec-headerSearch .ec-headerSearch__keyword {
	border:1px solid rgb(190,190,190);
}
.ec-drawerRole .ec-headerSearch .ec-headerSearch__keyword {
	border-top: none;
}
.ec-drawerRole .ec-headerSearch .ec-headerSearch__category {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: rgb(205,197,189);
}
.ec-drawerRole .ec-headerSearch .ec-headerSearch__keyword {
}
.ec-drawerRole .ec-headerSearch .ec-headerSearch__keywordBtn {
	height:98%;
}
.ec-drawerRole .ec-headerSearch select {
	width: 100% !important;
}

/* ドロワー --- ログイン */
.ec-drawerRole .ec-headerLinkArea__upper a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 7px 15px 5px;
	border-bottom: 1px solid rgb(190,190,190);
	color: rgb(80,80,80);
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	text-align: left;
	background: rgb(255,255,255);
}
.ec-drawerRole .ec-headerLinkArea__upper .ec-headerLink__icon {
	display: inline-block;
	width: 13px;
	margin-right: 7px;
	text-align: center;
}
.ec-drawerRole .ec-headerLinkArea__upper .ec-headerLink__icon i {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 23px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_login.svg') center center / contain no-repeat;
}

/* ドロワー --- カテゴリ */
.ec-itemNav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
}
.ec-itemNav.concierge {
	padding-top: 26px;
}
.ec-itemNav.notWine {
	padding-top: 26px;
}
.ec-itemNav p {
	line-height: 1.72727;
	margin-bottom: 0;
	padding: 9px 15px 7px;
	border-bottom: 1px solid rgb(190,190,190);
	color: rgb(255,255,255);
	font-size: 11px;
	background-color: rgb(186,174,164);
}
.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 {
	position: relative;
	float: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.ec-itemNav__nav li a {
	line-height: 1.72727;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 9px 15px 7px 45px;
	border-bottom: 1px solid rgb(190,190,190);
	color: rgb(80,80,80);
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	background: rgb(255,255,255);
}
.ec-itemNav__nav > li > a {
	padding-left: 30px;
	background-color: rgb(232,228,225);
}
.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-drawerRole .ec-headerLinkArea {
	padding-top: 50px;
	padding-bottom: 25px;
	background: rgb(255,255,255);
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list p {
	line-height: 1.72727;
	margin-bottom: 0;
	padding: 9px 15px 7px;
	border-bottom: 1px solid rgb(190,190,190);
	color: rgb(255,255,255);
	font-size: 11px;
	background-color: rgb(186,174,164);
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 7px 15px 5px;
	border-bottom: 1px solid rgb(190,190,190);
	color: rgb(80,80,80);
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	background: rgb(255,255,255);
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
	display: inline-block;
	width: 15px;
	margin-right: 5px;
	text-align: center;
}
/* icon */
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon i {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 23px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.fa-shopping-cart-tp {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_cart.svg');
}
.fa-heart-tp {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_heart.svg');
}
.fa-user-tp {
	width: 12px !important;
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_user.svg');
}
.fa-lock-tp {
	width: 12px !important;
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_login.svg');
}
.fa-help {
	width: 12px !important;
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_help.svg');
}
.fa-contact {
	width: 14px !important;
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_contact.svg');
}
.fa-home {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/tp_home.svg');
}
.fa-home::before {
	display: none;
}
.fa-shopping-cart-tpde {
	display: inline-block;
	vertical-align: middle;
	background:url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/cart_de.svg') no-repeat center;
	height: 30px;
	background-size: 25px;
	padding-left:0;
}
.fa-shopping-cart-tpde:before {
	content: normal;
}

/* 閉じるボタン */
.ec-drawerRoleClose {
	position: fixed;
	top: 20px;
	left: 61%;
	z-index: 1000;
	display: none;
	width: 30px;
	height: 30px;
	padding: 8px 5px 5px 5px;
	border-radius: 50%;
	box-sizing: border-box;
	color: rgb(125,125,125);
	font-size: 15px;
	font-weight:normal;
	text-align: center;
	background: rgb(255,255,255);
}
.ec-drawerRoleClose .fas {
	vertical-align: top;
}
.ec-drawerRoleClose .fas {
	position: relative;
	display: block;
	width: 80%;
	height: 1px;
	margin-top: 7px;
	margin-left: 10%;
	background-color: rgb(125,125,125);
	-webkit-transform: rotate( 45deg);
	-moz-transition: rotate( 45deg);
	-o-transition: rotate( 45deg);
	transform: rotate( 45deg);
}
.ec-drawerRoleClose .fas::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgb(125,125,125);
	-webkit-transform: rotate( -90deg);
	-moz-transition: rotate( -90deg);
	-o-transition: rotate( -90deg);
	transform: rotate( -90deg);
}

.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;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: transparent;
transform: translateX(0);
transition: all .3s;
visibility: hidden;
}

.have_curtain .ec-overlayRole {
display: block;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
background: rgba(0, 0, 0, 0.5);
visibility: visible;
}

@media only screen and (min-width: 768px){
	/* ドロワー */
	.ec-drawerRole {
		transform: translateX(-400px);
		width: 305px;
	}
	/* ドロワー --- ログイン */
	.ec-drawerRole .ec-headerLinkArea__upper a {
		line-height: 2.375;
		padding: 7px 27px 5px;
		font-size: 16px;
	}
	.ec-drawerRole .ec-headerLinkArea__upper .ec-headerLink__icon i {
		width: 16px;
		margin-top: -8px;
	}
	/* ドロワー --- カテゴリ */
	.ec-itemNav p {
		line-height: 2.125;
		padding-left: 27px;
		font-size: 16px;
	}
	.ec-itemNav__nav li a {
		line-height: 2.125;
		padding-left: 62px;
		font-size: 16px;
	}
	.ec-itemNav__nav > li > a {
		padding-left: 46px;
	}
	.ec-itemNav__nav > li > ul >li > ul > li a {
		padding-left: 78px;
	}
	.ec-itemNav.notWine {
		padding-top: 40px;
	}
	/* ご利用について */
	.ec-drawerRole .ec-headerLinkArea {
		padding-top: 70px;
	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list p {
		line-height: 2.125;
		font-size: 16px;
	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list a {
		line-height: 2.125;
		padding: 9px 15px 7px 16px;
		font-size: 16px;
	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
		width: 23px;
		margin-right: 3px;
	}
	/* icon */
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon i {
		width: 21px;
		height: 25px;
	}
	.fa-shopping-cart-tp {
		width: 22px !important;
	}
	.fa-lock-tp {
		width: 18px !important;
	}
	.fa-user-tp {
		width: 16px !important;
	}
	.fa-help {
		width: 16px !important;
	}
	.fa-contact {
		width: 21px !important;
	}
	.fa-home {
		vertical-align: top !important;
		margin-top: 4px;
	}
	/* 閉じるボタン */
	.ec-drawerRoleClose {
		left: 320px;
		width: 44px;
		height: 44px;
	}
	.ec-drawerRoleClose .fas {
		width: 70%;
		margin-top: 13px;
		margin-left: 14%;
	}
}


/*
ヘッダー：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グローバルナビ 
-------------------------------------------------------------- */
.gnav {
	width: 100%;
	padding: 0;
	text-align: center;
}
.gnav ul {
	display: table;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
.gnav ul + ul {
	display: block;
}
.gnav ul + ul::after {
	clear: both;
	display: block;
	content: '';
}
.gnav li {
	line-height: 40px;
	display: table-cell;
	padding: 7px 0;
	text-align: center;
	background-color: rgb(232,228,225);
}
.gnav li:hover {
/*	background-color: rgb(255,255,255);*/
}
.gnav ul + ul li {
	float: left;
	display: block;
}
.gnav li a {
	display: block;
	border-right: 1px solid rgb(98,98,98);
}
.gnav li a:hover {
	opacity: 1.0;
}
.gnav li.regular a {
	border-right: none;
}
.gnav li a img {
	width:74.67%;
}
.gnav li.subcontents { 
	width: calc(100% / 4);
	line-height: normal;
	padding: 0 0 5px;
}
.gnav li.concierge {
	display: block;
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
}
.gnav li.subcontents:nth-child(2) {
	clear: left;
	padding-left: 3px;
}
.gnav li.subcontents:nth-child(5) {
	padding-right: 3px;
}
.gnav li.subcontents a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	background-color: transparent;
	border-right: 1px solid rgb(98,98,98);
	color: rgb(98,98,98);
	font-size: 11px;
}
.gnav li.concierge a {
	border-radius: 2px;
	border-right: none;
	color: rgb(255,255,255);
	font-weight: bold;
	background-color: rgb(165,152,144);
}
.gnav li.concierge a:hover {
	background-color:rgb(255,255,255);
	color:  rgb(98,98,98);
}
.gnav li.concierge a::before:hover {
	color:  rgb(255,255,255);
}
.gnav li.subcontents:last-child a {
	border-right: none;
}

/* PCグローバルナビ 
-------------------------------------------------------------- */
.gnav_pc {
	height: 60px;
	padding: 0;
	background-color: rgb(232,228,225);
	overflow-x: scroll;
	overflow-y: hidden;
	scrollbar-color: rgb(165,152,144) transparent; /* firefox対応 */
	scrollbar-width: thin; /* firefox対応 */
}
.gnav_pc ul {
	display: table;
	max-width: 1300px;
	min-width: 1300px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	list-style-type: none;
	border-collapse: separate;
	border-spacing: 3px 0;
}
.gnav_pc::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}
.gnav_pc::-webkit-scrollbar-track {
	background: transparent;
}
.gnav_pc::-webkit-scrollbar-thumb {
	background: rgb(165,152,144);
	border-radius: 2px;
}
.gnav_pc li {
	display: table-cell;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.gnav_pc li:hover {
	background-color: rgb(255,255,255);
}
.gnav_pc li.red-wine {
	width: 110px;
}
.gnav_pc li.white-wine {
	width: 110px;
}
.gnav_pc li.sparkling-wine {
	width: 150px;
}
.gnav_pc li.sake {
	width: 110px;
}
.gnav_pc li.set {
	width: 110px;
}
.gnav_pc li a {
	display: block;
	padding: 10px 0;
}
.gnav_pc li a span {
	line-height: 40px;
	display: block;
	border-right: 1px solid rgb(98,98,98);
}
.gnav_pc li a span img {
	padding-bottom: 4px;
}
.gnav_pc li.red-wine a span {
	border-left: 1px solid rgb(98,98,98);
}
.gnav_pc li.subcontents {
	width: 125px;
}
.gnav_pc li.subcontents a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 0;
	border-right: 1px solid rgb(98,98,98);
	font-size: 16px;
	color: rgb(98,98,98);
}
.gnav_pc li.subcontents.subcontents-foodwine a {
	border-left: 1px solid rgb(98,98,98);
}
.gnav_pc li.subcontents a span {
	line-height: 1.25;
	border-right: none;
}
.gnav_pc li.subcontents a:hover {
	color: rgb(213,2,115);
}
.gnav_pc li.concierge {
	width: 192px;
}
.gnav_pc li.concierge a {
	height: 40px;
	border-radius: 2px;
	color: rgb(255,255,255);
	font-size: 16px;
	font-weight: bold;
	background-color: rgb(165,152,144);
}
.gnav_pc li.concierge a span {
	letter-spacing: -.05em;
	line-height: 1.25;
	border-right: none;
}
.gnav_pc li.concierge:hover a {
	color: rgb(213,2,115);
}
.gnav_pc li.concierge:hover,
.gnav_pc li.concierge:hover a {
	background-color: rgb(255,255,255);
}

/* パンくずリスト（プラグイン） 
-------------------------------------------------------------- */
body:not(#page_homepage) .ec-layoutRole__mainTop {
	margin-bottom: 15px;
}
.breadcrumb {
	list-style: none;
	margin-bottom: 0;
	padding: 8px 15px;
	border-radius: 0;
	font-size: 12px;
	background-color: transparent;
}
.breadcrumb > li {
	display: inline-block;
}
.breadcrumb > li + li:before {
	padding: 0 5px;
	color: rgb(79,79,79);
	content: "/";
}
.breadcrumb > .active {
	color: rgb(79,79,79);
}
@media only screen and (min-width: 768px){
	.breadcrumb {
		max-width: 1200px;
		margin: 0 auto;
		padding: 8px 50px;
		font-size: 14px;
	}
}

/* トップページ
-------------------------------------------------------------- */
/* スライダー */
.ec-sliderRole {
	width: 100%;
	margin: 0 auto 25px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 1.4;
	color: rgb(255,255,255);
	-webkit-text-size-adjust: 100%;
}
.ec-sliderRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-sliderRole img {
	width: 100%;
}
.ec-sliderRole .slick-dots {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	margin-bottom: 8px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.ec-sliderRole .slick-dots li {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 3px ;
	padding: 0;
	cursor: pointer;
}
.ec-sliderRole .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 15px;
	height: 15px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.ec-sliderRole .slick-dots li button:hover,
.ec-sliderRole .slick-dots li button:focus {
	outline: none;
}
.ec-sliderRole .slick-dots li button:hover:before,
.ec-sliderRole .slick-dots li button:focus:before {
	opacity: .75;
}
.ec-sliderRole .slick-dots li button:before {
	content: " ";
	line-height: 15px;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	text-align: center;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid rgb(255,255,255);
}
.ec-sliderRole .slick-dots li.slick-active button:before {
	background-color: rgb(255,255,255);
}
.ec-sliderRole .slick-dots li button.thumbnail img {
	width: 0;
	height: 0;
}
@media only screen and (min-width: 768px){
	.ec-sliderRole {
		margin: 0 auto 15px;
		padding: 0;
	}
	.ec-sliderRole .slick-dots {
		margin-bottom: 25px;
	}
	.ec-sliderRole .slick-dots li {
		width: 19px;
		height: 19px;
		margin: 0 15px ;
	}
	.ec-sliderRole .slick-dots li button {
		width: 19px;
		height: 19px;
		padding: 0;
	}
	.ec-sliderRole .slick-dots li button:before {
		line-height: 19px;
		top: 0;
		left: 0;
		width: 19px;
		height: 19px;
		border-width: 2px;
	}
	.ec-sliderRole .slick-arrow {
		position: absolute;
		z-index: 9999;
		-webkit-appearance: none;
		-moz-appearance :none;
		appearancen: none;
		border: none;
		text-indent: -9999px;
		width: 30px;
		height: 60px;
		background-position: center center;
		background-size: 24px auto;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	.ec-sliderRole .slick-prev {
		background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/arrow_prev.svg');
	}
	.ec-sliderRole .slick-next {
		background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/arrow_next.svg');
	}
	.ec-sliderRole .slick-arrow:hover {
		opacity: .75;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.ec-sliderRole .slick-prev {
		top: calc( 50% - 30px );
		left: 150px;
	}
	.ec-sliderRole .slick-next {
		top: calc( 50% - 30px );
		right: 150px;
	}
}
@media only screen and (min-width: 1200px){
	.ec-sliderRole .slick-prev {
		top: calc( 50% - 30px );
		left: calc( 20% - 50px );
	}
	.ec-sliderRole .slick-next {
		top: calc( 50% - 30px );
		right: calc( 20% - 50px );
	}
}




/* ダミー暫定対応 */
.ec-topRole {
	width: 100%;
	margin: 0 auto 50px;
	padding: 0;
}
.ec-topRole img {
	max-width: 100%;
	width: 100%;
}
@media only screen and (min-width: 768px){
	.ec-topRole {
	max-width: 1200px;
	padding: 0 50px;
	}
}

/**	
メディアクエリ
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: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.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;
}
	
	/**
メディアクエリ
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;
  -ms-touch-action: manipulation;
      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: rgb(79,79,79);
    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;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=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;
    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:active, .ec-inlineBtn--top.active,
  .open > .ec-inlineBtn--top.dropdown-toggle {
    background-image: none; }
  .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;
  -ms-touch-action: manipulation;
      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: rgb(79,79,79);
    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;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=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;
    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:active, .ec-blockBtn--top.active,
  .open > .ec-blockBtn--top.dropdown-toggle {
    background-image: none; }
  .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; }


/* キャンペーンバナー（送料無料告知）
-------------------------------------------------------------- */
.ec-contentTopRole {
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0 15px;
}
.descriptionRole p {
	margin-bottom: 15px;
	text-align: center;
	color: rgb(101,0,32);
	font-size: 10px;
	font-weight: 700;
}
.campaignRole {
	margin: 0 auto;
}
.campaignRole p {
	line-height: 1.8;
	margin-top: 15px;
	padding-bottom: 0;
	font-size: 11px;
}
.icon_freeShipping {
	line-height: 1.45455;
	display: inline-block;
	margin-right: 3px;
	padding: 0 5px;
	border: 1px solid rgb(199,24,109);
	border-radius: 3px;
	color: rgb(199,24,109);
}
@media only screen and (min-width: 768px){
	.ec-layoutRole__contentTop {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-contentTopRole {
		padding: 0;
	}
	.descriptionRole p {
		font-size: 14px;
	}
	.campaignRole p {
/*		letter-spacing: -.08em; */
		margin-top: 0;
		font-size: 14px;
		text-align: right;
	}
}

/* 新着情報
-------------------------------------------------------------- */
.ec-newsRole .ec-newsRole__news {
	margin-top: 25px;
	color: rgb(98,98,98);
	font-size: 12px;
}
.ec-newsRole .ec-newsRole__newsItem {
	border-bottom: 1px dotted rgb(198,198,198);
}
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
	margin-bottom: 20px;
}
.ec-newsRole .ec-newsRole__newsHeading {
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
}
.ec-newsRole .ec-newsRole__newsDate {
	line-height: 3.18182;
	display: block;
	width: 27%;
	font-size: 11px;
}
.ec-newsRole .ec-newsRole__newsColumn {
	line-height: 2.91667;
	display: -ms-flexbox;
	display: flex;
	width: 73%;
}
.ec-newsRole .ec-newsRole__newsTitle {
	display: inline-block;
	width: 90%;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ec-newsRole .ec-newsRole__newsClose {
	position: relative;
	display: inline-block;
	width: 10%;
	text-align: center;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
	cursor: pointer;
	position: absolute;
	right: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 8px auto 0;
	border-radius: 50%;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/arrow_down.svg') center center / 12px 6px no-repeat;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn {
	transform: rotateX(180deg) translateY(2px);
}
.ec-newsRole .ec-newsRole__newsDescription {
	line-height: 1.5833;
	display: none;
	margin: 0 0 10px;
	overflow: hidden;
}
.ec-newsRole .ec-inlineBtn--top {
	display: inline;
	float: right;
	margin-top: 10px;
	margin-right: 4px;
	padding: 0 20px 0 0;
	border: none;
	color: rgb(78,78,78);
	font-size: 12px;
	font-weight: 400;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/arrow_down.svg') right center / 12px 6px no-repeat;
}
.ec-newsRole .ec-inlineBtn--top:focus,
.ec-newsRole .ec-inlineBtn--top:active {
	border: none;
	box-shadow: none;
	background-color: transparent;
}
@media only screen and (min-width: 768px){
	.ec-newsRole .ec-newsRole__news {
		margin-top: 25px;
		font-size: 16px;
	}
	.ec-newsRole .ec-newsRole__newsItem {
		border-width: 2px;
	}
	.ec-newsRole .ec-newsRole__newsDate {
		font-size: 16px;
		width: 13%;
		min-width: 115px;
	}
	.ec-newsRole .ec-newsRole__newsColumn {
		width: 87%;
	}
	.ec-newsRole .ec-newsRole__newsTitle {
		width: 95%;
	}
	.ec-newsRole .ec-newsRole__newsClose {
		width: 5%;
	}
	.ec-newsRole .ec-newsRole__newsCloseBtn {
		width: 20px;
		height: 20px;
		margin: 15px 10px 0;
		border-radius: 50%;
		background-size: 20px 10px;
	}
	.ec-newsRole .ec-inlineBtn--top {
		margin-top: 15px;
		margin-right: 10px;
		padding: 0 35px 0 0;
		font-size: 16px;
		background-size: 20px 10px;
	}
}


/* フッター
-------------------------------------------------------------- */
.ec-footerRole {
	margin-top: 30px;
	padding-top: 105px;
	background: rgb(232,228,225) url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_footer.webp') left top / 100% auto no-repeat;
}

/* フッターコンテンツ */
.ec-footerRole .ec-role .sub_box {
	line-height: 1.8em;
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 15px;
	background-color: rgb(255,255,255);
}
.ec-footerRole .ec-role .sub_box p.ttl {
	height: 21px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.ec-footerRole .ec-role .sub_box p.ttl img {
	width: auto;
	height: 100%;
	vertical-align: top;
}
.ec-footerRole .ec-role .sub_box p:not(.ttl):not(.sq_btn) {
	line-height: 1.58333;
	color: rgb(98,98,98);
	font-size: 12px;
}
.ec-footerRole .ec-role .sub_box p.sq_btn {
	margin-top: 15px;
}
.ec-footerRole .ec-role .sub_box p.sq_btn a {
	line-height: 31px;
	display: block;
	width:100%;
	height: 31px;
	margin: 0 auto;
	border-radius: 15px;
	border: 1px solid rgb(143,142,142);
	color: rgb(98,98,98);
	font-size: 12px;
	text-align: center;
}
/* ラッピング */
.ec-footerRole .ec-role .sub_box.wrapping p span {
	line-height: 1.45455;
	display: inline-block;
	margin-right: 3px;
	padding: 0 5px;
	border: 1px solid rgb(199,24,109);
	border-radius: 3px;
	color: rgb(199,24,109);
	font-size: 11px;
}
/* ギフトボックス */
.ec-footerRole .ec-role .sub_box.wrapping p a {
	color: rgb(0,115,190);
}
/* お支払方法 */
.ec-footerRole .ec-role .sub_box.payment p:not(.ttl) img {
	display: block;
	width: auto;
	height: 36px;
	margin: 15px auto 10px;
}
.ec-footerRole .ec-role .sub_box.payment p:not(.ttl) {
	text-align: center;
}
/* 配送・送料 */
.ec-footerRole .ec-role .sub_box.shipping p:not(.ttl):not(.sq_btn) {
	text-indent: -1em;
	margin-bottom: 0;
	margin-left: 1em;
}
.ec-footerRole .ec-role .sub_box.shipping p:not(.ttl):not(.sq_btn)::before {
	content: "●";
}
/* フッターメニュー */
.ec-role.footerMenu {
	padding: 0 0 20px;
}
.ec-footerNavi {
	margin-bottom: 0;
	padding: 20px 0 0;
	list-style: none;
	text-align: left;
}
.ec-footerNavi .ec-footerNavi__link a {
	line-height: 1.58333;
	display: block;
	padding: 7px 30px 9px;
	border-top: 1px solid rgb(209,209,209);
	color: rgb(98,98,98);
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	background-color: rgb(255,255,255);
}
.ec-footerNavi .ec-footerNavi__link:last-child a {
	border-bottom: 1px solid rgb(209,209,209);
}
.ec-footerNavi .ec-footerNavi__link:hover a {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

/* コピーライト */
.ec-role.footerMenu address,
.ec-role.footerMenu p,
.ec-footerTitle__copyright {
	line-height: 1.54545;
	margin: 0 30px 15px;
	color: rgb(153,153,153);
	font-size :11px;
}
@media only screen and (min-width: 768px){
	.ec-footerRole {
		padding-top: 150px;
		background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_footer_pc.webp');
	}
	.ec-footerRole__inner {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		padding: 0 50px;
	}
	.footerContents {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto 30px auto 30px auto;
		-ms-grid-columns: 1fr 60px 1fr;
		grid-template:
			"magazine contact" minmax(230px, auto)
			"wrapping shipping" minmax(230px, auto)
			"payment shipping" minmax(230px, auto) / 1fr 1fr;
		grid-gap: 30px 60px;
		gap: 30px 60px;
		max-width: 1100px;
		width: 100%;
		padding: 0;
	}
	.footerContents::after {
		display: none;
	}
	.ec-footerRole .ec-role .magazine {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: magazine;
	}
	.ec-footerRole .ec-role .contact {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		grid-area: contact
	}
	.ec-footerRole .ec-role .wrapping {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		grid-area: wrapping
	}
	.ec-footerRole .ec-role .payment {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: payment;
	}
	.ec-footerRole .ec-role .shipping {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-row-span: 3;
		grid-area: shipping;
	}
	.ec-footerRole .ec-role .sub_box {
		margin-bottom: 0;
		padding-top: 25px;
	}
	.ec-footerRole .ec-role .sub_box p.ttl {
		line-height: 1.875;
		max-height: 30px;
		height: auto;
		margin-bottom: 15px;
	}
	.ec-footerRole .ec-role .sub_box p.ttl img {
		max-height: 30px;
	}
	.ec-footerRole .ec-role .sub_box p:not(.ttl):not(.sq_btn) {
		line-height: 1.6875;
		min-height: 57px;
		font-size: 16px;
	}
	.footerContents .wrapping p:not(.ttl):not(.sq_btn),
	.footerContents .payment p:not(.ttl):not(.sq_btn) {
		margin-bottom: 40px;
	}
	.ec-footerRole .ec-role .sub_box p.sq_btn {
		margin-top: 20px;
	}
	.footerContents .wrapping .sub_box p.sq_btn {
		margin-bottom: 0;
	}
	.ec-footerRole .ec-role .sub_box p.sq_btn a {
		line-height: 41px;
		width: 69.7%;
		height: 45px;
		border-radius: 22.5px;
		border: 2px solid rgb(125,125,125);
		font-size: 16px;
	}
	.ec-footerRole .ec-role .sub_box.payment p:not(.ttl) img {
		max-width: 360px;
		width: 100%;
		height: auto;
		margin: 15px auto 30px;
	}
	/* ラッピング */
	.ec-footerRole .ec-role .sub_box.wrapping p span {
		line-height: 1.7142;
		margin-right: 8px;
		padding: 0 5px;
		border-radius: 6px;
		font-size: 14px;
	}
	/* 配送・送料 */
	.ec-footerRole .ec-role .sub_box.shipping p:not(.ttl):not(.sq_btn)::before {
	}
	/* フッターメニュー */
	.ec-role.footerMenu {
		max-width: 1060px;
		width: 100%;
		margin: 0 auto;
		padding: 75px 0 40px;
	}
	.ec-footerNavi {
		display: table;
		width: 100%;
		margin-bottom: 75px;
		padding-top: 0;
	}
	.ec-footerNavi .ec-footerNavi__link {
		display: table-cell;
	}
	.ec-footerNavi .ec-footerNavi__link a {
		line-height: 1.58333;
		padding: 0;
		border-top: 0;
		font-size: 16px;
		text-align: center;
		background-color: transparent;
	}
	.ec-footerNavi .ec-footerNavi__link:last-child a {
		border-bottom: none;
	}
	/* コピーライト */
	.ec-role.footerMenu address,
	.ec-role.footerMenu p,
	.ec-footerTitle__copyright {
		line-height: 1.54545;
		max-width: 1060px;
		width: 100%;
		margin: 0 auto 10px;
		color: rgb(125,125,125);
		font-size :14px;
	}
}


/* 商品一覧
-------------------------------------------------------------- */
/* .ec-searchnavRole */
.ec-searchnavRole {
	margin-bottom: 0;
	padding: 0;
}
.ec-searchnavRole .ec-searchnavRole__infos {
	margin: 0px auto 20px;
	padding: 8px 15px;
	font-size: 12px;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
	background-color: rgb(232,228,225);
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
	clear: both;
	content: " ";
	display: table;
}
.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__actions {
	text-align: right;
}
.ec-searchnavRole .ec-searchnavRole__actions .ec-select {
	margin-bottom:0;
}
@media only screen and (min-width: 768px){
	.ec-searchnavRole {
		line-height: 1.4;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 50px;
		box-sizing: border-box;
		font-size: 16px;
		-webkit-text-size-adjust: 100%;
	}
	.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 {
		margin: 15px auto 30px;
		padding: 5px 5px 5px 15px;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.ec-searchnavRole .ec-searchnavRole__counter {
		margin-bottom: 0;
		width: 50%;
	}
	.ec-searchnavRole .ec-searchnavRole__actions {
		width: 50%;
	}
}

/* .ec-shelfRole */
.ec-shelfRole {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 16px;
	line-height: 1.4;
	color: rgb(79,79,79);
	-webkit-text-size-adjust: 100%;
}
.ec-shelfRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-shelfRole img {
	max-width: 100%;
}
.ec-shelfRole html {
	box-sizing: border-box;
}
.ec-shelfRole *,
.ec-shelfRole *:before,
.ec-shelfRole *:after {
}
.ec-shelfRole img {
	width: 100%;
}
@media only screen and (min-width: 768px){
	.ec-shelfRole {
		padding: 0 50px;
	}
}

/* .ec-shelfGrid */
.ec-shelfGrid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: 0;
	margin-right: 0;
	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 {
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dotted rgb(223,220,216);
}
.ec-shelfGrid .ec-shelfGrid__item::after {
	clear: both;
	content: "";
	display: block;
}
.ec-shelfGrid .ec-product__upperBlock {
	position: relative;
}
.ec-shelfGrid .ec-product__upperBlock::after {
	clear: both;
	display: block;
	content: "";
}
/* 入荷待ちアイコン */
.ec-product__backorder {
	z-index: 9999;
	position: absolute;
	top: 5px;
	left: 5px;
	line-height: 1.45455;
	display: inline-block;
	padding: 0 9px;
	border: 1px solid rgb(98,98,98);
	border-radius: 3px;
	color: rgb(98,98,98);
	font-size: 11px;
	background-color: rgb(255,255,255);
}
/* 商品画像 */
.ec-shelfGrid .ec-product__image {
	float: left;
	width: 47.826%;
	height: 44.0vw;
	margin-bottom: 15px;
}
.ec-shelfGrid .ec-product__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-shelfGrid .ec-product__description {
	float: right;
	line-height: 1.58333;
	width: 47.2463%;
	margin-bottom: 15px;
	font-size: 12px;
}
.ec-shelfGrid .ec-product__description p {
	margin-bottom: 0;
}
.ec-shelfGrid .ec-product__taste {
	clear: both;
	display: inline-block;
	margin-bottom: 3px;
	padding: 3px 8px;
	border-radius: 3px;
	color: rgb(255,255,255);
	font-size: 11px;
	background-color: rgb(186,174,164);
}
.ec-shelfGrid .ec-productRole__tags {
	clear: both;
	display: inline-block;
	margin-bottom: 3px;
	padding: 3px 0 3px 8px;
	border-radius: 3px;
	color: rgb(98,98,98);
	font-size: 11px;
	background-color: rgb(235,233,231);
}
.ec-shelfGrid .ec-productRole__tags span {
	margin-right: 8px;
}
.ec-shelfGrid .ec-product_name {
	line-height: 1.4666;
	margin-bottom: 15px;
	font-size: 15px;
}
.ec-shelfGrid .ec-product__lowerBlock {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.ec-shelfGrid .ec-product__leftBlock {
	display: table-cell;
	width: 62.3188%;
	font-size: 11px;
}
.ec-shelfGrid .ec-product__leftBlock p {
	line-height: 1.54545;
	margin-bottom: 0;
	color: rgb(153,153,153);
}
/* country */
.ec-product__country {
	margin-right: 1em;
	padding-left: 20px;
	background-position: 0 3px;
	background-size: auto 11px;
	background-repeat: no-repeat;
}
.ec-product__country.france {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_france.svg');
}
.ec-product__country.italy {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_italy.svg');
}
.ec-product__country.usa {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_usa.svg');
}
.ec-product__country.spain {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_spain.svg');
}
.ec-product__country.japan {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_japan.svg');
}
.ec-product__country.south_africa {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_south_africa.svg');
}
.ec-product__country.greece {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_greece.svg');
}
.ec-product__country.germany {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_germany.svg');
}
.ec-product__country.austria {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_austria.svg');
}
.ec-product__country.australia {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_australia.svg');
}
.ec-product__country.newzeeland {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_newzeeland.svg');
}
.ec-product__country.georgia {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_georgia.svg');
}
.ec-product__country.portugal {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_portugal.svg');
}
.ec-product__country.chili {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_chili.svg');
}
.ec-product__country.us {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/f_us.svg');
}
/* class dummy */
.ec-product__class {
	padding-left: 20px;
	background-position: 2px 3px;
	background-size: auto 11px;
	background-repeat: no-repeat;
}
.ec-product__class.red {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w_red.svg');
}
.ec-product__class.white {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w_white.svg');
}
.ec-product__class.rose {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w_rose.svg');
}
.ec-product__class.orange {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w_orange.svg');
}
.ec-product__class.champagne {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w_champagne.svg');
}
.ec-product__class.sparkling {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w_sparkling.svg');
}

/* redWine */
.ec-product__redWine {
	padding-left: 20px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w2_red.svg') 2px 1px / auto 14px no-repeat;
}
/* whiteWine */
.ec-product__whiteWine {
	padding-left: 20px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/icon/w2_white.svg') 2px 1px / auto 14px no-repeat;
}
/* etcWine */
.ec-product__etcWine {
	padding-left: 20px;
}
/* size */
.ec-product__size {
	padding-left: 20px;
}
.ec-shelfGrid .ec-product__rightBlock {
	display: table-cell;
	vertical-align: bottom;
	width: 33.1884%;
	min-width: 115px;
	text-align: right;
}
.ec-shelfGrid .ec-product__rightBlock p {
	margin-bottom: 0;
}
/* 送料無料 */
.ec-shelfGrid .icon_freeShipping {
	line-height: 1.45455;
	display: inline-block;
	margin-right: 0;
	padding: 0 9px;
	border: 1px solid rgb(214,0,115);
	border-radius: 3px;
	color: rgb(214,0,115);
	font-size: 11px;
	white-space: nowrap;
}
/* 割引率 */
.ec-shelfGrid .ec-product__discount-rate {
	line-height: 1.45455;
	display: inline-block;
	padding: 0 9px;
	border: 1px solid rgb(214,0,115);
	border-radius: 3px;
	color: rgb(214,0,115);
	font-size: 11px;
}
/* 価格 */
.ec-shelfGrid .price01-default {
	font-size: 16px;
	font-weight: 700;
}
.ec-shelfGrid .price02-default {
	font-size: 12px;
}
.ec-shelfGrid .price01-default span,
.ec-shelfGrid .price02-default span {
	margin-left: 5px;
}
/* 在庫数 */
.ec-shelfGrid .ec-product__stock {
	line-height: 35px;
	float: left;
	width: auto;
	color: rgb(98,98,98);
	font-size: 12px;
}
.ec-shelfGrid .ec-product__stock span {
	margin-right: 5px;
	color: rgb(153,153,153);
	font-size: 11px;
}
/* 注文ボタン */
.ec-shelfGrid .ec-product__orderBlock {
	float: right;
	width: auto;
}
.ec-shelfGrid .ec-product__orderBlock.zero {
	float: none;
	width: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item form {
	display: inline-block;
	width: auto;
	margin-right: 10px;
}
.ec-shelfGrid .ec-productRole__btn {
	display: inline-block;
}
.ec-shelfGrid .ec-product__orderBlock.zero .ec-productRole__btn {
	display: block;
}
@media only screen and (min-width: 768px){
	.ec-shelfGrid {
		justify-content: space-between;
	}
	.ec-shelfGrid .ec-shelfGrid__item {
		max-width: 510px;
		width: 46.364%;
	}
	.ec-shelfGrid .ec-product__image {
		max-width: 240px;
		width: 47.059%;
	}
	.ec-shelfGrid .ec-product__description {
		line-height: 1.55556;
		max-width: 250px;
		width: 49.020%;
		font-size: 16px;
	}
	.ec-shelfGrid .ec-product__taste,
	.ec-shelfGrid .ec-productRole__tags {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.ec-shelfGrid .ec-product__name {
		font-size: 18px;
	}
	.ec-shelfGrid .ec-product__lowerBlock {
		margin-bottom: 15px;
	}
	.ec-shelfGrid .ec-product__leftBlock {
		max-width: 340px;
		width: 66.667%;
		font-size: 16px;
	}
	.ec-shelfGrid .ec-product__leftBlock p {
		line-height: 1.5625;
		color: rgb(148,148,148);
	}
	/* country dummy & class dummy */
	.ec-product__country {
		padding-left: 30px;
		background-position: 3px 5px;
		background-size: auto 16px;
	}
	.ec-product__class {
		padding-left: 30px;
		background-position: 5px 5px;
		background-size: auto 16px;
	}
	/* redWine & whiteWine */
	.ec-product__redWine,
	.ec-product__whiteWine {
		padding-left: 30px;
		background-position: 5px 4px;
		background-size: auto 21px;
	}
	/* etcWine */
	.ec-product__size {
		padding-left: 30px;
	}
	/* 送料無料 */
	.ec-shelfGrid .icon_freeShipping {
		line-height: 1.5;
		padding: 0 9px;
		border-radius: 6px;
		font-size: 14px;
	}
	.ec-shelfGrid p.icon_freeShipping {
		margin-bottom: 8px;
	}
	/* 割引率 */
	.ec-shelfGrid .ec-product__rightBlock .ec-product__discount-rate {
		line-height: 1.5;
		margin-bottom: 5px;
		border-radius: 6px;
		font-size: 14px;
	}
	/* 価格 */
	.ec-shelfGrid .price01-default {
		font-size: 20px;
	}
	.ec-shelfGrid .price02-default {
		font-size: 15px;
	}
	.ec-shelfGrid .price01-default span,
	.ec-shelfGrid .price02-default span {
	margin-left: 5px;
	}
	/* 在庫数 */
	.ec-shelfGrid .ec-product__stock {
	line-height: 45px;
	font-size: 18px;
	}
	.ec-shelfGrid .ec-product__stock span {
	margin-right: 5px;
	font-size: 16px;
	}
	/* 注文ボタン */
	.ec-shelfGrid .ec-shelfGrid__item form {
		margin-right: 30px;
	}
	.ec-shelfGrid .ec-product__orderBlock .ec-blockBtn--action.zero {
		line-height: 45px;
		height: 45px;
	}
}
/* 注文ボタンまわり微調整 */
@media only screen and (min-width: 830px) {
	.ec-shelfGrid .ec-shelfGrid__item form {
		margin-right: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 830px) {
	.ec-shelfGrid .ec-shelfGrid__item form {
		margin-right: 5px;
	}
}
/* slider */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.ec-shelfGrid .ec-product__image {
		height: calc( 21.818vw - 21.818px );
	}
}
@media only screen and (min-width: 1200px) {
	.ec-shelfGrid .ec-product__image {
		height: 240px;
	}
}


/* カート追加モーダル
-------------------------------------------------------------- */
.ec-modal .checkbox {
	display: none;
}
.ec-modal .ec-modal-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.3s ease;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
	transform: scale(1);
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.3);
}
.ec-modal .ec-modal-wrap {
	background-color: rgb(255,255,255);
	width: 90%;
	margin: 20px auto;
	padding: 40px 5px;
	border-radius: 2px;
	transition: all 0.5s ease;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.ec-modal .ec-modal-wrap .ec-modal-box {
	text-align: center;
}
.ec-modal .ec-modal-wrap .ec-modal-box div {
	margin-top: 20px;
}
.ec-modal .ec-modal-wrap.small {
	width: 30%;
}
.ec-modal .ec-modal-wrap.full {
	width: 100%;
	height: 100%;
}
.ec-modal .ec-modal-overlay .ec-modal-close {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 20px;
	height: 30px;
	width: 20px;
}
.ec-modal .ec-modal-overlay .ec-modal-close:hover {
	cursor: pointer;
	color: #4b5361;
}
.ec-modal .ec-modal-overlay-close {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -100;
}
.ec-modal input:checked ~ .ec-modal-overlay-close {
	z-index: 9998;
}
.ec-modal input:checked ~ .ec-modal-overlay {
	transform: scale(1);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 9997;
	overflow: auto;
}
.ec-modal input:checked ~ .ec-modal-overlay .ec-modal-wrap {
	transform: translateY(0);
	z-index: 9999;
}
@media only screen and (max-width: 350px){
	.ec-modal-box .ec-role {
		padding: 0;
	}
	.ec-modal-box .ec-inlineBtn--cancel,
	.ec-modal-box .ec-inlineBtn--action {
		padding: 0 4%;
	}
}
@media only screen and (min-width: 768px){
	.ec-modal .ec-modal-wrap {
		width: 50%;
	}
}


/* 商品詳細
-------------------------------------------------------------- */
.ec-productRole {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 16px;
	line-height: 1.4;
	color: rgb(79,79,79);
	-webkit-text-size-adjust: 100%;
}
.ec-productRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-productRole img {
	max-width: 100%;
}
.ec-productRole .ec-grid2 {
	position: relative;
}
.ec-productRole .ec-grid2__cell.w53,
.kokokara_select_product_left,
.ec-productRole .item_nav {
	margin: 0 15px;
}
/* 入荷待ち */
.ec-productRole .ec-product__backorder {
	left: 20px;
}
/* slider */
.ec-sliderItemRole {
	margin-bottom: 0;
	padding: 0;
}
.ec-sliderItemRole .main_visual .slick-slide {
	width: 100%;
	height: 84.0vw;
}
.ec-sliderItemRole img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-sliderItemRole .main_visual-thumbnails {
}
.ec-sliderItemRole ul {
	padding: 0;
	list-style: none;
}
.ec-sliderItemRole .main_visual-thumbnails .slick-track::after {
	clear: both;
	display: block;
	content: '';
}
.ec-sliderItemRole .main_visual-thumbnails .slick-slide,
.item_visual-thumbnails .slick-slide {
	cursor: pointer;
	float: left;
	width: 15% !important;
	height: 12.6vw;
	margin-right: 2%;
	margin-bottom: 15px;
}
.ec-sliderItemRole .main_visual-thumbnails .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-sliderItemRole .main_visual-thumbnails .slick-slide:nth-child(6n),
.ec-sliderItemRole .item_visual-thumbnails .slick-slide:nth-child(6n) {
	margin-right:0;
}
.ec-sliderItemRole .main_visual-thumbnails .slick-slide:focus {
	outline: none;
}
.ec-sliderItemRole .main_visual-thumbnails .slick-slide:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 商品情報全般 */
.ec-productRole .ec-productRole__profile {
	margin-bottom: 20px;
	color: rgb(131,131,131);
	font-size: 11px;
}
.ec-productRole .ec-productRole__profile p {
	line-height: 1.54545;
	margin-bottom: 0;
}
.ec-productRole .ec-product__name {
	line-height: 1.41;
	margin: 0 0 5px;
	color: rgb(79,79,79);
	font-size: 16px;
	font-weight: 700;
}
.ec-productRole .ec-product__taste {
	clear: both;
	display: inline-block;
	margin-bottom: 3px;
	padding: 1px 8px 0;
	border-radius: 3px;
	color: rgb(255,255,255);
	font-size: 11px;
	background-color: rgb(186,174,164);
}
.ec-productRole .ec-productRole__profile .ec-product__etc {
	margin: 5px 0 10px;
}
.ec-productRole .ec-product__etc span {
	margin-right: 1em;
}
.ec-productRole .ec-product__etc span:last-child {
	margin-right: 0;
}
.ec-productRole .ec-product__class {
	display: inline-block;
}
.ec-productRole .ec-productRole__description {
	line-height: 1.58333;
	margin-bottom: 20px;
	padding: 15px;
	color: rgb(79,79,79);
	font-size: 12px;
	background-color: rgb(232,228,225);
}
/* 割引率＆送料無料＆ラッピング */
.ec-productRole .ec-productRole__iconArea {
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 13px;
}
.ec-productRole .ec-productRole__iconArea p {
	line-height: 1.45455;
	display: inline-block;
	margin: 5px;
	padding: 0 9px;
	border: 1px solid rgb(199,24,109);
	border-radius: 3px;
	color: rgb(199,24,109);
	font-size: 11px;
}
.ec-productRole .ec-productRole__iconArea .delivery-free {
	width: 250px;
	margin: 5px;
}
/* 価格 */
.ec-productRole .ec-productRole__price {
	float: right;
	display: inline-block;
	margin-right: 15px;
	color: rgb(98,98,98);
	text-align: right;
}
.ec-productRole .ec-productRole__price .price01-default {
	line-height: 1.15;
	font-size: 20px;
	font-weight: 700;
}
.ec-productRole .price02-default {
	font-size: 12px;
}
.ec-productRole .price01-default span,
.ec-productRole .price02-default span {
	margin-left: 5px;
}
/* 在庫数 */
.ec-productRole .ec-product__stock {
	line-height: 35px;
	float: left;
	width: auto;
	margin-left: 15px;
	color: rgb(98,98,98);
	font-size: 12px;
}
.ec-productRole .ec-product__stock span {
	margin-right: 5px;
	color: rgb(153,153,153);
	font-size: 11px;
}
/* 注文ボタン */
.ec-productRole .ec-productRole__actions {
	display: inline-block;
	margin-left: 15px;
}
.ec-productRole .ec-productRole__btn.cart_btn {
	margin: 10px 15px;
}
.ec-productRole .ec-productRole__btn.fav_btn {
	margin: 10px 15px 0;
}
/* 商品情報全般 --- area2 */
.ec-productRole .ec-productRole__profile.area2,
.ec-productRole .ec-productRole__profile.area3 {
	margin-left: 15px;
	margin-right: 15px;
	padding: 20px 0 0;
	border-top: 1px dotted rgb(223,220,216);
}
.ec-productRole .ec-productRole__profile.area2 p,
.ec-productRole .ec-productRole__profile.area3 p {
	margin-bottom: 3px;
}
.ec-productRole .ec-productRole__profile.area2 p span,
.ec-productRole .ec-productRole__profile.area3 p span {
	margin-right: 3px;
}
.ec-productRole .ec-product__winery::before,
.ec-productRole .ec-product__producer_info::before,
.ec-productRole .ec-product__container_type::before,
.ec-productRole .ec-product__degree::before,
.ec-productRole .ec-product__additives::before,
.ec-productRole .ec-product__wine_body::before {
	content: '○';
	margin-right: 7px;
	margin-left: 1px;
}
.ec-productRole .ec-product__mapping_img {
	margin: 10px auto 0;
	text-align: center;
}
/* フリーHTMLエリア */
.ec-productRole.wide {
	padding: 0 15px 0;
}
.ec-productRole__freehtml {
	margin-bottom: 20px;
	padding: 0 15px;
	border-bottom: 1px dotted rgb(214,211,206);
}
.ec-productRole__freehtml h1,
.ec-productRole__freehtml h2,
.ec-productRole__freehtml h3,
.ec-productRole__freehtml h4 {
	line-height: 1.4667;
	letter-spacing: .03em;
	font-size: 15px;
	font-weight: 400;
}
.ec-productRole__freehtml p + h1,
.ec-productRole__freehtml p + h2,
.ec-productRole__freehtml p + h3,
.ec-productRole__freehtml p + h4 {
	margin-top: 40px;
}
.ec-productRole__freehtml p {
	line-height: 1.58333;
	margin-bottom: 20px;
	font-size: 12px;
}
.ec-productRole__freehtml img {
	display: block;
	margin: 0 auto 15px;
}
.ec-productRole__freehtml a.ec-inlineBtn--action {
	line-height: 2.72727;
	display: block;
	width: 75.4%;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-color: rgb(143,143,143);
	color: rgb(98,98,98);
	font-size: 11px;
	font-weight: 400;
}
.ec-productRole__freehtml dt,
.ec-productRole__freehtml dd {
	line-height: 1.54545;
	color: rgb(131,131,131);
	font-size: 11px;
}
.ec-productRole__freehtml hr {
	border-top: 1px dotted rgb(214,211,206);
}
.ec-productRole__freehtml iframe {
	width: 100%;
	height: auto;
}
@media only screen and (min-width: 768px){
	.ec-productRole__freehtml {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		border: none;
	}
	.ec-productRole__freehtml h1,
	.ec-productRole__freehtml h2,
	.ec-productRole__freehtml h3,
	.ec-productRole__freehtml h4 {
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 20px;
		font-weight: 600;
	}
	.ec-productRole__freehtml p {
		line-height: 1.55556;
		font-size: 18px;
	}
	.ec-productRole__freehtml img {
		margin: 30px auto;
	}
	.ec-productRole__freehtml a.ec-inlineBtn--action {
		line-height: 2.5625;
		width: 340px;
		height: 45px;
		margin: 30px auto;
		border-radius: 22px;
		border-width: 2px;
		font-size: 16px;
		font-weight: 400;
	}
	.ec-productRole__freehtml dt,
	.ec-productRole__freehtml dd {
		line-height: 1.56875;
		letter-spacing: .05em;
		font-size: 16px;
		font-weight: 400;
	}
	.ec-productRole__freehtml hr {
		margin: 30px 0;
		border-width: 2px;
	}
	.ec-productRole__freehtml iframe {
		display: block;
		width: 630px;
		height: 460px;
		margin-left: auto;
		margin-right: auto;
	}
	.ec-productRole__freehtml.area2 h1,
	.ec-productRole__freehtml.area2 h2,
	.ec-productRole__freehtml.area2 h3,
	.ec-productRole__freehtml.area2 h4 {
		width: 630px;
		margin: 20px auto 5px;
		font-weight: 400;
	}
	.ec-productRole__freehtml.area2 img {
		margin-top: 0;
	}
}

/* 下部注文ボタンエリア */
.ec-productRole .lowerOrder_area {
	margin: 0 15px 15px;
	padding-bottom: 20px;
	border-bottom: 1px dotted rgb(223,220,216);
}
.lowerOrder_area .ec-productRole__iconArea p,
.lowerOrder_area .ec-productRole__price p {
	margin-bottom: 0;
}
.lowerOrder_area .ec-productRole__iconArea,
.lowerOrder_area .ec-product__stock {
	margin-left: 0;
}
.lowerOrder_area .ec-productRole__btn.cart_btn {
	margin: 10px 0;
}
.lowerOrder_area .ec-productRole__price {
	margin-right: 0;
}
.lowerOrder_area .ec-productRole__btn.fav_btn {
	margin: 10px 0;
}
/* タグ */
.ec-productRole .ec-productRole__tags {
	list-style-type: none;
	margin: 20px 15px;
	padding: 0;
}
.ec-productRole .ec-productRole__tags a {
	line-height: 2.5;
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 0 15px;
	border-radius: 15px;
	border: 1px solid rgb(124,123,123);
	color: rgb(79,79,79);
	font-size: 12px;
}
/* ソーシャルボタン */
.social_button {
	width: auto;
	margin: 5px 30px 15px;
	padding: 0;
	text-align: right;
}
.social_button iframe {
	display: inline-block;
	height: 20px;
}
.social_button iframe:not(#twitter-widhet-0) {
	width: 175px;
}
/* その他 */
.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;
}

@media only screen and (min-width: 768px){
	.ec-productRole {
		padding: 0 50px;
	}
	.ec-productRole .ec-grid2__cell.w53,
	.kokokara_select_product_left {
		width: calc( 50% - 45px );
		margin: 0 45px 0 0;
	}
	.ec-productRole .ec-grid2__cell.w47,
	.kokokara_select_product_right {
		width: 50%;
	}
	/* 入荷待ち */
	.ec-productRole .ec-product__backorder {
		left: 5px;
	}
	/* slider */
	.item_nav.sp_only {
		display: none !important;
	}
	.ec-sliderItemRole .item_nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
	}
	.ec-sliderItemRole .slideThumb {
		cursor: pointer;
		margin-bottom: 10px;
	}
	/* 商品情報全般 */
	.ec-productRole .ec-productRole__profile {
		margin-bottom: 25px;
		font-size: 16px;
	}
	.ec-productRole .ec-productRole__profile p {
		line-height: 1.5625;
		margin-bottom: 5px;
	}
	.ec-productRole .ec-product__name {
		font-size: 20px;
	}
	.ec-productRole .ec-product__taste {
		margin-bottom: 0;
		font-size: 16px;
	}
	.ec-productRole .ec-productRole__description {
		line-height: 1.5556;
		padding: 20px;
		font-size :16px;
	}
	/* 割引率＆送料無料＆ラッピング */
	.ec-productRole .ec-productRole__iconArea {
		margin-right: 20px;
		margin-left: 20px;
		font-size: 15px;
	}
	.ec-productRole .ec-productRole__iconArea p {
		line-height: 1.7142;
		padding: 0 14px;
		border-radius: 6px;
		font-size: 14px;
	}
	/* 価格 */
	.ec-productRole .ec-productRole__price {
		margin-right: 20px;
	}
	.ec-productRole .ec-productRole__price p {
		margin-bottom: 0;
	}
	.ec-productRole .ec-productRole__price .price01-default {
		font-size: 26px;
	}
	.ec-productRole .price02-default {
		font-size: 16px;
	}
	.ec-productRole .price01-default span,
	.ec-productRole .price02-default span {
		margin-left: 5px;
	}
	/* 在庫数 */
	.ec-productRole .ec-product__stock {
		line-height: 45px;
		margin-left: 20px;
		font-size: 18px;
	}
	.ec-productRole .ec-product__stock span {
		font-size: 16px;
	}
	/* 注文ボタン */
	.ec-productRole .ec-productRole__btn.cart_btn {
		margin: 15px 20px;
	}
	.ec-productRole .ec-productRole__btn.fav_btn {
		margin: 15px 20px 20px;
	}
	/* 商品情報全般 --- area2 */
	.ec-productRole .ec-productRole__profile.area2,
	.ec-productRole .ec-productRole__profile.area3 {
		margin-right: 20px;
		margin-left: 20px;
		padding-top: 15px;
		border-width: 2px;
	}
	.ec-productRole .ec-productRole__profile.area2 {
		margin-bottom: 10px;
	}
	/* フリーHTMLエリア */
	.ec-productRole.wide {
		padding: 40px 0 0;
	}
	/* 下部注文ボタンエリア */
	.ec-productRole .lowerOrder_area {
		display: none;
	}
	/* タグ */
	.ec-productRole .ec-productRole__tags {
		margin: 50px auto;
	}
	.ec-productRole .ec-productRole__tags a {
		line-height: 45px;
		border-radius: 22px;
		border-width: 2px;
		font-size: 16px;
	}
	/* ソーシャルボタン */
	.social_button {
		max-width: 800px;
		width: 100%;
		height: 100px;
		margin-right: auto;
		margin-left: auto;
		padding: 20px 0;
		border-top: 2px dotted rgb(214,211,206);
	}
}
/* slider */
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.ec-sliderItemRole .main_visual .slick-slide,
	.ec-sliderItemRole .item_visual .slick-slide {
		height: calc( 50vw - 95px );
	}
	.ec-sliderItemRole .main_visual-thumbnails .slick-slide,
	.ec-sliderItemRole .item_visual-thumbnails .slick-slide {
		width: calc( 7.15vw - 14px ) !important;
		height: calc( 7.15vw - 14px );
		margin-right: 2.4%;
	}
}
@media only screen and (min-width: 1200px){
	.ec-sliderItemRole .main_visual .slick-slide,
	.ec-sliderItemRole .item_visual .slick-slide {
		height: 505px;
	}
	.ec-sliderItemRole .main_visual-thumbnails .slick-slide,
	.ec-sliderItemRole .item_visual-thumbnails .slick-slide {
		width: 72px !important;
		height: 72px;
		margin-right: 12px;
	}
}

/* セット注文 */
.ec-productRole .kokokara_select_product_right .ec-productRole__price {
margin-top: 20px;
}
.kokokara_select_cart_count_area {
/*	margin-left: 15px; */
}
.kokokara_select_cart_count_area div {
	color: rgb(79,79,79);
	font-size: 11px;
	font-weight: 700;
}
.kokokara_select_cart_count_area div span.select_item_count {
	font-size: 15px;
}
.kokokara_select_cart_btn_area {
	margin: 15px auto;
}
.kokokara_select_product_right .ec-productRole__btn.fav_btn .ec-blockBtn--cancel {
	margin-bottom: 15px;
}
.ks_group_title {
	margin: 20px auto 5px;
	font-size: 16px;
	font-weight: 700;
}
.ks_group_description {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: dotted 1px rgb(223, 220, 216);
	font-size: 11px;
}
/* 商品を選ぶタイトル */
.ks_group_title2 {
	clear: both;
	margin: 20px auto 15px;
	padding-bottom: 15px;
	border-bottom: dotted 1px rgb(223, 220, 216);
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

ul[class*='ks_select_group'] {
	margin-top: 15px;
}
ul[class*='ks_select_group'] .ec-shelfGrid__item {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
ul[class*='ks_select_group'] .ec-product__title {
	clear: both;
	margin-top: 0;
	padding-top: 20px;
	font-size: 16px;
	font-weight: 700;
}
ul[class*='ks_select_group'] .ec-product_description {
	margin-bottom: 10px;
	font-size: 11px;
}
ul[class*='ks_select_group'] .ec-productRole__price {
	margin-right: 0;
}
ul[class*='ks_select_group'] .ec-productRole__price p {
	margin-bottom: 0;
}
.ks_select_quantity .form-control {
	-webkit-appearance: none;
	direction: rtl;
	box-shadow: none;
	float: left;
	width: 80px;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}
.ks_group_message {
	color: rgb(209,5,44);
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
ul[class*='ks_select_group'] .ec-shelfGrid__item-image {
	width: 100%;
	height: 84.0vw;
	margin-bottom: 20px;
}
ul[class*='ks_select_group'] .ec-shelfGrid__item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* 商品一覧 - 商品を選ぶボタン */
.ec-product__orderBlock .ec-blockBtn--action.kokokara {
	line-height: 2.0;
	width: 130px;
	height: 32px;
	margin-top: -5px;
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(97,16,33);
}
@media only screen and (min-width: 768px){
	.ec-productRole .kokokara_select_product_right .ec-productRole__price {
	margin-top: 35px;
	}
	.kokokara_select_cart_count_area {
		margin-bottom: 30px;
	}
	.kokokara_select_cart_count_area div {
		font-size: 16px;
	}
	.kokokara_select_product_right .ec-productRole__btn.fav_btn {
		margin-top: 30px;
	}
	.ks_group_title {
		font-size: 20px;
	}
	.ks_group_description {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-width: 2px;
		font-size: 16px;
	}
	/* 商品を選ぶタイトル */
	.ks_group_title2 {
		margin-bottom: 30px;
		padding-bottom: 15px;
		border-width: 2px;
		font-size: 24px;
	}

	.ks_group_message {
		font-size: 20px;
	}
	ul[class*='ks_select_group'] {
		display: block;
		margin-top: 30px;
	}
	ul[class*='ks_select_group'] .ec-shelfGrid__item {
		float: left;
		max-width: 227.5px;
		width: calc(25.0% - 22.5px);
		margin-right: 30px;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-width: 2px;
	}
	ul[class*='ks_select_group'] .ec-shelfGrid__item:nth-child(4n) {
		margin-right: 0;
	}
	ul[class*='ks_select_group'] .ec-shelfGrid__item:nth-child(4n+1) {
		clear: left;
	}
	ul[class*='ks_select_group'] .ec-product__title {
		font-size: 20px;
	}
	ul[class*='ks_select_group'] .ec-product_description {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.ks_select_quantity {
		display: inline-block;
	}
	.ks_select_quantity .form-control {
		line-height: 45px;
		width: 80px;
		height: 45px;
		border: 1px solid rgb(142,141,141);
		font-size: 18px;
	}
	ul[class*='ks_select_group'] .ec-shelfGrid__item-image {
		max-height: 227.5px;
	}
	/* 商品一覧 - 商品を選ぶボタン */
	.ec-product__orderBlock .ec-blockBtn--action.kokokara {
		line-height: 2.27778;
		width: 200px;
		height: 45px;
		font-size: 18px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 987px){
	.kokokara_select_cart_count_area div {
		font-size: 12px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 809px){
	.ks_select_quantity .form-control {
		width: 60px;
	}
	.ec-productRole ul[class*='ks_select_group'] .ec-productRole__price .price01-default {
		font-size: 20px;
	}
	.ec-productRole ul[class*='ks_select_group'] .price02-default {
		font-size: 13px;
	}
}
@media only screen and (min-width: 810px) and (max-width: 987px){
	.ec-productRole ul[class*='ks_select_group'] .ec-productRole__price .price01-default {
		font-size: 22px;
	}
	.ec-productRole ul[class*='ks_select_group'] .price02-default {
		font-size: 14px;
	}
}
@media only screen and (min-width: 988px) and (max-width: 1080px){
	.kokokara_select_cart_count_area div {
		font-size: 14px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1080px){
	ul[class*='ks_select_group'] {
		display: flex;
		justify-content: space-between;
	}
	ul[class*='ks_select_group'] .ec-shelfGrid__item {
		float: none;
		max-width: none;
		width: calc( 33.3% - 20px);
		margin-right: 0;
	}
}


/* プラグイン --- スタッフレコメンド staffrecommend4
-------------------------------------------------------------- */
.staffrecommend {
	display: flex;
	width: 100%;
	max-width: 800px;
    margin: 0 auto 20px;
    padding: 0 15px;
}
.staffrecommend_image {
    min-width: 100px;
    min-height: 100px;
    margin-right: 10px;
}
.staffrecommend_description {
	font-size: 11px;
}
.staffrecommend_staffname {
    margin-bottom: 5px;
	font-size: 13px;
}
@media only screen and (min-width: 768px){
	.staffrecommend_description {
		margin-bottom: 0;
		font-size: 16px;
	}
	.staffrecommend_staffname {
	    margin-bottom: 10px;
		font-size: 18px;
	}
}


/* プラグイン --- レビュー CustomerReview4
-------------------------------------------------------------- */
#plg_customer_review_detail.review_detail_default {
	padding-right: 30px;
	padding-left: 30px;
}
#plg_customer_review_detail .reviewSort h4 {
	height: 17px;
	padding: 0;
	text-align: center;
	background: none;
}
#plg_customer_review_detail .reviewSort h4 img {
	max-width: 100%;
	width: auto;
	height: 100%;
}
#plg_customer_review_detail p.no-review {
	margin: 0 15px 15px;
	font-size: 12px;
}
.review-layoutRole.product_detail > div {
	margin-top: 15px;
}
.review-layoutRole.product_detail div > span:first-child {
	color: rgb(153,153,153);
	font-size: 11px;
}
.review-layoutRole.product_detail span {
	font-size: 12px;
}
.review-layoutRole.product_detail span.reviewList {
	margin-left: 15px;
	color: rgb(214,0,115);
}
.review-layoutRole.product_detail span.reviewList span {
	font-size: 17px;
}
.review_detail_default .no-review {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px dotted rgb(198,198,198);
}
.review_detail_default .no-review p {
	margin-bottom: 30px;
}
.ec-registerRole .ec-reportHeading h2 {
	font-weight: 400;
}
/* レビューを書く --- post.twig */
.ec-reportHeading h2.required-login {
	font-size: 16px;
	font-weight: normal;
}
.ec-reportHeading h2.required-login a {
	text-decoration: underline;
}
.ec-reportHeading h2.required-login a:hover {
	text-decoration: none;
}
.registration_page .ec-RegisterRole__actions .ec-off1Grid__cell {
	text-align: center;
}
.ec-registerRole .ec-imageGrid {
	border-top: none;
	border-bottom: 1px dotted rgb(217,213,208);
	font-size: 16px;
}
.ec-borderedDefsReview {
	margin-bottom: 15px;
}
.ec-borderedDefsReview dl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 15px 0 10px;
	border-bottom: 1px dotted rgb(217,213,208);
}
.ec-borderedDefsReview dt {
	line-height: 2.222;
	width: 100%;
	padding: 0;
	font-weight: normal;
}
.ec-borderedDefsReview dd {
	width: 100%;
	padding: 0;
	margin-left: 0;
	font-size: 16px;
}
.ec-borderedDefsReview .ec-select select#review_post_recommend_level {
	color: rgb(214,0,115);
}
.ec-registerRole .annotation {
	font-size: 12px;
}
/* レビューを書く（確認） --- confirm.twig */
.ec-registerRole .recommend_level {
	color: rgb(214,0,115);
}
/* レビューを書く --- complete.twig */
.ec-registerRole .ec-reportDescription {
	line-height: 1.4;
	margin-bottom: 30px;
	font-size: 12px;
	text-align: left;
}
.ec-registerRole .ec-blockBtn--cancel {
	display: block;
	margin: 0 auto;
}
/* レビュー一覧 --- customer_review4_product_detail_review.twig */
.review-commentLayout {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px dotted rgb(198,198,198);
}
.review-commentLayout .reviewTitle strong {
	display: block;
	margin: 5px auto 10px;
	font-size: 15px;
	font-weight: 400;
}
.review-commentLayout .recommend_level {
	display: block;
	font-size: 0;
}
.review-commentLayout .recommend_level span {
	color: rgb(214,0,115);
	font-size: 17px;
}
.review-commentLayout .reviewComment {
	line-height: 1.58333;
	margin: 0 0 10px;
	font-size: 12px;
}
.review-commentLayout .reviewAuthor {
	line-height: 1.58333;
	color: rgb(153,153,153);
	font-size: 12px;
	text-align: right;
}
.review-commentLayout .reviewAuthor span {
	display: block;
}
#review_show_all {
	line-height: 2.72727;
	height: 32px;
	font-size: 11px;
	font-weight: 400;
}
.ec-RegisterRole__actions .reviewPost {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted rgb(198,198,198);
}
#plg_customer_review_detail .ec-resisterRole__actions {
	margin-top: 20px;
	margin-bottom: 20px;
}
/* 商品一覧ページ非表示 */
.review-layoutRole.product_list {
	display: none;
}
.ec-searchnavRole .ec-searchnavRole__infos select.order-by option[value='3'],
.ec-searchnavRole .ec-searchnavRole__infos select.order-by option[value='4'] {
display: none;
}
@media only screen and (min-width: 768px){
	#plg_customer_review_detail.review_detail_default {
		max-width: 900px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
	#plg_customer_review_detail .review-sortLayout {
	}
	#plg_customer_review_detail .reviewSort h4 {
		display: inline-block;
		height: 30px;
		margin: 0 0 0 30px;
	}
	#plg_customer_review_anchor_simple {
		display: none;
	}
	.review-layoutRole.product_detail {
		display: inline-block;
		vertical-align: -3px;
	}
	.review-layoutRole.product_detail div > span:first-child {
		font-size: 16px;
	}
	.review-layoutRole.product_detail span {
		font-size: 18px;
	}
	.review-layoutRole.product_detail span.reviewList {
	}
	.review-layoutRole.product_detail span.reviewList span {
		font-size: 28px;
	}
	.review_detail_default .no-review {
		margin-top: 15px;
		padding-top: 20px;
		border-width: 2px;
	}
	.review_detail_default .no-review p {
		margin-bottom: 30px;
		font-size: 18px;
	}

	.review-commentLayout {
		border-width: 2px;
	}
	.review-commentLayout .recommend_level span {
		font-size: 28px;
	}
	.review-commentLayout .reviewTitle strong {
		font-size: 20px;
		font-weight: 700;
	}
	.review-commentLayout .reviewComment {
		font-size: 18px;
	}
	.review-commentLayout .reviewAuthor {
		font-size: 16px;
	}
	.ec-RegisterRole__actions .reviewPost {
		border-width: 2px;
	}
	#review_show_all {
		line-height: 2.5625;
		width: 340px;
		height: 45px;
		border-width: 2px;
		font-size: 16px;
	}
}


/* プラグイン --- レビュー ProductReview4
-------------------------------------------------------------- */
#product_review_area {
	padding-bottom: 0;
	margin-bottom: 0;
}
#product_review_area .ec-role {
	color: rgb(98,98,98);
	font-size: 12px;
}
#product_review_area .ec-rectHeading {
	cursor: default;
	margin: 0 15px 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted rgb(198,198,198);
}
#product_review_area .ec-rectHeading h4 {
	height: 17px;
	padding: 0;
	text-align: center;
	background: none;
}
#product_review_area .ec-rectHeading h4 img {
	max-width: 100%;
	width: auto;
	height: 100%;
}
#product_review_area .ec-rectHeading div {
	margin-top: 15px;
}
#product_review_area .ec-rectHeading div span:first-child {
	color: rgb(153,153,153);
	font-size: 11px;
}
#product_review_area .recommend_average {
	margin-left: 15px;
	color: rgb(214,0,115);
	font-size: 17px;
}
#reviewContent {
	margin: 0 15px;
}
#reviewContent ul {
	list-style-type: none;
	margin-bottom: 30px;
	padding: 0;
}
#reviewContent li {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted rgb(198,198,198);
}
#product_review_area .review_list .recommend_level {
	display: block;
	color: rgb(214,0,115);
	font-size: 17px;
}
#reviewContent strong {
	display: block;
	margin: 5px auto 10px;
	font-size: 15px;
	font-weight: 400;
}
#reviewContent p {
	line-height: 1.58333;
}
#reviewContent p.review_date {
	color: rgb(153,153,153);
	text-align: right;
}
#reviewContent span.recommend_name {
	display: block;
}
/* レビュー投稿フォーム */
#page_product_review_index .annotation {
	font-size: 12px;
}
/* レビュー投稿確認画面 */
.product_review_confirm .ec-radio {
	color: rgb(214,0,115);
}
@media only screen and (min-width: 768px){
	#product_review_area .ec-role {
		font-size: 18px;
	}
	#product_review_area .ec-rectHeading,
	#reviewContent {
		max-width: 800px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#product_review_area .ec-rectHeading {
		border-width: 2px;
	}
	#product_review_area .ec-rectHeading h4 {
		display: inline-block;
		height: 30px;
		margin: 0 0 0 30px;
	}
	#product_review_area .ec-rectHeading h4 img {
		width: auto;
		height: 100%;
	}
	#product_review_area .ec-rectHeading div {
		display: inline-block;
		vertical-align: -3px;
		margin-top: 0;
	}
	#product_review_area .ec-rectHeading div span:first-child {
		font-size: 16px;
	}
	#reviewContent strong {
		font-size: 20px;
		font-weight: 700;
	}
	#product_review_area .recommend_average {
		font-size: 28px;
	}
	#reviewContent li {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-width: 2px;
	}
	#product_review_area .review_list .recommend_level {
		font-size: 28px;
	}
	#reviewContent p.review_date,
	#reviewContent span.recommend_name {
		font-size: 16px;
	}
	/* レビュー投稿フォーム */
	#page_product_review_index .ec-borderedDefs dd {
		min-height: 40px;
	}
	#page_product_review_index .ec-borderedDefs dd .ec-input,
	#page_product_review_index .ec-borderedDefs dd .ec-radio {
		line-height: 2.2222;
		margin-bottom: 10px;
		font-size: 18px;
	}
	#product_review_sex {
		margin-top: 10px;
	}
	.ec-input textarea#product_review_comment {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#page_product_review_index .annotation {
		color: rgb(154,148,126);
		font-size: 12px;
	}
	/* レビュー投稿確認 */
	#page_product_review_index .ec-borderedDefs dl:last-child dd .ec-input {
		line-height: 1.42857143;
	}
}


/* プラグイン --- 同系統のおすすめワイン RelatedProduct4
-------------------------------------------------------------- */
#RelatedProduct-product_area {
	margin: 30px 0 0;
	padding: 60px 0 15px 15px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block.webp') left top / 100% auto no-repeat;
}
#RelatedProduct-product_area .ec-rectHeading {
	margin-right: 15px;
	margin-bottom: 20px;
}
#RelatedProduct-product_area .ec-rectHeading h3 {
	line-height: 21px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
}
#RelatedProduct-product_area .ec-rectHeading h3 img {
	width: auto;
	height: 21px;
}
#RelatedProduct-product_area .ec-shelfGrid {
	overflow-x: auto;
	display: block;
	width: auto;
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 10px;
	font-size: 0;
}
#RelatedProduct-product_area .ec-shelfGrid__item {
	display: inline-block;
	vertical-align: top;
	width: 35.2vw;
	height: auto;
	margin: 0 4.0vw 0 0;
	padding-bottom: 0;
	border-bottom: none;
	white-space: normal;
}
#RelatedProduct-product_area .ec-shelfGrid__item p:not(.ec-shelfGrid__item-image) {
	line-height: 1.58333;
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	color: black;
}
#RelatedProduct-product_area .ec-shelfGrid__item-image {
	width: 35.2vw;
	height: 35.2vw;
}
#RelatedProduct-product_area .ec-shelfGrid__item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media only screen and (min-width: 768px){
	#RelatedProduct-product_area {
			max-width: 1100px;
			width: calc( 100% - 100px );
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 50px;
			padding: 5px 0 15px;
			background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block_pc.webp');
		}
	#RelatedProduct-product_area .ec-rectHeading {
		margin-bottom: 60px;
	}
	#RelatedProduct-product_area .ec-rectHeading h3 img {
		height: 34px;
	}
	#RelatedProduct-product_area .ec-shelfGrid__item {
		width: 205px;
		margin-right: 15px;
	}
	#RelatedProduct-product_area .ec-shelfGrid .ec-shelfGrid__item p:not(.ec-shelfGrid__item-image) {
		line-height: 1.55556;
		font-size: 18px;
	}
	#RelatedProduct-product_area .ec-shelfGrid__item-image {
		width: 205px;
		height: 205px;
	}
}


/* プラグイン --- フッターコンテンツ共通
-------------------------------------------------------------- */
.ec-layoutRole__contentBottom {
	margin-top: 30px;
}
.ec-layoutRole__contentBottom > div {
	margin: 0;
	padding: 60px 0 15px 15px;
	/*background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block.webp') left top / 100% auto no-repeat;*/
}
@media only screen and (min-width: 768px){
	.ec-layoutRole__contentBottom {
		margin-top: 75px;
	}
	.ec-layoutRole__contentBottom > div {
		max-width: 1100px;
		width: calc( 100% - 100px );
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		padding: 5px 0 15px;
		/*background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block_pc.webp');*/
	}
}

/* プラグイン --- 
この商品を買った人はこの商品も買っています RecommendedProducts4
-------------------------------------------------------------- */
#plg_recommended_products .ec-rectHeading {
	margin-right: 15px;
	margin-bottom: 20px;
}
#plg_recommended_products .ec-rectHeading h3 {
	line-height: 21px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
}
#plg_recommended_products .ec-rectHeading h3 img {
	width: auto;
	height: 21px;
}
#plg_recommended_products .slick-track {
	overflow-x: auto;
/*	width: auto !important;*/
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	font-size: 0;
}
#plg_recommended_products .ec-shelfGrid__item {
	display: inline-block;
	vertical-align: top;
	float: none;
	width: 35.2vw !important;
	height: auto;
	margin: 0 4.0vw 0 0;
	padding-bottom: 0;
	border-bottom: none;
	white-space: normal;
}
#plg_recommended_products .ec-shelfGrid__item-image {
	width: 35.2vw;
	height: 35.2vw;
}
#plg_recommended_products .ec-shelfGrid__item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#plg_recommended_products .ec-shelfGrid .ec-shelfGrid__item p.name {
	font-size: 12px;
}
@media only screen and (min-width: 768px){
	#plg_recommended_products .ec-rectHeading {
		margin-bottom: 60px;
	}
	#plg_recommended_products .ec-rectHeading h3 img {
		height: 34px;
	}
	#plg_recommended_products .ec-shelfGrid__item {
		width: 205px !important;
		margin-right: 15px;
	}
	#plg_recommended_products .ec-shelfGrid .ec-shelfGrid__item p.name {
		line-height: 1.55556;
		font-size: 18px;
	}
	#plg_recommended_products .ec-shelfGrid .ec-shelfGrid__item-image {
		width: 205px;
		height: 205px;
	}
}


/* プラグイン --- おすすめ商品 Recommend4
-------------------------------------------------------------- */
#recommend4_block {
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block.webp') left top / 100% auto no-repeat;
}
#recommend4_block .ec-rectHeading {
	margin-right: 15px;
	margin-bottom: 20px;
}
#recommend4_block .ec-rectHeading h3 {
	line-height: 21px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
}
#recommend4_block .ec-rectHeading h3 img {
	width: auto;
	height: 21px;
}
#recommend4_block .ec-shelfGrid {
	overflow-x: auto;
	display: block;
	width: auto;
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 10px;
	font-size: 0;
}
#recommend4_block .ec-shelfGrid__item {
	display: inline-block;
	vertical-align: top;
	width: 35.2vw;
	height: auto;
	margin: 0 4.0vw 0 0;
	padding-bottom: 0;
	border-bottom: none;
	white-space: normal;
}
#recommend4_block .ec-shelfGrid__item .image {
	width: 35.2vw;
	height: 35.2vw;
}
#recommend4_block .ec-shelfGrid__item .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#recommend4_block .ec-shelfGrid__item h4 {
	line-height: 1.58333;
	margin: 10px auto 5px;
	font-size: 12px;
	font-weight: 400;
}
#recommend4_block .ec-shelfGrid .ec-shelfGrid__item p {
	line-height: 1.72727;
	font-size: 11px;
}
@media only screen and (min-width: 768px){
	#recommend4_block {
		background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block_pc.webp');
	}
	#recommend4_block .ec-rectHeading {
		margin-right: 0;
		margin-bottom: 60px;
	}
	#recommend4_block .ec-rectHeading h3 img {
		height: 34px;
	}
	#recommend4_block .ec-shelfGrid__item {
		width: 205px;
		margin-right: 15px;
	}
	#recommend4_block .ec-shelfGrid__item .image {
		width: 205px;
		height: 205px;
	}
	#recommend4_block .ec-shelfGrid .ec-shelfGrid__item h4 {
		line-height: 1.55556;
		font-size: 18px;
	}
	#recommend4_block .ec-shelfGrid .ec-shelfGrid__item p {
		line-height: 1.75;
		margin: 0 auto 10px;
		font-size: 16px;
	}
}


/* プラグイン --- 最近チェックした商品 CheckProduct4
-------------------------------------------------------------- */
.checkProduct_block {
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block.webp') left top / 100% auto no-repeat;
}
.ec-checkProductRole .ec-secHeading {
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: center;
}
.ec-checkProductRole .ec-secHeading img {
	width: auto;
	height: 21px;
}
.ec-checkProductItemRole__list {
	overflow-x: auto;
	width: auto;
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 10px;
	font-size: 0;
}
.ec-checkProductRole__listItem {
	display: inline-block;
	vertical-align: top;
	width: 35.2vw;
	height: auto;
	margin-right: 4.0vw;
	white-space: normal;
}
.ec-checkProductRole__listItem .image {
	width: 35.2vw;
	height: 35.2vw;
}
.ec-checkProductRole__listItem .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-checkProductRole__listItemTitle {
	line-height: 1.58333;
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: 400;
	color: black;
}
@media only screen and (min-width: 768px){
	.checkProduct_block {
		background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block_pc.webp');
	}
	.ec-checkProductRole .ec-secHeading {
		margin-right: 0;
		margin-bottom: 50px;
	}
	.ec-checkProductRole .ec-secHeading img {
		width: auto;
		height: 34px;
	}
	.ec-checkProductRole__listItemTitle {
		line-height: 1.55556;
		font-size: 18px;
	}
	.ec-checkProductRole__listItem {
		width: 205px;
		margin-right: 15px;
	}
	.ec-checkProductRole__listItem .image {
		width: 205px;
		height: 205px;
	}
}


/* プラグイン --- ページビルダー PageBuilderSmartIT
-------------------------------------------------------------- */

/* ブロックを#main_top #main_bottomにレイアウトしても崩れないよう微調整 */
.ec-layoutRole__mainTop > div,
.ec-layoutRole__mainBottom > div {
	width: 100%;
	margin: 0 auto;
	padding: 45px 15px 0;
}
@media only screen and (min-width: 768px){
	.ec-layoutRole__mainTop > div,
	.ec-layoutRole__mainBottom > div {
		max-width: 1100px;
		width: calc(100% - 100px);
		margin-bottom: 120px;
		padding: 0;
	}
}

/* ショッピングカート
-------------------------------------------------------------- */
.ec-cartRole {
	margin: 0 15px;
	font-size: 12px;
}
.ec-cartRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-cartRole img {
	max-width: 100%;
	width: 100%;
}
.ec-cartRole:before {
	display: none;
}
.ec-cartRole .ec-shipping__title {
	padding-bottom: 5px;
	font-size: 15px;
}
.ec-cartRole .ec-cartRole__actions + .ec-shipping__title {
	margin-top: 30px;
}
.ec-cartRole form.ec-cartRole {
	margin: 0 auto;
}
.ec-cartRole .ec-cartRole__progress {
	width: 100%;
	text-align: center;
}
.ec-cartRole .ec-cartRole__progress .progress__annotation {
	padding: 5px 10px;
	border: 1px solid rgb(199,24,109);
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	color: rgb(199,24,109);
}
.ec-cartRole .ec-cartRole__progress .progress__annotation span {
	display: block;
	margin-left: 12px;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	text-indent: -12px;
}
.ec-cartRole .ec-cartRole__error {
	width: 100%;
	text-align: center;
}
.ec-cartRole .ec-cartRole__error .ec-alert-warning {
	max-width: 100%;
	display: inline-block;
}
.ec-cartRole .ec-cartRole__totalText {
	width: 100%;
	padding: 15px 0 5px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}
.ec-cartRole__actions .ec-cartRole__totalText {
	border-top: 1px dotted rgb(198,198,198);
}
.ec-cartRole .ec-cartRole__totalText p {
	color: rgb(209,5,44);
}
.ec-cartRole .ec-cartRole__totalText p span {
	color: rgb(79,79,79);
	font-size: 13px;
}
.ec-cartRole .ec-cartRole__cart {
	margin: 0;
	width: 100%;
}
.ec-cartRole .ec-cartRole__total {
	padding: 15px 0 30px;
	font-weight: bold;
	font-size: 14px;
}
.ec-cartRole .ec-cartRole__totalAmount {
	margin-left: 20px;
	color: rgb(209,5,44);
	font-size: 16px;
}
.ec-cartRole .ec-cartRole__actions {
	text-align: right;
}
.ec-cartRole .ec-blockBtn--action {
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px){
	.ec-cartRole {
		max-width: 1200px;
		width: 100%;
		margin: 10px auto;
		padding: 0 50px;
		font-size: 16px;
	}
	.ec-cartRole .ec-cartRole {
		max-width: 920px;
		padding: 0;
	}
	.ec-cartRole .ec-cartRole__totalText {
		margin-top: 30px;
		font-size: 18px;
	}
	.ec-cartRole .ec-shipping__title {
		padding-bottom: 8px;
		padding-left: 20px;
		font-size: 18px;
	}
	.ec-cartRole .ec-cartRole__total {
		font-size: 16px;
	}
	.ec-cartRole .ec-cartRole__progress .progress__annotation {
		font-size: 16px;
	}
	.ec-cartRole .ec-cartRole__error .ec-alert-warning {
		max-width: 920px;
	}
}

/* ショッピングカート --- カートテーブル
-------------------------------------------------------------- */
.ec-cartTable {
	display: table;
	width: 100%;
	border-top: 1px dotted rgb(198,198,198);
}
.ec-cartHeader {
	display: none;
	width: 100%;
	background: #F4F3F0;
}
.ec-cartHeader .ec-cartHeader__label {
	display: table-cell;
	overflow-x: hidden;
	padding: 15px;
	font-weight: 700;
	text-align: center;
	background: #F4F3F0;
}
.ec-cartRow {
	display: table-row;
}
.ec-cartRow .ec-cartRow__delColumn {
	display: table-cell;
	vertical-align: middle;
	width: 14%;
	border-bottom: 1px dotted rgb(198,198,198);
	text-align: center;
}
.ec-cartRow .ec-cartRow__delColumn .ec-icon img {
	width: 1.5em;
	height: 1.5em;
}
.ec-cartRow .ec-cartRow__contentColumn {
	border-bottom: 1px dotted rgb(198,198,198);
	padding: 10px 0;
	display: table;
}
.ec-cartRow .ec-cartRow__img {
	display: table-cell;
	width: 40%;
	height: 25.574vw;
	vertical-align: middle;
	padding-right: 10px;
}
.ec-cartRow .ec-cartRow__img a {
display: block;
width: 100%;
height: 25.574vw;
}
.ec-cartRow .ec-cartRow__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-cartRow .ec-cartRow__summary {
	display: table-cell;
	margin-left: 5px;
	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 rgb(198,198,198);
	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: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
	cursor: pointer;
	line-height: 40px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	min-width: 30px;
	max-width: 30px;
	width: 30px;
	height: 30px;
	margin: 0 2px;
	border-radius: 50%;
	border: 1px solid rgb(198,198,198);;
	text-align: center;
	background: rgb(255,255,255);
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img,
.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 {
	position: absolute;
	top: 28%;
	left: 49%;
	display: block;
	width: 1.0em;
	height: 1.0em;
	margin-left: -0.4em;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
	cursor: default;
}
.ec-cartRow .ec-cartRow__subtotalColumn {
	display: none;
	width: 16.66666667%;
	border-bottom: 1px dotted rgb(198,198,198);
	text-align: right;
}
@media only screen and (min-width: 768px){
	.ec-cartTable {
		border-width: 2px;
border-top: none;
	}
	.ec-cartRole .ec-cartRole__cart {
	}
	.ec-cartRole .ec-cartRole__actions {
		margin: 0 auto 50px;
	}
	.ec-cartRole .ec-cartRole__totalAmount {
		font-size: 20px;
	}
	.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;
		height: 100px;
		padding-right: 0;
	}
.ec-cartRow .ec-cartRow__img a {
display: block;
height: 100%;
}
	.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-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton,
	.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
		border-width: 2px;
}
	.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img,
	.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 {
		top: 24%;
		left: 48%;
		width: 15px;
		height: 15px;
	}
}

/* カート内商品（商品が1の場合） */
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
	cursor: default;
}

/* カート内アラート */
.ec-alert-warning {
	width: 100%;
	padding: 10px;
	text-align: center;
	background: rgb(97,16,33);
	margin-bottom: 20px;
}
.ec-alert-warning .ec-alert-warning__icon {
display: none;
/*	display: inline-block;*/
	margin-right: 16px;
	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;
}
.ec-cartRole .annotation {
	margin: 50px auto 30px;
	color: rgb(154,148,126);
	font-size: 12px;
}
.ec-cartRole .annotation p {
	margin: 0;
}
/* セット注文 */
.ec-cartRole__cart div[id*='kokokara_select'] {
	margin-top: 5px;
}


/* ご注文手続き
-------------------------------------------------------------- */
.ec-orderRole {
	margin: 0 15px;
font-size: 12px;
}
.ec-orderRole:after {
	clear: both;
	content: " ";
	display: table;
}
.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-rectHeading h2 {
	margin-top: 15px;
	font-size: 15px;
}
.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: 10px;
}
.ec-orderRole .ec-borderedList li {
	border-bottom: none;
}
.ec-orderRole .ec-borderedList li .ec-imageGrid {
	border: none;
}
.ec-orderRole .ec-borderedList li:first-child .ec-imageGrid {
	border-top: 1px dotted rgb(198,198,198);
}
.ec-orderDelivery__item .ec-borderedList + p {
	color: rgb(154,148,126);
	font-size: 12px;
}
.ec-orderDelivery .ec-imageGrid__content {
	padding-top: 10px;
}
/* セット注文 */
.ec-orderDelivery__item div[id*='kokokara_select'] {
	margin-top: 10px;
	margin-left: 12px;
}

@media only screen and (min-width: 768px){
	.ec-orderRole {
		display: flex;
		max-width: 1200px;
		width: 100%;
		margin: 20px auto;
		padding: 0 50px;
		-ms-flex-direction: row;
		flex-direction: row;
		font-size: 18px;
	}
	.ec-orderRole .ec-orderRole__detail {
		width: 66.66666%;
		margin-right: 15px;
	}
	.ec-orderRole .ec-orderRole__summary {
		width: 33.33333%;
		margin-left: 15px;
	}
	.ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
		display: none;
	}
	.ec-orderRole .ec-borderedList {
		border-width: 2px;
	}
	.ec-orderRole .ec-rectHeading h2 {
		margin-top: 0;
		font-size: 18px;
	}
	.ec-orderRole .ec-borderedList li:first-child .ec-imageGrid {
		border-width: 2px;
	}
	.ec-orderDelivery__item div[id*='kokokara_select'] {
		font-size: 16px;
	}
}


/* 注文履歴詳細 --- オーダ情報
-------------------------------------------------------------- */
.ec-orderOrder {
	margin-bottom: 30px;
}
.ec-orderOrder .ec-orderOrder__items {
	border-bottom: 1px dotted rgb(198,198,198);
	border-top: 1px dotted rgb(198,198,198);
}


/* ご注文手続き --- お客様情報
-------------------------------------------------------------- */
.ec-orderAccount {
	margin-bottom: 30px;
}
.ec-orderAccount p {
	margin-bottom: 0;
}
.ec-orderAccount p.ec-halfInput {
	font-size: 12px;
}
.ec-orderAccount:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-orderAccount .ec-orderAccount__change {
	display: inline-block;
	margin-left: 10px;
	float: right;
}
.ec-orderAccount .ec-orderAccount__account {
	margin: 0 12px 15px;
}
.ec-orderAccount .ec-orderAccount__account p {
	margin-bottom: 8px;
}
.ec-orderAccount .ec-orderAccount__account .annotation {
	font-size: 12px;
	color: rgb(209,5,44);
}

/* ゲスト注文 --- お客様情報変更 */
.ec-orderAccount .ec-halfInput input[type="text"] {
	display: inline-block;
	width: calc(50% - 5px);
	margin-left: 10px;
}
.ec-orderAccount .ec-halfInput span:first-child input[type="text"] {
	margin-left: 0;
}
.ec-orderAccount .ec-zipInput .customer-postal_code {
	width: calc( 50% - 20px );
}
.ec-orderAccount .ec-zipInput .customer-postal_code input {
	width: 100%;
}

@media only screen and (min-width: 768px){
	.ec-orderAccount p.ec-halfInput {
		font-size: 18px;
	}
	.ec-orderAccount .ec-halfInput input[type="text"] {
		width: calc(46.5% - 5px);
	}
	.ec-orderAccount .ec-zipInput .customer-postal_code {
		width: 130px;
	}
	/* お客様情報 */
	.ec-orderAccount .ec-orderAccount__account p {
		font-size: 16px;
	}
}


/* ご注文手続き --- 配送情報
-------------------------------------------------------------- */
.ec-orderDelivery {
	margin-bottom: 30px;
}
.ec-orderDelivery .ec-orderDelivery__title {
	line-height: 2.1333;
	position: relative;
	padding: 0 0 10px 12px;
	font-size: 15px;
	font-weight: bold;
}
.ec-orderDelivery .ec-orderDelivery__change {
	position: absolute;
	top: -1px;
	right: 0;
}
.ec-orderDelivery .ec-orderDelivery__items {
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}
.ec-orderDelivery .ec-orderDelivery__item p {
	margin-left: 12px;
}
.ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__content p:first-child {
	font-weight: 700;
}
.ec-orderDelivery .ec-orderDelivery__address {
	margin-top: 30px;
	margin-bottom: 18px;
	padding-top: 10px;
}
.ec-orderDelivery .ec-orderDelivery__address p {
	margin: 0 12px 8px;
}
.ec-orderDelivery__actions {
	margin: 0 12px 45px;
}
.ec-orderDelivery__actions select {
	margin-bottom: 10px;
}
.ec-orderDelivery .annotation {
	padding: 10px 12px;
	color: rgb(154,148,126);
	font-size: 12px;
}
.ec-orderDelivery .ec-orderDelivery__edit {
	margin-left: 12px;
}
@media only screen and (min-width: 768px){
	.ec-orderDelivery .ec-orderDelivery__title {
		font-size: 18px;
	}
	.ec-orderDelivery .ec-borderedList li {
		border-width: 2px;
	}
	.ec-orderRole .ec-definitions--soft {
		margin-left: 12px;
		margin-right: 12px;
	}
	.ec-orderDelivery .ec-orderDelivery__address {
		border-width: 2px;
	}
	.ec-orderDelivery .ec-orderDelivery__address p {
		font-size: 16px;
	}
	.ec-orderDelivery .ec-orderDelivery__item p,
	.ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__option {
		font-size: 16px;
	}
	.ec-orderDelivery .ec-orderDelivery__item > p,
	.ec-orderDelivery .annotation {
		font-size: 12px;
	}
	.ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__content p:first-child {
		font-weight: 600;
	}
	.ec-orderDelivery__actions {
		margin-bottom: 80px;
	}
}


/* ご注文手続き --- お支払い方法
-------------------------------------------------------------- */
.ec-orderPayment {
	margin-bottom: 30px;
}
.ec-orderPayment .ec-radio,
.ec-orderPayment .ec-input {
	margin: 0 12px;
}
.ec-orderPayment .ec-blockRadio {
	margin: 0 12px;
}
.ec-orderPayment p {
	margin: 0 12px 15px;
}
.ec-orderPayment p.annotation {
	margin-left: 0;
	color: rgb(154,148,126);
	font-size: 12px;
}
.ec-orderPayment p.alert_Pay-easy {
	margin-top: -5px;
	margin-bottom: 20px;
	text-align: left;
}
@media only screen and (min-width: 768px){
	.ec-orderPayment p img {
		margin-bottom: 10px;
	}
	.ec-orderPayment p.alert_Pay-easy {
		margin-top: -85px;
		margin-bottom: 30px;
		padding-left: 210px;
		font-size: 14px;
	}
}
/* クレジットカード決済入力フォーム */
#gmo_payment_gateway_credit_form dl[style*='height:80px'] div.inline:not(.ec-input) {
text-indent: 1em;
margin-bottom: 10px;
}
#gmo_payment_gateway_credit_form .ec-select,
#gmo_payment_gateway_credit_form .ec-checkbox {
	margin: 0 12px;
}
#gmo_payment_gateway_credit_form .ec-checkbox + p.annotation {
	margin-left: 12px;
}
#gmo_payment_gateway_credit_form .save_pay_methods {
	width: 21%;
    padding-bottom: 20px;
}
@media only screen and (min-width: 768px){
	#gmo_payment_gateway_credit_form dl[style*='height:80px'] div.inline:not(.ec-input) {
	text-indent: 0;
		margin-bottom: 0;
	}
	#gmo_payment_gateway_credit_form #shopping_order_security_code {
		margin-right: 12px;
	}
}


/* ご注文手続き --- お問い合わせ
-------------------------------------------------------------- */
.ec-orderConfirm {
	margin-bottom: 30px;
}
.ec-orderConfirm p {
	margin-left: 12px;
	margin-right: 12px;
	color: rgb(154,148,126);
	font-size: 12px;
}
.ec-orderConfirm .ec-input textarea {
	height: 150px;
	font-size: 16px;
}
#page_shopping_confirm .ec-orderConfirm .ec-input {
	padding: 0 12px;
}
@media only screen and (min-width: 768px){
	.ec-orderConfirm {
		margin-bottom: 0;
	}
	.ec-orderConfirm .ec-input textarea {
		font-size: 18px;
	}
}

/* ご注文手続き --- 総計表示
-------------------------------------------------------------- */
.ec-totalBox {
	margin-bottom: 15px;
	padding: 15px;
	background: #F3F3F3;
}
.ec-totalBox .ec-totalBox__spec {
	position: relative;
	margin-bottom: 8px;
}
.ec-totalBox .ec-totalBox__spec dt {
	font-weight: normal;
	position: relative;
	bottom: 0;
	left: 0;
	width: 72%;
	text-align: left;
}
.ec-totalBox .ec-totalBox__spec dd {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
.ec-totalBox .ec-totalBox__spec .ec-totalBox .ec-totalBox__spec__specTotal {
	color: rgb(209,5,44);
}
.ec-totalBox .ec-totalBox__total,
.ec-totalBox .ec-totalBox__paymentTotal {
	padding: 10px 0 5px;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}
.ec-totalBox .ec-totalBox__total {
	border-top: 1px dotted rgb(198,198,198);;
}
.ec-totalBox .ec-totalBox__taxRate + .ec-totalBox__total {
	border-top: none;
}
.ec-totalBox .ec-totalBox__price {
	margin-left: 16px;
	font-size: 18px;
	font-weight: 700;
	color: rgb(209,5,44);;
}
.ec-totalBox .ec-totalBox__taxLabel {
	margin-left: 8px;
	color: rgb(209,5,44);;
	font-size: 12px;
}
.ec-totalBox .ec-totalBox__total .ec-totalBox__price,
.ec-totalBox .ec-totalBox__total .ec-totalBox__taxLabel {
	color: rgb(79,79,79);
}
.ec-totalBox .ec-totalBox__taxRate {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack:	end;
	justify-content: flex-end;
	margin-bottom: 0;
}
.ec-totalBox .ec-totalBox__taxRate dt:before {
	content: "[ ";
}
.ec-totalBox .ec-totalBox__taxRate dt:after {
	content: " ]";
}
.ec-totalBox .ec-totalBox__taxRate dt {
	font-weight: normal;
	text-align: left;
	margin-right: 8px;
}
.ec-totalBox .ec-totalBox__btn {
	margin-top: 20px;
	text-align: center;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
	margin-bottom:10px;
}
.ec-totalBox__btn .annotation {
	margin-bottom: 10px;
	color: rgb(154,148,126);
	text-align: left;
}
.ec-totalBox__btn .annotation.upper {
	margin-bottom: 30px;
}
.ec-totalBox__btn .annotation a {
	text-decoration: underline;
}
/* 注文履歴詳細 --- 再注文ボタン */
.ec-orderRole .ec-orderRole__summary .ec-blockBtn--action {
	display: block;
	margin: 5px auto 10px;
}
#page_mypage_history .ec-orderRole + .ec-role {
	text-align: center;
}
@media only screen and (min-width: 768px){
	#page_mypage_history .ec-orderRole + .ec-role {
		text-align: left;
	}
	.ec-orderRole .ec-orderRole__summary .ec-blockBtn--action {
		margin-bottom: 10px;
	}
	.ec-totalBox .ec-totalBox__total,
	.ec-totalBox .ec-totalBox__paymentTotal {
		font-size: 18px;
	}
	.ec-totalBox .ec-totalBox__taxRate {
		font-size: 16px;
	}
	.ec-totalBox__btn .annotation {
		font-size: 12px;
	}
}

/* ご注文完了
-------------------------------------------------------------- */
.ec-cartCompleteRole {
	margin: 0 15px;
	-webkit-text-size-adjust: 100%;
}
.ec-cartCompleteRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-cartCompleteRole .ec-reportDescription strong {
	display: block;
	text-align: center;
}
@media only screen and (min-width: 768px){
	.ec-cartCompleteRole .ec-off3Grid__cell {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 0 auto;
	}
	.ec-cartCompleteRole .ec-off3Grid__cell .ec-off4Grid {
		margin-top: 50px;
	}
}


/* お届け先の複数指定
-------------------------------------------------------------- */
.ec-AddAddress {
	padding: 0 10px;
}
.ec-AddAddress .ec-AddAddress__info {
	margin-bottom: 32px;
	text-align: center;
	font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__add {
	margin-bottom: 15px;
	padding-top: 15px;
}
.ec-AddAddress .ec-AddAddress__item {
	display: table;
	width: 100%;
	padding: 16px;
	background: #f4f4f4;
	margin-bottom: 16px;
}
.ec-AddAddress .ec-AddAddress__itemThumb {
	display: table-cell;
	width: 160px;
	height: 160px;
}
.ec-AddAddress .ec-AddAddress__itemThumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ec-AddAddress .ec-AddAddress__itemtContent {
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
	font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__itemtTitle {
	margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__itemtSize {
	margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__selectAddress {
	display: inline-block;
}
.ec-AddAddress .ec-AddAddress__selectAddress label {
	font-size: 12px;
	font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectAddress select {
	margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__selectNumber {
	display: inline-block;
	margin-left: 30px;
	margin-right: 15px;
}
.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__btn {
	margin-bottom: 10px;
}
.ec-AddAddress .annotation {
	margin-bottom: 30px;
	font-size: 12px;
}
@media only screen and (min-width: 768px){
	.ec-AddAddress {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
	.ec-AddAddress > form {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-AddAddress .ec-AddAddress__selectAddress select {
		margin-bottom: 15px;
	}
	.ec-AddAddress .ec-AddAddress__selectAddress label {
		font-size: 18px;
	}
	.ec-AddAddress .annotation {
		font-size: 12px;
	}
}


/* 注文履歴一覧
-------------------------------------------------------------- */
.ec-historyRole .ec-historyRole__contents {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 50px;
	padding-top: 15px;
	border-top: 1px solid rgb(198,198,198);;
	border-bottom: 1px solid rgb(198,198,198);
	font-size: 12px;
}
.ec-historyRole .ec-historyRole__header {
	padding: 0 15px;
}
.ec-historyListHeader .ec-historyListHeader__date,
.ec-historyRole .ec-definitions {
	margin: 0;
}
.ec-historyRole .ec-definitions dt {
	font-weight: 400;
}
.ec-historyRole .ec-historyRole__detail {
	margin: 0 15px;
	border-top: 1px dotted rgb(198,198,198);
}
.ec-historyRole .ec-historyRole__detail .ec-imageGrid {
	border-top: 1px dotted rgb(198,198,198);
}
.ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
	border-top: none;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle,
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
	margin-bottom: 8px;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption {
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 8px;
	margin-right: .5rem;
	font-size: 25.6px;
	font-size: 1.6rem;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption:after {
	display: inline-block;
	padding-left: 8px;
	padding-left: .5rem;
	content: "/";
	font-weight: bold;
}
.ec-historyListHeader .ec-historyListHeader__action {
	margin: 15px 0;
	text-align: center;
}
@media only screen and (min-width: 768px){
	.ec-historyRole {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-historyRole .ec-historyRole__contents {
		font-size: 18px;
	}
	.ec-historyRole .ec-historyRole__contents{
		-ms-flex-direction: row;
		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__action {
		text-align: left;
	}
}


/* 注文履歴詳細
-------------------------------------------------------------- */
.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; }


/* 注文履歴詳細 メール履歴個別
-------------------------------------------------------------- */
.ec-orderMail {
	padding-bottom: 10px;
	border-bottom: 1px dotted rgb(198,198,198);
	margin-bottom: 16px;
}
.ec-orderMail .ec-orderMail__time {
	margin: 0;
}
.ec-orderMail .ec-orderMail__time,
.ec-orderMail .ec-orderMail__link {
	margin: 0 12px 4px;
}
.ec-orderMail .ec-orderMail__body {
	display: none;
	margin: 0 12px 4px;
}

/*
住所一覧

カート 注文詳細 に関する 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 rgb(198,198,198);
}
.ec-addressRole .ec-addressRole__actions {
	text-align: center;
}
.ec-addressList .ec-addressList__item {
	display: table;
	width: 100%;
	position: relative;
	border-bottom: 1px dotted rgb(198,198,198);
}
.ec-addressList .ec-addressList__remove {
	vertical-align: middle;
	display: table-cell;
	width: 10%;
	padding: 16px 0;
	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;
}
@media only screen and (min-width: 768px){
	#page_mypage_delivery .ec-mypageRole .ec-off1Grid {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-addressRole .ec-addressRole__item,
	.ec-addressList .ec-addressList__item {
		border-width: 2px;
	}
	.ec-addressList .ec-addressList__remove {
		padding: 16px;
	}
	.ec-addressList .ec-addressList__address {
		font-size: 18px;
	}
}


/* パスワードの再発行
-------------------------------------------------------------- */
.ec-forgotRole {
	margin: 0 15px;
	-webkit-text-size-adjust: 100%;
}
.ec-forgotRole:after {
	clear: both;
	content: " ";
	display: table;
}
.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: 14px;
}
.ec-forgotRole .ec-forgotRole__form {
	margin-bottom: 16px;
}
@media only screen and (min-width: 768px){
	.ec-forgetCompleteRole {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
	.ec-forgotRole__form,
	.ec-forgetCompleteRole .ec-off3Grid__cell {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-forgotRole .ec-forgotRole__intro {
		font-size: 16px;
	}
}


/* マイページ / 会員情報編集（完了）
-------------------------------------------------------------- */
.ec-registerCompleteRole {
	margin: 0 15px;
	-webkit-text-size-adjust: 100%;
}
.ec-registerCompleteRole:after {
	clear: both;
	content: " ";
	display: table;
}
@media only screen and (min-width: 768px){
	.ec-registerCompleteRole {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
}


/* お問い合わせ
-------------------------------------------------------------- */
.ec-contactRole,
.ec-contactConfirmRole,
.ec-contactCompleteRole {
	margin: 0 15px;
	-webkit-text-size-adjust: 100%;
}
.ec-contactRole:after,
.ec-contactConfirmRole:after,
.ec-contactCompleteRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-contactRole textarea,
.ec-contactConfirmRole textarea,
.ec-contactCompleteRole textarea {
	/* for chrome fontsize bug */
	font-family: sans-serif;
}
.ec-contactRole img,
.ec-contactConfirmRole img,
.ec-contactCompleteRole img {
	max-width: 100%;
}
.ec-contactRole img,
.ec-contactConfirmRole img,
.ec-contactCompleteRole img {
	width: 100%;
}
.ec-contactRole .ec-contactRole__actions,
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
	padding-top: 20px;
}
.ec-contactRole p.ec-para-normal,
.ec-contactConfirmRole p.ec-para-normal {
	margin: 15px 0;
}
.ec-contactRole dl p {
	color: rgb(154,148,126);
	font-size: 12px;
}
.ec-contactConfirmRole .ec-blockBtn--action {
	margin-bottom: 16px;
}
@media only screen and (min-width: 768px){
	.ec-contactRole,
	.ec-contactConfirmRole,
	.ec-contactCompleteRole {
		max-width: 1200px;
		width: 100%;
		padding: 0 50px;
		margin: 10px auto;
	}
	.ec-contactRole .ec-off1Grid__cell,
	.ec-contactConfirmRole .ec-off3Grid__cell,
	.ec-contactCompleteRole .ec-off3Grid__cell {
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
	}
	.ec-contactRole p.ec-para-normal,
	.ec-contactConfirmRole p.ec-para-normal {
margin: 30px auto;
		font-size: 14px;
		text-align: center;
	}
}


/* お客様情報の入力（ゲスト購入）
-------------------------------------------------------------- */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */

/* その他
-------------------------------------------------------------- */
@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; } }

.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*
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: rgb(79,79,79);
  -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; }


/* 退会手続き
-------------------------------------------------------------- */
.ec-withdrawRole,
.ec-withdrawConfirmRole {
	line-height: 1.4;
	max-width: 1130px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}
.ec-withdrawConfirmRole {
	padding: 0;
}
.ec-withdrawRole:after,
.ec-withdrawConfirmRole:after {
	clear: both;
	content: " ";
	display: table;
}
.ec-withdrawRole textarea,
.ec-withdrawConfirmRole textarea {
	/* for chrome fontsize bug */
	font-family: sans-serif;
}
.ec-withdrawRole .ec-withdrawRole__title,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
}
.ec-withdrawRole .ec-withdrawRole__description,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description {
	margin-bottom: 32px;
	font-size: 16px;
}
.ec-withdrawRole .ec-icon,
.ec-withdrawConfirmRole .ec-icon {
}
.ec-withdrawRole .ec-icon img,
.ec-withdrawConfirmRole .ec-icon img {
	width: 50px;
	height: 50px;
}
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
	margin-bottom: 10px;
}


/* 組合員コード */
@media only screen and (min-width: 768px){
	.ec-mcodeInput input {
		width: 44.9%;
	}
}

/* ラッピングプラグイン
-------------------------------------------------------------- */
/* ご注文手続き画面 */
.ec-orderGift__btn {
	display: none;
}

/* ラッピンググループの設定 */
.ec-WrappingGroup {
	margin: 0 15px !important;
}
.ec-WrappingGroup .ec-orderDelivery .ec-orderDelivery__address {
display: none;
	padding-bottom: 10px;
	border-bottom: 1px dotted rgb(198,198,198);
}
.ec-WrappingGroup__contents > .ec-WrappingGroup__group,
.ec-WrappingGroup__contents > .ec-WrappingGroup__description {
	padding: 10px 12px;
}
.ec-WrappingGroup .ec-imageGrid {
	border-top: 1px dotted rgb(198,198,198);
}
.ec-WrappingGroup__description h5 {
	line-height: 1.414;
	font-weight: 400;
}
.ec-WrappingGroup__description ol {
	list-style-type: none;
	padding-left: 40px;
}
.ec-WrappingGroup__description li {
	text-indent: -1.5em;
	margin-bottom: 20px;
}
.ec-WrappingGroup__description li img {
	display: block;
}
/* ラッピング商品設定 */
.ec-WrappingGroup__info {
	margin: 30px auto;
	font-size: 14px !important;
}
/*
#page_shopping_wrapping_group_item .ec-WrappingGroup .ec-orderDelivery .ec-orderDelivery__address {
	display: none;
}
*/
.ec-WrappingGroup .ec-borderedList {
	border-bottom: 1px dotted rgb(198,198,198);
}
.ec-WrappingGroup .ec-borderedList li {
	border: none;
}
.ec-WrappingGroup .ec-imageGrid .ec-imageGrid__img,
.ec-WrappingGroup .ec-imageGrid .ec-imageGrid__content {
	padding: 10px 0;
}
.ec-WrappingGroup .ec-WrappingGroupList__group_add .ec-inlineBtn {
	display: block;
	margin: 0 auto;
}
.ec-WrappingGroup__select select {
	margin-bottom: 10px !important;
}
.ec-WrappingGroup__selectItemMessage {
	margin-bottom: 10px !important;
}
.ec-WrappingGroupList__groupItem .ec-inlineBtn {
	vertical-align: 1px;
	margin-left: 8px;
}
/* ラッピングの設定 */
.ec-WrappingGroup .ec-definitions, .ec-definitions--soft {
	margin: 0;
}
.ec-WrappingGroup .ec-label {
	width: 25%;
}
.ec-definitions .item_cell.ec-label {
}
.ec-definitions .item_cell {
	padding: 10px 0 10px 15px !important;
}
.ec-WrappingGroup .ec-select select {
	margin-bottom: 10px;
}
.ec-WrappingGroup .ec-definitions .item_cell input[type="text"] {
	width: 100% !important;
}
#page_shopping_wrapping_option .ec-WrappingGroup__info p {
	text-align: center;
}
.ec-WrappingGroup__group .ec-definitions .select-radio {
	padding-top: 10px;
}
.ec-WrappingGroup__group .ec-definitions .select-radio .select-placeholder {
	display: none;
}
@media only screen and (min-width: 768px){
	.ec-WrappingGroup {
		max-width: 920px;
		width: 100%;
		margin: 0 auto !important;
		padding: 0 50px;
	}
	.ec-WrappingGroup__info {
		font-size: 18px !important;
	}
	.ec-WrappingGroup__info p,
	#page_shopping_wrapping_option .ec-WrappingGroup__info p {
		text-align: left;
	}
	.ec-WrappingGroup .ec-imageGrid,
	.ec-WrappingGroup .ec-borderedList,
	.ec-WrappingGroup .ec-orderDelivery .ec-orderDelivery__address {
		border-width: 2px;
	}
	.ec-WrappingGroup__actions .ec-blockBtn--action,
	.ec-WrappingGroup__actions ec-blockBtn--cancel {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ec-WrappingGroup__contents > .ec-WrappingGroup__description {
		padding-bottom: 30px;
	}
	.ec-WrappingGroup__description h5 {
	}
	.ec-WrappingGroup__description ol {
		padding-left: 1.5em;
	}
	.ec-WrappingGroup__description ol::after {
		clear: both;
		display: block;
		content: '';
	}
	.ec-WrappingGroup__description li {
		display: block;
		float: left;
		padding-right: 50px;
	}
	.ec-WrappingGroup__description li:last-child {
		padding-right: 0;
	}
	.ec-WrappingGroup__description li img {
		margin-top: 5px;
	}
}

/* クーポンプラグイン
-------------------------------------------------------------- */
.ec-orderCoupon {
	margin-bottom: 30px;
}
.ec-orderCoupon .column {
	padding: 0 12px;
}
.ec-orderCoupon .btn-default {
	margin-top: 8px;
}
/* クーポンコードの入力 */
#page_plugin_coupon_shopping .ec-addressRole .ec-addressRole__actions {
	margin: 30px auto;
}
#coupon_use_coupon_cd {
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px){
	#page_plugin_coupon_shopping .ec-addressRole__actions {
		margin: 80px auto;
		font-size: 18px;
	}
	#coupon_use_coupon_cd {
		margin-bottom: 15px;
	}
}

/* PC設定
-------------------------------------------------------------- */
@media only screen and (min-width: 768px){
	.ec-grid2{
		display: -ms-flexbox;
		display: flex;
	}
	.ec-grid3{
		display: -ms-flexbox;
		display: flex;
	}
	.ec-grid4{
		display: -ms-flexbox;
		display: flex;
	}
	.ec-grid6{
		display: -ms-flexbox;
		display: flex;
	}

	.ec-off1Grid{
	display: block;
	margin: 0;
	}
	.ec-displayB{
	-ms-flex-direction: row;
	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;
	-ms-flex-wrap: nowrap;
	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-totalBox .ec-totalBox__price{
	font-size: 24px;
	}
	.ec-totalBox .ec-totalBox__taxLabel {
	font-size: 18px;
	}
	.ec-news{
	margin-right: 3%;
	margin-bottom: 32px;
	}
	.ec-news .ec-news__title{
	padding: 16px;
	text-align: left;
	font-size: 24px;
	}
	.ec-navlistRole .ec-navlistRole__navlist{
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	}
	.ec-layoutRole .ec-layoutRole__mainWithColumn{
	width: 75%;
	}
	.ec-layoutRole .ec-layoutRole__mainBetweenColumn{
	width: 50%;
	}

	.ec-eyecatchRole{
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	}
	.ec-eyecatchRole .ec-eyecatchRole__image{
	-ms-flex-order: 2;
	order: 2;
	}
	.ec-eyecatchRole .ec-eyecatchRole__intro{
	padding-right: 5%;
	-ms-flex-order: 1;
	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-blockBtn--top{
	max-width: 260px;
	}
/*
	.ec-topicRole{
	padding: 60px 0;
	}
	.ec-topicRole .ec-topicRole__list{
	-ms-flex-wrap: nowrap;
	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{
	-ms-flex-wrap: nowrap;
	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{
	-ms-flex-wrap: nowrap;
	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-AddAddress .ec-AddAddress__selectAddress select{
	min-width: 350px;
	}
}
	
@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%;
	}
}



/*reset*/
.ec-categoryRole.categoryRole p,
.ec-categoryRole.white p{font-weight:bold; margin:10px 0 10px;}
a{ color:rgb(79,79,79);}
.ec-layoutRole__mainBottom{margin-top:100px;}
#page_homepage .ec-layoutRole__mainBottom{margin-top:0px;}
 .ec-secHeading .ec-secHeading__ja{color:#666;}

.clearfix:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
.clearfix {   
    display: block;
    width:100%;
} 

.pc_only{display:none !important;}
.sp_only{display:inline-block !important;}
.pc_only_block{display:none !important;}
.sp_only_block{display:block !important;}
@media only screen and (min-width: 768px){
.pc_only{display: inline-block !important;}
.pc_only.inline{display: inline !important;}	
.sp_only{display:none !important;}
.pc_only_block{display: block !important;}
.sp_only_block{display:none !important;}
.pc_only_block .slick-slide{display: block !important;}
}

/*ADD*/

/*header*/
.shoulder_text{display:none}


/*ec-headerSearch */	
@media only screen and (min-width: 768px){
}


/*btn*/



/*categoryRole*/
/*
.ec-campaignRole.categoryRole{background:#F9F9F9;}
@media only screen and (min-width: 768px){
.ec-categoryRole.categoryRole .ec-categoryRole__listItem {	width: calc(100% / 2);}
}
@media only screen and (max-width: 768px){
.ec-categoryNavi_sp{display:block !important;}
.ec-categoryNavi_sp ul{ margin:0 0 15px 0; padding:0}
.ec-categoryNavi_sp li{	width: 25%; padding:0 1%; text-align:center; list-style:none; float:left;}
.ec-categoryNavi_sp li a{color:#2e3233; font-size:14px; font-weight:bold;}
}
*/
/*rankingRole*/
/*
.ec-newItemRole.ec-rankingRole .no{display: inline-block;
    margin-left: auto;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    background: black;
    cursor: pointer;
    position: absolute;
    left: -7px; top:-7px; z-index:9999}

.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem{position:relative;}
.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem a:hover img,
.ec-newItemRole.ec-rankingRole  a:hover .no{opacity:0.7;}

.ec-newItemRole.ec-rankingRole .ec-newItemRole__list{
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;	
}
.ec-newItemRole.ec-rankingRole .ec-newItemRole__list{ flex-wrap: inherit;}
.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem {width: 150px;}
.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem:not(:last-of-type){margin-right: 4% !important;}


.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem img{width: 150px; min-width: 150px}
*/

@media only screen and (min-width: 768px){
/*
.ec-newItemRole.ec-rankingRole .ec-newItemRole__list {
    overflow-x: inherit;
    padding: 0; }	
.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem img{width:100%; min-width: 100%}
.ec-newItemRole.ec-rankingRole .slick-list { width:100%; overflow:visible;}
.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem {
    width: 18% ; float:left; position:relative;
}

.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem:nth-child(odd) {
    margin-right: 0px;
}
.ec-newItemRole.ec-rankingRole .ec-newItemRole__listItem:not(:last-of-type) {
    margin-right: 2.5%;
}
*/
}
@media only screen and (max-width: 768px){
}





/*band_banner*/
.band_banner{background-color:#000; color:#fff; text-align:center; padding:7px 0 7px 0; font-weight:bold; font-size:18px;}
.band_banner a{color:#fff;}
.band_banner span.left{ float:left; width:45%; padding-top:0.4em}
.band_banner span.right{font-weight: normal; font-size:13px; margin-left:0;float:left;width:55%; text-align:left}
@media only screen and (min-width: 768px){
.band_banner{background-color:#000; color:#fff; text-align:center; padding:7px 0; font-weight:bold; font-size:18px;}
.band_banner span{ display:inline;}
.band_banner span.left{ float:none; width:auto; padding-top:0;}
.band_banner span.right{font-weight: normal; font-size:14px; margin-left:1em; float:none; width:auto}
}



/*detail*/
#page_product_detail .ec-layoutRole__main,
#page_kokokara_select_list .ec-layoutRole__main {
	margin-top:50px;
}

@media only screen and (min-width: 768px){
}
@media only screen and (max-width: 768px){
}

@media only screen and (max-width: 768px){
}


@media only screen and (max-width: 768px){
}


.pagetop.flex{display:none;}
@media only screen and (min-width: 768px){
	/*float cart*/
.pagetop.flex{position:fixed; left:0; top:0; opacity:1; width:100%; height:fit-content; text-align:left; color:rgb(79,79,79); line-height:1.8em; background-color:#FFFF; z-index:99999; border-bottom:1px solid #E8E8E8; padding:20px 0}
.pagetop.flex .ec-productRole__profile{width:1130px; margin:0 auto;}
.pagetop.flex .ec-productRole__profile .flex_left{ float:left; width:50%;}
.pagetop.flex .ec-productRole__profile .flex_left .ec-headingTitle{font-size:18px; font-weight:bold; margin-bottom:25px}
.pagetop.flex .ec-productRole__profile .flex_left .ec-productRole__priceRegularTax,
.pagetop.flex .ec-productRole__profile .flex_left .ec-productRole__priceRegularPrice{font-size:12px; color:#666}
.pagetop.flex .ec-productRole__profile .flex_left .ec-price .ec-price__price{font-size:18px; line-height:0;}
.pagetop.flex .ec-productRole__profile .flex_left .ec-price .ec-price__tax{font-size:12px; font-weight:bold;}

.pagetop.flex .ec-productRole__profile .flex_right{ float:right; width:50%;}
.pagetop.flex .ec-productRole__profile .flex_right .ec-productRole__actions { float:right;}
.pagetop.flex .ec-productRole__profile .flex_right .ec-productRole__actions div{display:inline-block;}
.pagetop.flex .ec-productRole__profile .flex_right .ec-productRole__actions div.ec-select{margin-right:10px;}
.pagetop.flex .ec-productRole__profile .flex_right .ec-blockBtn--action{ height:40px; line-height:40px; font-size:14px}
.pagetop.flex .ec-productRole__profile .flex_right .ec-productRole__btn.cart_btn{width: 260px;min-width: 260px; margin-right:0; margin-left:250px}
.pagetop.flex .ec-productRole__profile .flex_right .ec-productRole__btn.fav_btn{width: 40px;    min-width: 40px;}
.pagetop.flex .ec-productRole__profile .flex_right .ec-productRole__btn.fav_btn .ec-blockBtn--cancel {width: 40px;height: 40px; line-height: normal; padding-left:13px}

}


/* 暫定ソース
-------------------------------------------------------------- */

/* === 商品一覧 === */
.ec-category__header {
	margin: 0 15px;
}
@media only screen and (min-width: 768px){
	.ec-category__header {
		margin-left: 0;
	}
}

/* カテゴリ絞り込み */
.ec-searchnavRole__category {
display: none;
	margin: 10px 30px 40px;
}
.ec-searchnavRole__category p {
	margin-bottom: 5px;
	font-size: 12px;
}
.ec-searchnavRole__category .ec-select select {
	width: 100%;
	font-size: 12px;
}
@media only screen and (min-width: 768px){
	.ec-searchnavRole__category {
		margin: 25px 0 50px;
		text-align: right;
	}
	.ec-searchnavRole__category p {
		display: inline-block;
		margin-right: 15px;
		font-size: 18px;
	}
	.ec-searchnavRole__category .ec-select select {
		display: inline-block;
		width: 400px;
		height: 40px;
		border-radius: 6px;
		font-size: 18px;
	}
}

/* 商品点数表示＆表示切り替え */
.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter {
	float: left;
	line-height: 2.8333;
	display: block;
	width: auto;
	color: rgb(98,98,98);
}
.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter span:first-child {
	font-size: 11px;
}
.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter span.ec-font-bold {
	padding-left: .5em;
	font-weight: 400;
}
.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__actions {
	float: right;
	display: block;
	width: auto;
}
.ec-searchnavRole .ec-searchnavRole__infos select {
	padding: 6px;
	font-size: 12px;
	background-color: #fff;
}
.ec-searchnavRole .ec-searchnavRole__infos select.disp-number {
	width: 78px;
}
.ec-searchnavRole .ec-searchnavRole__infos select.order-by {
	width: 124px;
	margin-left: 10px;
}
@media only screen and (min-width: 768px){
	.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter {
		line-height: 38px;
	}
	.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter span {
		font-size: 18px;
	}
	.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter span:first-child {
		font-size: 16px;
	}
	.ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__actions {
		width: auto;
	}
	.ec-searchnavRole .ec-searchnavRole__infos select {
		height: 40px;
		padding: 6px 12px;
		font-size: 18px;
	}
	.ec-searchnavRole .ec-searchnavRole__infos select.disp-number {
		width: 120px;
	}
	.ec-searchnavRole .ec-searchnavRole__infos select.order-by {
		width: 200px;
		margin-left: 10px;
	}
}

@media only screen and (max-width: 768px){
	#page_product_list .ec-topicpath h1 {
		font-size:16px; font-weight:bold; margin:0;
	}
}

/* カテゴリーバナーエリア */
.category_bnr {
	margin-bottom: 10px;
}
.category_bnr,
.category_bnr > .img,
.category_bnr img {
	width: 100%;
}
.category_bnr > .img {
	margin-bottom: 10px;
}
.category_bnr h4 {
	line-height: 1.46667;
	margin: 0 15px 10px;
	font-size: 15px;
	font-weight: 700;
}
.category_bnr h4.red {
	color: rgb(151,4,12);
}
.category_bnr h4.white {
	color: rgb(58,117,36);
}
.category_bnr p {
	line-height: 1.58333;
	margin: 0 15px;
	font-size: 12px;
}
.category_bnr p.blue {
	color: #093b95;
}
@media only screen and (min-width: 768px){
	.category_bnr h4 {
		line-height: 1.5;
		margin: 0 0 10px;
		font-size: 18px;
	}
	.category_bnr p {
		line-height: 1.555556;
		margin: 0;
		font-size: 16px;
	}
}

/* フッターフロートバナー */
#float_bnr .close_btn{
	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: -7px;
	top: -7px;
}
#float_bnr .close_btn a{color:#fff;}	
#float_bnr{ position:fixed; bottom:0; background: rgba(0,0,0,0.3); padding:10px; width:100%;z-index: 99999;	}
#float_bnr .bnr{ width:100%; margin:0 auto; position:relative; }
#float_bnr .bnr img{width:100%;}
@media only screen and (min-width: 768px){
	#float_bnr{ position:fixed; bottom:0; background: rgba(0,0,0,0.3); padding:10px 0; width:100%;z-index: 99999;}
	#float_bnr .bnr{ width:600px; margin:0 auto; position:relative; }
	#float_bnr .bnr img{width: auto;}
}




/* === 共通 === */
@media only screen and (max-width: 767px){
  .sp_none{
    display: none;
  }
}
@media only screen and (min-width: 768px){
  .pc_none{
    display: none;
  }
}

/* === 初回年齢認証＆カート年齢認証 === */
.ec-firstAgeCheck,
.ec-ageCheck{
  z-index: 150;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit- transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 76%;
  margin: auto;
  text-align: center;
  background-color: rgb(255,255,255);
}
.ec-firstAgeCheck__message,
.ec-ageCheck__message{
  line-height: 1.58333;
  padding: 20px 15px;
  color: rgb(79,79,79);
}
/* 初回年齢認証 */
.ec-firstAgeCheck__message p{
  font-size: 12px;
}
.ec-firstAgeCheck__message h1{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
/* カート年齢認証 */
.ec-ageCheck{
  height: auto;
}
.ec-ageCheck__alert{
  display: none;
  padding: 15px 15px 5px;
  color: rgb(255,255,255);
  font-size: 16px;
  font-weight: 700;
  background-color: rgb(101,0,32);
}
.ec-ageCheck__alert.is-active{
  display: block;
}
.ec-ageCheck__message{
	padding-bottom: 10px;
}
.ec-ageCheck__message p{
  font-size: 12px;
}
.ec-ageCheck__form{
  padding: 0 15px 20px;
  text-align: left;
}
.ec-ageCheck__form span{
  margin: 0 5px;
  font-size: 12px;
}
.ec-ageCheck__form span:first-child{
  margin-left: 0;
}
.ec-ageCheck__form input{
  line-height: 1.9375;
  width: 94px;
  margin-bottom: 10px;
  padding: 1px 10px;
  border-radius: 3px;
  border: 1px solid rgb(124,123,123);
  font-size: 16px;
}
select::-ms-expand{
  display: none;
}
.ec-ageCheck__form select{
  line-height: 1.9375;
  box-shadow: none;
  width: 88px;
  padding: 1px 10px;
  border-radius: 3px;
  border: 1px solid rgb(124,123,123);
  font-size: 16px;
  background-image: none;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}
.ec-ageCheck__form select.select-month{
  margin-left: 34px;
}
/* ボタン */
.ec-firstAgeCheck__button,
.ec-ageCheck__button{
  padding: 0 15px 20px;
}
.ec-firstAgeCheck__button a,
.ec-ageCheck__button a{
  line-height: 2.66667;
  display: block;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.ec-firstAgeCheck__button a.ec-firstAgeCheck__yes,
.ec-ageCheck__button a.ec-ageCheck__confirm{
  margin-bottom: 10px;
  border: 1px solid rgb(101,0,32);
  color: rgb(255,255,255);
  background-color: rgb(101,0,32);
}
.ec-firstAgeCheck__button a.ec-firstAgeCheck__no,
.ec-ageCheck__button a.ec-ageCheck__cancel,
.ec-ageCheck__button a.ec-ageCheck2__cancel{
  border: 1px solid rgb(124,123,123);
  color: rgb(79,79,79);
  background-color: rgb(255,255,255);
}
@media only screen and (min-width: 768px){
  .ec-firstAgeCheck,
  .ec-ageCheck{
    width: 514px;
  }
  .ec-firstAgeCheck__message,
  .ec-ageCheck__message{
    padding: 25px 15px 10px;
  }
  .ec-firstAgeCheck__message p{
    font-size: 18px;
  }
  .ec-firstAgeCheck__message h1{
    font-size: 20px;
  }
.ec-ageCheck__alert{
  padding: 30px 15px 15px;
  font-size: 20px;
}
  .ec-ageCheck__message p{
    font-size: 18px;
  }
.ec-ageCheck__form{
  padding-bottom: 0;
}
.ec-ageCheck__form span{
  margin: 0 15px;
  font-size: 18px;
}
.ec-ageCheck__form span:first-child{
  margin-left: 10px;
}
.ec-ageCheck__form input{
  line-height: 2.0;
  width: 93px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 15px;
  border-radius: 6px;
  font-size: 18px;
}
.ec-ageCheck__form select{
  line-height: 2.0;
  width: 93px;
  height: 40px;
  padding-left: 15px;
  border-radius: 6px;
  font-size: 18px;
}
.ec-ageCheck__form select.select-month{
  margin-left: 0;
}
  .ec-firstAgeCheck__button{
    padding: 30px 82px;
  }
  .ec-ageCheck__button{
    padding: 20px 82px 30px;
  }
  .ec-firstAgeCheck__button a,
  .ec-ageCheck__button a{
    line-height: 2.5625;
    font-size: 16px;
  }
  .ec-firstAgeCheck__button a.ec-firstAgeCheck__yes,
  .ec-ageCheck__button a.ec-ageCheck__confirm,
  .ec-firstAgeCheck__button a.ec-firstAgeCheck__no,
  .ec-ageCheck__button a.ec-ageCheck__cancel{
    border-width: 2px;
  }
}
  .ec-firstAgeCheck__label{
	padding-top: 20px;
  }
  .ec-firstAgeCheck__label label{
    font-size: 18px;
	font-weight: 700;	
  }

/* モーダルオーバーレイ */
.ec-modalOverlay{
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
}

/* 年齢認証モーダル
-------------------------------------------------------------- */
.ec-modal2 .checkbox {
	display: none;
}
.ec-modal2 .ec-modal-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.3s ease;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
	transform: scale(1);
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.3);
}
.ec-modal2 .ec-modal-wrap {
	background-color: rgb(255,255,255);
	margin: 20px auto;
	border-radius: 2px;
	transition: all 0.5s ease;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	text-align: center;
}
.ec-modal2 .ec-modal-wrap .ec-modal-box {
	text-align: center;
}
.ec-modal2 .ec-modal-wrap .ec-modal-box div {
	margin-top: 20px;
}
.ec-modal2 .ec-modal-wrap.small {
	width: 30%;
}
.ec-modal2 .ec-modal-wrap.full {
	width: 100%;
	height: 100%;
}
.ec-modal2 input:checked ~ .ec-modal-overlay {
	transform: scale(1);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 9997;
	overflow: auto;
}
.ec-modal2 input:checked ~ .ec-modal-overlay .ec-modal-wrap {
	transform: translateY(0);
	z-index: 9999;
}
@media only screen and (min-width: 768px){
	.ec-modal2 .ec-modal-wrap {
	    width: 514px;
	}
}

/* reCAPTCHA v2（バッジ） 表示位置
-------------------------------------------------------------- */
.grecaptcha-badge {
    margin-bottom: 55px;
	z-index: 1;
}
.g-recaptcha div {
	margin: 0 auto;
}
@media only screen and (min-width: 768px){
	.grecaptcha-badge {
		margin-bottom: 85px;
	}	
}

/* トップページコンテンツ
-------------------------------------------------------------- */
.ec-topRole {
	line-height: 1.4;
	width: 100%;
	margin: 0 auto;
	padding: 45px 15px 0;
	font-size: 16px;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block_top.webp') left top / 100% auto no-repeat;
}
.ec-topRole .ec-topHeading {
	margin-bottom: 25px;
}
.ec-topRole h1 {
	line-height: 21px;
	margin: 0 auto;
	text-align: center;
}
.ec-topRole h1 img {
	vertical-align: bottom;
	width: auto;
	height: 21px;
}
.ec-topRole p {
	line-height: 1.54545;
	font-size: 11px;
}
.ec-topRole ul.standard {
	list-style-type: none;
	display: block;
	padding: 0;
}
.ec-topRole ul.standard::after {
	clear: both;
	display: block;
	content: '';
}
.ec-topRole ul.standard li {
	list-style-type: none;
	float: left;
	display: block;
	width: calc( 50% - 7.5px );
	margin-bottom: 25px;
	padding: 0;
}
.ec-topRole ul.standard li:nth-child(2n+1) {
	clear: left;
	margin-right: 15px;
}
.ec-topRole ul.standard li h2 {
	line-height: 1.4;
	margin: 8px auto 5px;
	font-size: 15px;
	font-weight: 700;
}
.ec-topRole ul.standard li p {
	line-height: 1.72727;
	font-size: 11px;
}
@media only screen and (min-width: 768px){
	.ec-topRole {
		max-width: 1100px;
		width: calc( 100% - 100px );
		margin-bottom: 120px;
		padding: 0;
		background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_block_top_pc.webp');
	}
	.ec-topRole .ec-topHeading {
		margin-bottom: 65px;
	}
	.ec-topRole h1 img {
		height: 34px;
	}
	.ec-topRole ul.standard {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.ec-topRole ul.standard::after {
		content: none;
	}
	.ec-topRole ul.standard li {
		float: none;
		width: 18.636%;
		margin-bottom: 0;
	}
	.ec-topRole ul.standard li:nth-child(2n+1) {
		clear: none;
		margin-right: 0;
	}
	.ec-topRole ul.standard li h2 {
		line-height: 1.5;
		margin: 10px auto 5px;
		font-size: 20px;
		font-weight: 500;
	}
	.ec-topRole ul.standard li p {
		line-height: 1.75;
		margin: 0 auto 10px;
		font-size: 16px;
	}
/* temporary */
.ec-topicRole {
	margin: 0 auto 50px;
	padding: 0;
	background: none;
}
}

/* トップページコンテンツ - 新入荷・新商品
-------------------------------------------------------------- */
.ec-topicRole {
}


/* トップページコンテンツ - ピックアップ
-------------------------------------------------------------- */
@media only screen and (min-width: 768px){
	.ec-pickupRole ul.standard {
		flex-wrap: wrap;
	}
	.ec-pickupRole ul.standard li {
		width: 21.818%;
	}
}

/* トップページコンテンツ - 人気商品
-------------------------------------------------------------- */
#recommend4_block.ec-recommendRole .ec-shelfGrid__item h4 {
	line-height: 1.4;
	margin: 8px auto 5px;
	font-size: 15px;
	font-weight: 700;
}
@media only screen and (min-width: 768px){
	#recommend4_block.ec-recommendRole .ec-shelfGrid__item h4 {
		line-height: 1.5;
		margin: 10px auto 5px;
		font-size: 18px;
		font-weight: 500;
	}
}

/* トップページコンテンツ - テイストで選ぶ
-------------------------------------------------------------- */
.ec-tasteRole {
	margin-bottom: 60px;
}
.ec-tasteRole h2 {
	line-height: 21px;
line-height: 5.6vw;
	text-align: center;
	margin-bottom: 0;
	padding: 15px 0 10px;
	background-size: 100% 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.ec-tasteRole .red h2 {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_red.webp');
}
.ec-tasteRole .white h2 {
	background-image: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_white.webp');
}
.ec-tasteRole h2 img {
	width: auto;
	height: 21px;
height: 5.6vw;
}
.ec-tasteRole .ec-topContents {
	display: block;
}
.ec-tasteRole .taste_chart {
	width: 100%;
}
.ec-tasteRole ul {
	list-style-type: none;
	margin-bottom: 40px;
	padding: 0;
}
.ec-tasteRole .red ul {
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_red_level.webp') center / 100% auto no-repeat, url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_red_vertical.webp') center / auto 100% no-repeat , url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_red2.webp') center bottom / 100% 100% no-repeat;
}
.ec-tasteRole .white ul {
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_white_level.webp') center / 100% auto no-repeat, url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_white_vertical.webp') center / auto 100% no-repeat, url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/bg_taste_white2.webp') center bottom / 100% 100% no-repeat;
}
.ec-tasteRole ul::after {
	clear: both;
	display: block;
	content: '';
}
.ec-tasteRole li {
	float: left;
	width: 50%;
	height: 95px;
height: 25.3333vw;
	text-align: center;
	vertical-align: middle;
}
.ec-tasteRole li:nth-child(2n+1) {
	padding: 35px 26px 0 13px;
padding: 9.3333vw 6.93333vw 0 3.46667vw;
}
.ec-tasteRole li:nth-child(2n) {
	padding: 35px 13px 0 26px;
padding: 9.3333vw 3.46667vw 0 6.93333vw;
}
.ec-tasteRole a {
	line-height: 2.416667;
	display: block;
	width: 135px;
width: 100%;
	margin: 0 auto;
	font-size: 12px;
font-size: 3.2vw;
	border-radius: 15.5px;
border-radius: 4.0vw;
	border: 1px solid rgb(142,141,141);
	background-color: rgb(255,255,255);
}
.ec-tasteRole li:nth-child(2n+1) a {
	float: left;
}
.ec-tasteRole li:nth-child(2n) a {
	float: right;
}
@media only screen and (min-width: 900px){
	.ec-tasteRole {
		margin-bottom: 140px;
	}
	.ec-tasteRole .ec-topContents {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.ec-tasteRole .taste_chart {
		width: 47.7%;
	}
	.ec-tasteRole h2 {
		line-height: 32px;
		margin-top: 0;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	.ec-tasteRole h2 img {
		height: 32px;
	}
	.ec-tasteRole ul {
		margin-bottom: 0;
	}
	.ec-tasteRole li {
		height: 145px;
		padding: 58px 20px 0;
	}
	.ec-tasteRole li:nth-child(2n+1) {
		padding: 58px 20px 0;
	}
	.ec-tasteRole li:nth-child(2n) {
		padding: 58px 20px 0;
	}
	.ec-tasteRole a {
		width: 210px;
	width: 94%;
		height: 45px;
		border-radius: 22.5px;
		border-width: 2px;
	}
}
@media only screen and (min-width: 900px) and (max-width: 950px){
	.ec-tasteRole a {
		line-height: 2.92857;
		font-size: 14px;
	}
}
@media only screen and (min-width: 950px){
	.ec-tasteRole a {
		line-height: 2.5625;
		font-size: 16px;
	}
}

/* トップページコンテンツ - お料理との相性で選ぶ
-------------------------------------------------------------- */
@media only screen and (min-width: 768px){
	.ec-cookRole li:nth-child(4) h2 {
		letter-spacing: -.09em;
	}
}


/* トップページコンテンツ - シーンで選ぶ
-------------------------------------------------------------- */
.ec-sceneRole {
}
@media only screen and (min-width: 768px){
	.ec-sceneRole ul.standard li h2,
	.ec-sceneRole ul.standard li p {
		margin-right: 8px;
		margin-left: 8px;
	}
}


/* トップページコンテンツ - バナーエリア
-------------------------------------------------------------- */
.ec-bannerArea {
	padding-top: 0;
	background-image: none;
}
.ec-bannerArea ul.standard {
	margin-bottom: 40px;
}
.ec-bannerArea ul.standard li {
	width: 100%;
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px){
	.ec-bannerArea {
		margin-bottom: 150px;
	}
	.ec-bannerArea ul.standard li {
		margin-right: 16px !important;
	}
	.ec-bannerArea ul.standard li:last-child {
		margin-right: 0 !important;
	}
}

/* トップページコンテンツ - ラッピング
-------------------------------------------------------------- */
.ec-wrappingRole {
	margin: 0 auto 70px;
	padding: 20px 15px;
	background: rgb(232,228,225);
}
.ec-wrappingRole p {
	font-size: 12px;
	font-weight: 700;
}
.ec-wrappingRole p span {
	line-height: 1.45455;
	display: inline-block;
	margin-right: 3px;
	padding: 0 5px;
	border-radius: 3px;
	border: 1px solid rgb(199,24,109);
	background: rgb(255,255,255);
	color: rgb(199,24,109);
	font-size: 11px;
	font-weight: 400;
}
.ec-wrappingRole ul {
	list-style-type: none;
	line-height: 1.727;
	padding: 0;
	font-size: 11px;
}
.ec-wrappingRole a {
	line-height: 31px;
	display: block;
	width: 73.9%;
	height: 31px;
	margin: 0 auto;
	border-radius: 15px;
	border: 1px solid rgb(143,142,142);
	color: rgb(98,98,98);
	font-size: 12px;
	text-align: center;
	background: rgb(255,255,255);
}
@media only screen and (min-width: 768px){
	.ec-wrappingRole {
		max-width: none;
		width: 100%;
		margin: 0 auto 120px;
		background: rgb(232,228,225);
	}
	.ec-wrappingRole .contents {
		max-width: 1100px;
		width: calc( 100% - 100px );
		margin: 0 auto;
		padding: 15px 0;
	}
	.ec-wrappingRole p {
		width: 60%;
		font-size: 16px;
	}
	.ec-wrappingRole p span {
		line-height: 1.7142;
		margin-right: 8px;
		padding: 0 5px;
		border-radius: 6px;
		font-size: 14px;
	}
	.ec-wrappingRole ul {
		width: 60%;
		font-size: 16px;
	}
	.ec-wrappingRole li {
		display: inline-block;
	}
	.ec-wrappingRole li:first-child {
		margin-right: 75px;
	}
	.ec-wrappingRole a {
		line-height: 41px;
		float: right;
		width: 340px;
		height: 45px;
		margin-top: -60px;
		border-radius: 22.5px;
		border: 2px solid rgb(125,125,125);
		font-size: 16px;
	}
}


/* トップページコンテンツ - 私たちのこと
-------------------------------------------------------------- */
.ec-wineandRole {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0;
	background: url('/import/tenant_1/wineand.jp/html/template/wineand/assets/img/top/bg_about.webp') 50% 52.0vw / 82.667% 4000px no-repeat;
}
.ec-wineandRole .ttl {
	z-index: 1;
	position: relative;
	height: 106.6667vw;
}
.ec-wineandRole .ttl h1 {
	z-index: 2;
	position: relative;
	width: 24.9%;
	margin: 0 auto;
	padding-top: 20.0vw;
}
.ec-wineandRole .ttl h1 img {
	display: block;
	width: 92.5%;
	height: auto;
	margin: 0 auto 4.4vw;
}
.ec-wineandRole .ttl h1 span {
	letter-spacing: .2em;
	line-height: 1.84;
	display: block;
	border-top: 1px solid rgb(101,10,31);
	border-bottom: 1px solid rgb(101,10,31);
	color: rgb(101,10,31);
	font-size: 3.33334vw;
}
.ec-wineandRole .contents {
	z-index: 1;
	position: relative;
	padding-top: 1.33334vw;;
}
.ec-wineandRole p {
	position: relative;
	letter-spacing: -.02em;
	line-height: 1.625;
	margin-bottom: 0;
	padding-left: 11.2vw;
	color: rgb(99,99,99);
	font-size: 2.93333vw; /* 12px→11px */
}
.ec-wineandRole p.section02 {
	padding-top: 34.6667vw;
}
.ec-wineandRole p.section03 {
}
.ec-wineandRole p.section04 {
	letter-spacing: 0;
	padding-top: 17.86667vw;;
	padding-left: 41.333vw;
}
.ec-wineandRole p.section05 {
	padding-top: 9.3333vw; /* 30px → 35px */
}
.ec-wineandRole p.section06 {
	padding-top: 8.0vw;
}
.ec-wineandRole p.section07 {
	padding-top: 24.0vw;
	padding-left: 41.333vw;
}
.ec-wineandRole p.section08 {
	padding-top: 2.6667vw;
	padding-bottom: 105.333vw;;
}
/* image */
.ec-wineandRole img.img_main {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.ec-wineandRole img.img01 {
	z-index: 2;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45.3%;
}
.ec-wineandRole img.img02 {
	position: absolute;
	top: 5.3333vw;
	right: 21.86667vw;
	width: 10.4%;
}
.ec-wineandRole img.img03 {
	position: absolute;
	top: -3.2vw;
	right: 10.6667vw;
	width: 11.467%;
}
.ec-wineandRole img.img04 {
	position: absolute;
	top: -4.8vw;
	right: 0;
	width: 56.0%;
}
.ec-wineandRole img.img05 {
	position: absolute;
	top: 1.333vw;
	left: 5.3333vw;
	width: 46.667%;
}
.ec-wineandRole img.img06 {
	position: absolute;
	top: 14.6667vw;
	right: 8.0vw;
	width: 37.333%;
}
.ec-wineandRole img.img07 {
	position: absolute;
	top: 2.6667vw;
	left: 0;
	width: 51.333%;
}
.ec-wineandRole img.img08 {
	position: absolute;
	top: 3.2vw;
	right: 5.3333vw;
	width: 50.667%;
}
.ec-wineandRole img.img09 {
	position: absolute;
	top: -4.0vw;
	right: 3.46667vw;
	width: 68.0%;
}
.ec-wineandRole img.img10 {
	position: absolute;
	bottom: 2.6667vw;
	left: 4.8vw;
	width: 36.0%;
}
.ec-wineandRole img.img11 {
	position: absolute;
	bottom: 3.46667vw;
	left: 0;
	width: 95.733%;
}
/* image effect */
.ec-wineandRole img.mv {
	opacity: 0;
	transition: all .75s ease;
}
.ec-wineandRole img.mv.in {
	opacity: 1;
	transform: none;
}
.ec-wineandRole img.up {
	transform: translate(0, -100px);
}
.ec-wineandRole img.down {
	transform: translate(0, 200px);
}
.ec-wineandRole img.left {
	transform: translate(100px, 0);
}
.ec-wineandRole img.right {
	transform: translate(-100px, 0);
}
@media only screen and (min-width: 768px){
	.ec-wineandRole {
		max-width: none;
		width: 100%;
		margin-bottom: 120px;
		background-position: 50% 51.25vw;
	}
	.ec-wineandRole .ttl {
		height: 40.0vw;
	}
	.ec-wineandRole .ttl h1 {
		width: 14.1667%;
		margin-bottom: 2.91667vw;
		padding-top: 18.33334vw;
	}
	.ec-wineandRole .ttl h1 img {
		margin-bottom: 2.5vw;
	}
	.ec-wineandRole .ttl h1 span {
		line-height: 2.1111;
		letter-spacing: .3em;
		border-width: 2px;
		font-size: 1.5vw;
		font-weight: 400;
	}
	.ec-wineandRole .contents {
		padding-top: 0;
	}
	.ec-wineandRole p {
		line-height: 2.0;
		padding-left: 0;
		font-size: 1.5vw;
		font-weight: 400;
	}
	.ec-wineandRole p.section01 {
		text-align: center;
	}
	.ec-wineandRole p.section02 {
		padding: 20.0vw 0 38.3334vw 22.083334vw;
	}
	.ec-wineandRole p.section03 {
		padding-left: 13.3334vw;
	}
	.ec-wineandRole p.section04 {
		padding-top: 3.33334vw;
		padding-left: 13.3334vw;
	}
	.ec-wineandRole p.section05 {
		padding-top: 3.33334vw;
		padding-left: 13.3334vw;
	}
	.ec-wineandRole p.section06 {
		padding-top: 3.33334vw;
		padding-left: 13.3334vw;
	}
	.ec-wineandRole p.section07 {
		padding-top: 8.33334vw;
		padding-left : 52.5vw;
		padding-right: 0;
	}
	.ec-wineandRole p.section08 {
		padding-top: 12.5vw;
		padding-left: 13.3334vw;
		padding-bottom: 62.5vw;
	}
	/* image */
	.ec-wineandRole img.img_main {
	}
	.ec-wineandRole img.img01 {
		bottom: -66.6667vw;
		width: 38.33334vw;
	}
	.ec-wineandRole img.img02 {
		top: auto;
		right: 39.58334vw;
		bottom: -31.66667vw;
		width: 5.166667vw;
	}
	.ec-wineandRole img.img03 {
		top: auto;
		right: 48.33334vw;
		bottom: -27.0083334vw;
		width: 4.16667vw;
	}
	.ec-wineandRole img.img04 {
		top: auto;
		bottom: 14.58334vw;
		width: 47.5vw;
	}
	.ec-wineandRole img.img05 {
		top: auto;
		bottom: 2.91667vw;
		left: 4.58334vw;
		width: 48.75vw;
	}
	.ec-wineandRole img.img06 {
		display: none;
	}
	.ec-wineandRole img.img07 {
		left: auto;
		right: 0;
		top: -26.6667vw;
		width: 40.0vw;
	}
	.ec-wineandRole img.img08 {
		top: 3.33334vw;
		right: 11.66667vw;
		width: 37.5vw;
	}
	.ec-wineandRole img.img09 {
		top: auto;
		right: 2.5vw;
		bottom: -88.33334vw;
		width: 34.33334vw;
	}
	.ec-wineandRole img.img10 {
		bottom: -6.66667vw;
		left: 3.75vw;
		width: 32.5vw;
	}
	.ec-wineandRole img.img11 {
		bottom: 5.0vw;
		left: 8.6665%;
		width: 52.5vw;
	}
	/* image effect */
	.ec-wineandRole img.img07.right {
		transform: translate(100px, 0);
	}
	.ec-wineandRole img.img07.mv.in {
		opacity: 1;
		transform: none;
	}
}

/* トップページコンテンツ - instagram
-------------------------------------------------------------- */
.ec-instagramRole .ec-topHeading {
	margin-bottom: 15px;
}
.ec-instagramRole p {
	margin-top: 15px;
	text-align: center;
}
.ec-instagramRole ul {
	display: -ms-grid;
	display: grid;
	list-style-type: none;
	-ms-grid-rows: 1fr 10px 1fr 10px 1fr;
	-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
	grid-template:
		"insta01 insta02 insta03" 1fr
		"insta04 insta05 insta06" 1fr
		"insta07 insta08 insta09" 1fr / 1fr 1fr 1fr;
	grid-gap: 10px;
	gap: 10px;
	max-width: 1100px;
	width: 100%;
	padding: 0;
}
.ec-instagramRole li:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: insta01;
}
.ec-instagramRole li:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: insta02;
}
.ec-instagramRole li:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	grid-area: insta03;
}
.ec-instagramRole li:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: insta04;
}
.ec-instagramRole li:nth-child(5) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: insta05;
}
.ec-instagramRole li:nth-child(6) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
	grid-area: insta06;
}
.ec-instagramRole li:nth-child(7) {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	grid-area: insta07;
}
.ec-instagramRole li:nth-child(8) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
	grid-area: insta08;
}
.ec-instagramRole li:nth-child(9) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
	grid-area: insta09;
}

@media only screen and (min-width: 768px){
	.ec-instagramRole .ec-topHeading {
		padding: 0 45px;
	}
	.ec-instagramRole .ec-topHeading::after {
		clear: both;
		display: block;
		content: '';
	}
	.ec-instagramRole .ec-topHeading h1 {
		float: left;
		width: 290px;
		margin-left: 5px;
		text-align: left;
	}
	.ec-instagramRole .ec-topHeading p br {
		display: none;
	}
	/* grid layout */
	.ec-instagramRole ul {
		-ms-grid-rows: 1fr 25px 1fr 25px 1fr;
		-ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px 1fr;
		grid-template:
			"insta01 insta01 insta02 insta03" 1fr
			"insta01 insta01 insta05 insta04" 1fr
			"insta06 insta07 insta08 insta09" 1fr / 1fr 1fr 1fr 1fr;
		grid-gap: 25px;
		gap: 25px;
	}
	.ec-instagramRole li:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-columns: 1;
	-ms-grid-row-span: 3;
	-ms-grid-column-span: 3;
	}
	.ec-instagramRole li:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	}
	.ec-instagramRole li:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
	}
	.ec-instagramRole li:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 7;
	}
	.ec-instagramRole li:nth-child(5) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
	}
	.ec-instagramRole li:nth-child(6) {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	}
	.ec-instagramRole li:nth-child(7) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
	}
	.ec-instagramRole li:nth-child(8) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
	}
	.ec-instagramRole li:nth-child(9) {
	-ms-grid-row: 5;
	-ms-grid-column: 7;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1065px){
	.ec-instagramRole .ec-topHeading {
		margin-bottom: 20px;
	}
	.ec-instagramRole .ec-topHeading p {
		clear: both;
		line-height: 34px;
		display: block;
		margin: 0 auto;
		padding-top: 30px;
		font-size: 16px;
	}
}
@media only screen and (min-width: 1065px){
	.ec-instagramRole .ec-topHeading {
		margin-bottom: 65px;
	}
	.ec-instagramRole .ec-topHeading p {
		float: right;
		line-height: 34px;
		display: inline-block;
		margin: 0;
		font-size: 16px;
	}
}
/* 暫定対応 */
.ec-instagramRole p {
	margin: 15px;
}
.ec-instagramRole a {
line-height: 31px;
display: block;
width: 100%;
height: 31px;
margin: 0 auto;
border-radius: 15px;
border: 1px solid rgb(143,142,142);
color: rgb(98,98,98);
font-size: 12px;
text-align: center;
}
@media only screen and (min-width: 768px){
	.ec-instagramRole p {
	}
	.ec-instagramRole p a {
		line-height: 41px;
		width: 337px;
		height: 45px;
		border-radius: 22.5px;
		border: 2px solid rgb(125,125,125);
		font-size: 16px;
	}
}


/* プラグイン - クーポンコードの入力画面
-------------------------------------------------------------- */
#coupon_box__cd span.form-error-icon {
	display: none;
}
#coupon_box__cd span.form-error-message {
	color: rgb(209,5,44);
}


/* プラグイン - お友達紹介プラグイン
-------------------------------------------------------------- */
#page_introduce_friend .ec-halfInput input[type="text"] {
	width: 100%;
}
@media only screen and (min-width: 768px){
	#page_introduce_friend .ec-borderedDefs dt {
		width: 30%;
	}
	#page_introduce_friend .ec-borderedDefs dd {
		width: 70%;
	}
	#page_introduce_friend .ec-halfInput input[type="text"] {
		width: 93%;
	}
	#page_introduce_friend .ec-halfInput textarea {
		width: 93%;
		margin-bottom: 20px;
		border-radius: 6px;
	}
}
/* 会員情報編集画面 */
#page_mypage_change .ec-mypageRole label.required,
#page_mypage_change .ec-mypageRole label[for='entry_friend_introduce_code'] {
	font-size: 12px;
}


/* 各種静的ページ
-------------------------------------------------------------- */
@media only screen and (min-width: 768px){
	.other_page .ec-role .ec-off1Grid__cell {
		max-width: 920px;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.other_page .ec-role .ec-off1Grid__cell .ec-borderedDefs dt,
	.other_page .ec-role .ec-off1Grid__cell .ec-borderedDefs dd {
		line-height: 1.5556;
		padding-top: 6px;
	}
}


/* プライバシーポリシー
-------------------------------------------------------------- */
.other_page .privacy h2 {
	line-height: 1.4;
	margin: 0 auto;
	font-size: 16px;
}
.other_page .privacy p {
	margin-bottom: 0;
}
.other_page .privacy ol {
	list-style-type: none;
	padding-left: 0;
}
.other_page .privacy li {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
.other_page .privacy li ol {
	margin-top: 1em;
	padding-left: 0;
}
.other_page .privacy .supplement {
	text-indent: 0;
	margin-top: 8px;
	padding: 8px;
	margin-bottom: 1em;
	border: 1px solid rgb(79,79,79);
}
.other_page .privacy .supplement li {
	text-indent: -1.5em;
	margin-left: 1.7em;
}
.other_page .privacy .supplement a {
	text-indent: 0;
	text-decoration: underline;
}
.other_page .privacy .supplement a:hover {
	text-decoration: none;
}
@media only screen and (min-width: 768px){
}


/* 特定商取引法に基づく表記
-------------------------------------------------------------- */
@media only screen and (min-width: 768px){
	#page_help_tradelaw .ec-borderedDefs dl {
		padding-bottom: 20px;
	}
}

/* ご利用ガイド
-------------------------------------------------------------- */
.ec-guideRole {
	padding: 0 30px 0;
}
.ec-guideRole > div {
	margin-bottom: 50px;
}
.ec-guideRole div.introduction {
	margin-top: 10px;
	margin-bottom: 30px;
}
.ec-guideRole h2 {
	line-height: 1.58333;
	margin-bottom: 20px;
	padding-bottom: 3px;
	border-bottom: 1px dotted rgb(221,218,214);
	font-size: 15px;
	font-weight: 400;
}
.ec-guideRole h3 {
	line-height: 1.58333;
	font-size: 13px;
	font-weight: 700;
}
.ec-guideRole h4 {
	line-height: 1.58333;
	font-size: 12px;
	font-weight: 700;
}
.ec-guideRole h4::before {
	content: '●';
}
.ec-guideRole h5,
.ec-guideRole h6 {
	line-height: 1.58333;
	font-size: 12px;
	font-weight: 400;
}
.ec-guideRole h5::before {
	content: '・';
}
.ec-guideRole h5.nocircle {
	font-weight: 700;
}
.ec-guideRole h5.nocircle::before {
	content: none;
}
.ec-guideRole p {
	line-height: 1.58333;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: 400;
}
.ec-guideRole div.introduction p {
	text-indent: -1em;
	margin-bottom: 0;
	margin-left: 1em;
}
.ec-guideRole .nospace_under {
	margin-bottom: 0;
}
.ec-guideRole a {
	text-decoration: underline;
}
.ec-guideRole a:hover {
	text-decoration: none;
}
.ec-guideRole img {
	margin-bottom: 10px;
}
.ec-guideRole img[src*='card.jpg'] {
	margin-bottom: 0;
}
.ec-guideRole h4.wide {
	letter-spacing: .15em;
}
.ec-guideRole table {
	width: 100%;
	border-top: 1px solid rgb(236,236,236);
}
.ec-guideRole table th,
.ec-guideRole table td {
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 1.58333;
	height: 60px;
	padding:10px;
	border-bottom: 1px solid rgb(236,236,236);
	font-size: 12px;
	font-weight: 400;
}
.ec-guideRole table th {
	background-color: rgb(236,236,236);
}
.ec-guideRole table td {
	padding-right: 0;
}

@media only screen and (min-width: 768px){
	body.guide .ec-pageHeader h1 {
		margin-bottom: 30px;
		font-weight: 400;
	}
	.ec-guideRole {
		margin-bottom: 40px;
		padding: 0 50px;
	}
	.ec-guideRole > div {
		margin: 0 45px 40px;
	}
	.ec-guideRole div.introduction {
		margin-bottom: 50px;
	}
	.ec-guideRole h1 {
		font-weight: 400;
	}
	.ec-guideRole h2 {
		margin: 20px 25px 30px;
		padding-bottom: 10px;
		border-width: 2px;
		font-size: 18px;
	}
	.ec-guideRole h3 {
		margin: 20px 30px 50px;
		font-size: 16px;
	}
	.ec-guideRole h4 {
		font-size: 14px;
	}
	.ec-guideRole h4 span {
		font-size: 16px;
	}
	.ec-guideRole h5,
	.ec-guideRole h6 {
		margin-bottom: 5px;
		margin-left: 15px;
		font-size: 14px;
	}
	.ec-guideRole h6 {
		margin-left: 22px;
	}
	.ec-guideRole h5.nocircle {
		margin-left: 10px;
	}
	.ec-guideRole p {
		line-height :2.0;
		margin-bottom: 0;
		margin-left: 22px;
		font-size: 14px;
	}
	.ec-guideRole p.noindent {
		margin-left: 10px;
	}
	.ec-guideRole.regular p,
	.ec-guideRole.owner p {
		margin-left: 15px;
	}
	.ec-guideRole img[src*='delivery_days.png'] + p {
		text-indent: -14px;
		margin-bottom: 30px;
		margin-left: 36px;
	}
	.ec-guideRole .nospace_under {
		line-height: 2.0;
		margin-top: 0;
	}
	.ec-guideRole img {
		margin-left: 25px;
	}
	.ec-guideRole img[src*='card.jpg'] {
		width: 513px;
	}
	.ec-guideRole img[src*='security_code.jpg'] {
		margin-top: 10px;
		width: 451px;
	}
	.ec-guideRole img[src*='pay-easy.jpg'] {
		width: 380px;
		margin-top: 10px;
	}
	.ec-guideRole img[src*='gmo_ps.jpg'] {
		width: 400px;
		margin-top: 10px;
	}
	.ec-guideRole img[src*='list_delivery_fee.png'] {
		width: 420px;
		margin-top: 10px;
	}
	.ec-guideRole img[src*='delivery_days.png'] {
		width: 550px;
		margin-bottom: 40px;
	}
	.ec-guideRole table {
		width: 72.3%;
		margin-top: 20px;
		margin-left: 20px;
	}
	.ec-guideRole table th,
	.ec-guideRole table td {
		line-height: 1.42857;
		height: 40px;
		padding:10px 10px 10px 30px;
		font-size: 14px;
	}
}

/* メールが届かないお客様へ
-------------------------------------------------------------- */
.other_page .helpMail h2 {
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #7f6000;
	font-weight: 700;
	line-height: 1.6;
}
.other_page .helpMail p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 2;
}
.other_page .helpMail a {
	text-decoration: underline;
}.other_page .helpMail a:hover {
	text-decoration: none;
}
.other_page .helpMail .address {
	color: rgb(209,5,44);
}
.other_page .helpMail .date {
	font-size: 14px;
    color: rgb(131,131,131);
	text-align: right;
}

@media only screen and (min-width: 768px){
	.other_page .helpMail h2 {
		font-size: 18px;
	}	
}

/* object-fit for IE
-------------------------------------------------------------- */
.object-fit-img {
	object-fit: contain;
	font-family: 'object-fit: contain;'
}

/* 特集ページ
-------------------------------------------------------------- */
/* ヘッダー */
.feature__header {
}
.feature__header h1 {
	line-height: 1.4375;
	margin: 0 15px;
	padding: 0 0 15px;
	color: rgb(79,79,79);
	font-size: 16px;
	font-weight: 700;
}
.feature__header .cateogry_bnr {
	margin-bottom: 15px;
}
/* コンテンツ */
.feature__content,
.feature__footer {
	line-height: 1.58333;
	margin: 0 15px;
	color: rgb(98,97,97);
	font-size: 12px;
}
.feature__content h1,
.feature__content h2,
.feature__content h3,
.feature__content h4,
.feature__content h5,
.feature__content h6 {
	line-height: 1.6333;
	margin: 0 auto 20px;
	font-size: 15px;
	font-weight: 700;
}
.feature__content p {
}
.feature__content p.annotation,
.feature__footer p.annotation {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 0;
}
.feature__content ul,
.feature__content ol {
	list-style: none;
	margin: 0 auto 50px;
	padding: 0;
}
.feature__content .outline {
	margin-bottom: 40px;
}
.feature__content .ec-blockBtn--cancel {
	line-height: 2.06667;
	display: block;
	width: 66.4%;
	height: 33px;
	margin: 40px auto 0;
	border-color: rgb(97,16,33);
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(97,16,33);
}
/* フッター */

@media only screen and (min-width: 768px){
	.feature__header,
	.feature__content,
	.feature__footer {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 50px;
		box-sizing: border-box;
	}
	/* ヘッダー */
	.feature__header h1 {
		line-height: 1.5;
		margin: 0;
		font-size: 20px;
	}
	.feature__header .category_bnr {
		margin-bottom: 30px;
	}
	/* コンテンツ */
	.feature__content,
	.feature__footer {
		line-height: 1.75;
		font-size: 16px;
	}
	.feature__content h1,
	.feature__content h2,
	.feature__content h3,
	.feature__content h4,
	.feature__content h5,
	.feature__content h6 {
		margin-bottom: 50px;
		font-size: 20px;
	}
	.feature__content .feature_block {
		width: 100%;
		max-width: 855px;
		margin: 0 auto;
	}
	.feature__content p.annotation,
	.feature__footer p.annotation {
		text-indent: 0;
		margin-bottom: 8px;
		margin-left: 15px;
	}
	.feature__content .outline {
		margin-bottom: 80px;
	}
	.feature__content .ec-blockBtn--cancel {
		line-height: 2.41176;
		width: 340px;
		height: 45px;
		margin-top: 80px;
		border-width: 2px;
		font-size: 17px;
	}
	.feature__content ul,
	.feature__content ol {
		margin-bottom: 60px;
	}
}

/* 領収書
-------------------------------------------------------------- */
.mypage_receipt2 .ec-layoutRole__contents {
	max-width: 1150px;
	padding: 0 15px;
}
.mypage_receipt2 #print {
	margin-bottom: 15px;
}

/* ページビルダー用微調整
-------------------------------------------------------------- */
.ec-layoutRole__mainTop > div[data-type='page-builder'] {
	margin-right: auto !important;
	margin-left: auto !important;
}