@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * futura-pt:
 *   - http://typekit.com/eulas/000000000000000000010091
 *   - http://typekit.com/eulas/000000000000000000010092
 *   - http://typekit.com/eulas/000000000000000000013365
 *   - http://typekit.com/eulas/000000000000000000010095
 * futura-pt-bold:
 *   - http://typekit.com/eulas/00000000000000003b9af1e4
 *   - http://typekit.com/eulas/00000000000000003b9af1e5
 * futura-pt-condensed:
 *   - http://typekit.com/eulas/000000000000000000012039
 *   - http://typekit.com/eulas/00000000000000000001203a
 *   - http://typekit.com/eulas/00000000000000000001203d
 *   - http://typekit.com/eulas/00000000000000000001203e
 *
 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2023-05-15 15:12:58 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=peb7nyt&ht=tk&f=10881.10882.10884.10885.15357.15358.15361.15362.32874.32875&a=15941146&app=typekit&e=css");
@font-face {
  font-family: "futura-pt";
  src: url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "futura-pt";
  src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "futura-pt-condensed";
  src: url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "futura-pt-condensed";
  src: url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "futura-pt-bold";
  src: url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.tk-futura-pt {
  font-family: "futura-pt", sans-serif;
}

.tk-futura-pt-condensed {
  font-family: "futura-pt-condensed", sans-serif;
}

.tk-futura-pt-bold {
  font-family: "futura-pt-bold", sans-serif;
}

/* =======================================================================
CSSの名前：style.css 
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
19.マイページ
20.ログイン
21.商品比較
22.キャンペーン
23.会員登録
24.子会員リスト
25.担当法人一覧ページ
26.担当事業所一覧ページ
27.ポイント履歴ページ
28.ポイント有効期限ページ
29.STAFF START
======================================================================= */
/* =================================================================
1.reset
=================================================================*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background: #FFF;
  color: #333;
  line-height: 1.5;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  word-wrap: break-word;
  position: relative;
}

body {
  overflow-x: hidden;
  width: 100vw;
}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, hr {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

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

img {
  border: 0;
}

/* =================================================================
2.base
=================================================================*/
/*  clear
-------------------------------------------------------------*/
.clear {
  clear: both;
}

.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

*:first-child + html .clearfix {
  zoom: 1;
} /* IE7 */
/*  基本のlink color
-------------------------------------------------------------*/
a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
}

a:hover, a:active {
  color: #000;
  text-decoration: none;
}

/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
a.button {
  border: none;
  display: block;
  line-height: 1;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 13px; /* for Safari and Chrome */ /* for Firefox */ /* for opera */
  border-radius: 3px;
  width: 100%;
}

input.button {
  border: none;
  display: block;
  line-height: 1;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 13px; /* for Safari and Chrome */ /* for Firefox */ /* for opera */
  border-radius: 3px;
  width: 100%;
}

/*マウスホバー時*/
a.button:hover {
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

input.button:hover {
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive {
  background: #D21E21;
  color: #FFFFFF;
}

input.positive {
  background: #D21E21;
  color: #FFFFFF;
}

/*戻る・クリア・削除・ログアウト等*/
a.negative {
  background: #4c4c4c;
  color: #FFFFFF;
} /*戻る・クリア・削除・ログアウト等*/
input.negative {
  background: #4c4c4c;
  color: #FFFFFF;
}

/*上記以外のボタン*/
a.normal {
  background: #f7f7f7;
  color: #333333;
  border: 1px solid #adadad;
}

input.normal {
  background: #f7f7f7;
  color: #333333;
  border: 1px solid #adadad;
}

.medium.normal {
  padding: 9px !important;
}

.small.normal {
  padding: 5px 9px !important;
}

/*押せないボタン*/
.not_click {
  border: none;
  display: block;
  line-height: 1;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 12px; /* for Safari and Chrome */ /* for Firefox */ /* for opera */
  border-radius: 3px;
  background: #d2d2d2;
  color: #a5a5a5;
}

.not_click.medium {
  max-width: 230px;
  min-width: 200px;
}

/*見積ボタン*/
a.estimate {
  background: #ED9E00;
  color: #FFFFFF;
}

input.estimate {
  background: #ED9E00;
  color: #FFFFFF;
}

/*普通サイズの時にはクラスに下記を追加*/
.medium {
  min-width: 200px;
  font-size: 16px;
}

a.medium {
  max-width: 230px;
  min-width: 200px;
  font-size: 16px;
}

input.medium {
  max-width: 230px;
  min-width: 200px;
  font-size: 16px;
}

/*小さいサイズの時にはクラスに下記を追加*/
.small {
  padding: 6px 10px;
  font-size: 12px;
}

a.small {
  padding: 6px 10px;
  font-size: 12px;
}

input.small {
  padding: 6px 10px;
  font-size: 12px;
}

/*  画像の縦横比調整
-------------------------------------------------------------*/
.img_box {
  text-align: center;
  position: relative;
}

.img_box img {
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/*  カートフローチャート
-------------------------------------------------------------*/
.cart_step {
  position: relative;
  overflow: hidden;
}

.cart_step:after {
  content: "";
  clear: both;
  display: block;
}

.cart_step ul {
  position: relative;
  left: 50%;
  float: left;
  margin-bottom: 45px;
}

.cart_step ul li {
  position: relative;
  left: -50%;
  float: left;
  text-align: center;
  width: 140px;
  line-height: 1.2;
  color: #CDCDCD;
}

.cart_step ul li.active {
  color: #000000;
  font-weight: bold;
}

.cart_step ul li strong {
  font-size: 35px;
  display: block;
}

/*画像の場合*/
.step {
  display: block;
  margin: 25px auto 45px auto;
}

/*  ローディング表示のスタイル
-------------------------------------------------------------*/
#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  padding-top: 100px;
  width: 100px;
  background-image: url("../images/loader_icon_pc.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

/*  商品一覧、商品詳細ページアイコン類
-------------------------------------------------------------*/
.item_icon {
  color: #FFFFFF;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  padding: 3px 5px;
  vertical-align: text-bottom;
  margin: 2px 0;
} /*アイコン共通設定*/
.item_short {
  background: #D21E21;
} /*品切*/
.item_soldout {
  background: #666666;
} /*品薄*/
.item_new {
  background: #ffcc00;
} /*NEW*/
.item_before {
  background: #ff9900;
} /*COMING SOON*/
.item_download {
  background: #00cccc;
} /*ダウンロード商品*/
.item_yoyaku {
  background: #000000;
} /*予約商品*/
.item_discount {
  background: #cc0000;
} /*会員割引あり*/
.item_timesale {
  background: #cc0000;
} /*タイムセール中*/
.item_teiki_together {
  background: #a52ead;
} /*定期にまとめて注文可能*/
.item_volume_discount {
  background: #ff6699;
} /*ボリュームディスカウントあり*/
.item_bundle_sale {
  background: #0000ff;
} /* まとめ買い対象*/
.item_noshi {
  background: #000066;
} /* のし対象商品*/
.item_message {
  background: #ff9900;
} /* メッセージカード対象商品*/
.item_gift_bag {
  background: #ff6699;
} /* 手提げ袋対象商品*/
/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container {
  width: 1110px;
  margin: auto;
  padding-top: 0;
}
#container.prt {
  page-break-after: auto;
}

#container:after {
  content: "";
  clear: both;
  display: block;
}

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar {
  left: 0;
  top: 100px;
  width: 276px;
  background: #F4F4F4;
}
#sidebar.absolute {
  z-index: 9;
  height: calc(100% - 403px);
  position: absolute;
  padding: 23px 21px;
}
#sidebar .mem {
  width: 234px;
  background-color: #FFF;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 18px 10px 10px 16px;
  display: block;
}
#sidebar .mem .title {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
  margin: 0 0 10px;
  line-height: 1;
}
#sidebar .mem .name {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #000;
  line-height: 1;
}
#sidebar .mem.active {
  background-color: #F4FAFF;
}
#sidebar .mem:hover {
  cursor: pointer;
}
#sidebar .stoe-list {
  border-radius: 8px;
  background-color: #FFF;
  width: 234px;
  height: 111px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#sidebar .stoe-list p {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
}
#sidebar .stoe-list.active {
  background-color: #F4FAFF;
}

#sidebar .point_limit_date {
  font-weight: bold;
}

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main {
  float: right;
  width: 100%;
  padding-bottom: 0;
}
#main .search {
  width: 1000px;
  margin: 30px auto 0;
  float: unset;
}
#main.search {
  width: 1000px;
  margin: 30px auto 0;
  float: unset;
}

/* #main h2{margin-bottom: 20px; font-weight: normal; border-bottom: solid 3px #cccccc; position: relative;}
#main h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #373737; bottom: -3px; width: 20%;} */
#main p {
  margin: 5px 10px;
  font-size: 90%;
  line-height: 150%;
}

#main table {
  width: 750px;
  margin: 10px;
  font-size: 90%;
  border: 1px solid #CCC;
  line-height: 200%;
}

#main th {
  padding: 10px;
  border: 1px solid #CCC;
  background: #F6F6F6;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}

#main th.title {
  width: 160px;
  text-align: left;
}

#main th.address {
  width: 55px;
}

#main td {
  padding: 10px;
  border: 1px solid #CCC;
  vertical-align: top;
}

#main .buttonarea {
  margin: 10px;
  padding-top: 40px;
  text-align: center;
}

#main .buttonarea .button {
  display: inline-block;
  margin: 0 10px;
  min-height: 40px;
}

#main .buttonarea .attention {
  color: #C00;
  font-size: 90%;
}

#main .buttonareaFR {
  margin: 0 0 0px;
  float: right;
}

#main .buttonareaFR:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#main .member_buttonarea .button {
  display: inline-block;
  margin: 0 10px;
}

#main .hissu {
  color: #C00;
  font-weight: bold;
}

#main #breadcrumbs {
  margin-bottom: 20px;
  font-size: 80%;
}

#main .amazon_comment {
  color: #C00;
  font-weight: bold;
}

#main .expiration_date {
  padding-left: 10px;
}

/* リキャプチャー機能用
-------------------------------------------------------------*/
#main #reCAPTCHA {
  width: 304px;
  margin: 20px auto 0;
}

/* お問い合わせページ画像項目用
-------------------------------------------------------------*/
#main .apply_area img {
  max-width: 100%;
}

/* フォーム類部品
-------------------------------------------------------------*/
input[type=text] {
  border: solid 1px #ccc;
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  padding: 4px;
}

input[type=email] {
  border: solid 1px #ccc;
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  padding: 4px;
}

input[type=password] {
  border: solid 1px #ccc;
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  padding: 4px;
}

input[type=tel] {
  border: solid 1px #ccc;
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  padding: 4px;
}

input[type=number] {
  border: solid 1px #ccc;
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  padding: 4px;
}

select {
  height: 30px;
  vertical-align: middle;
}

textarea {
  border: solid 1px #ccc;
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
}

input, textarea, select, button {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif !important;
  font-size: 13px;
}

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar {
  float: none !important;
  width: 1110px !important;
  margin: auto !important;
}

#main.no-sidebar table {
  width: 960px !important;
}

#main.no-sidebar th {
  padding: 10px !important;
}

#main.no-sidebar td {
  padding: 10px !important;
}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart {
  float: none;
  width: 1110px;
  margin-top: 60px;
}

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/
/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a {
  display: block;
  width: 1110px;
  height: 150px;
  margin: auto;
  background: url("../images/button_smartphone.png") no-repeat;
  text-indent: -9999px;
}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview {
  padding: 5px;
  border-bottom: 1px solid #CCC;
  background: #1C8600;
  color: #FFF;
  font-size: 80%;
  text-align: center;
}

#preview table {
  width: 800px;
  margin: auto;
}

#preview .ico {
  width: 20%;
  padding-right: 10px;
  text-align: right;
}

#preview .content {
  text-align: left;
}

/* proxy_login - 代理ログイン時に表示するエリア
-------------------------------------------------------------*/
#proxy_login {
  padding: 5px;
  border-bottom: 1px solid #CCC;
  background: #fcff41;
  color: #000000;
  font-size: 120%;
  text-align: center;
}

#proxy_login table {
  width: 800px;
  margin: auto;
}

#proxy_login .content {
  text-align: center;
}

/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger {
  float: right;
  margin: 10px 20px 0 0;
}

#fontChanger h2 {
  display: block;
  float: left;
  margin-right: 5px;
  font-size: 13px;
}

#fontChanger .icon {
  float: left;
  line-height: 1;
}

#fontChanger .icon a {
  color: #FFFFFF;
  display: inline-block;
  margin-right: 2px;
  text-decoration: none;
  font-size: 12px !important;
  padding: 3px;
  line-height: 1;
  vertical-align: text-bottom;
}

#fontChanger .__FONT_CHANGER_BUTTON_S_OFF {
  background: #CCCCCC;
} /* 小 OFF */
#fontChanger .__FONT_CHANGER_BUTTON_S_ON {
  background: #D21E21;
} /* 小 ON */
#fontChanger .__FONT_CHANGER_BUTTON_M_OFF {
  background: #CCCCCC;
} /* 中 OFF */
#fontChanger .__FONT_CHANGER_BUTTON_M_ON {
  background: #D21E21;
} /* 中 ON */
#fontChanger .__FONT_CHANGER_BUTTON_L_OFF {
  background: #CCCCCC;
} /* 中 OFF */
#fontChanger .__FONT_CHANGER_BUTTON_L_ON {
  background: #D21E21;
} /* 大 ON */
/* language - 言語選択
-------------------------------------------------------------*/
#language {
  float: right;
  margin: 10px 20px 0 0;
}

#language h2 {
  display: block;
  float: left;
  margin-right: 5px;
  font-size: 13px;
}

#language p {
  float: left;
  margin-right: 5px;
  font-size: 75%;
}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search {
  float: right;
  width: 209px;
}

#search h2 {
  float: left;
  width: 105px;
  height: 20px;
  overflow: hidden;
  margin: 10px 10px 0 0;
  background: url("../images/search_title.gif") no-repeat;
  text-indent: -9999px;
}

#search p {
  clear: both;
  padding: 5px 0px;
  font-size: 75%;
  text-align: right;
}

#search .form {
  display: block;
  float: left;
  width: 163px;
  height: 25px;
  margin: 10px 0px 0 0;
  border: 1px solid #CCCCCC;
  border-right: 0px;
  padding: 4px;
}

#search .button {
  float: left;
  margin: 10px 0 0;
  font-size: 13px; /* for Safari and Chrome */ /* for Firefox */ /* for opera */
  border-radius: 0px;
  width: 46px;
}

/* menu - メニュー
-------------------------------------------------------------*/
/* #menu{height: 40px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
#menu .inner{display: block; width: 1110px; margin: auto;}
#menu ul{margin: 0 auto; width: 1110px;}
#menu ul:after {content: ""; clear: both; display: block;}
#menu li{float: left;}
#menu li a{display: block; height: 38px; width: 196px; text-decoration: none; border-left: 1px solid #CCCCCC; color: #252525; text-align: center; padding-top: 10px; font-size: 15px; font-weight: bold;}
#menu li a:hover{background: #F1F1F1;}
#menu li:last-child a{border-right: 1px solid #CCCCCC;} */
/* #menu .top_select,a.top:hover{background: #F1F1F1;}
#menu .guide_select,a.guide:hover{background: #F1F1F1;}
#menu .tokushou_select,a.tokushou:hover{background: #F1F1F1;}
#menu .company_select,a.company:hover{background: #F1F1F1;}
#menu .apply_select,a.apply:hover{background: #F1F1F1;} */
/* shiborikomi - 絞り込み検索
-------------------------------------------------------------*/
#shiborikomi {
  width: 1110px;
  margin: 0 auto 10px;
  padding: 5px 10px;
  background: #F1F1F1;
  font-size: 80%;
}

#shiborikomi .select {
  padding: 4px 3px;
  background: #C00;
  color: #FFF;
  font-weight: bold;
}

#shiborikomi a {
  padding: 4px 3px;
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

#shiborikomi a:hover {
  background: #CCC;
}

/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* login - ログイン枠
-------------------------------------------------------------*/
#login {
  width: 190px;
  margin-bottom: 60px;
}

#login h2 {
  background-image: url("../images/icon/black/icon_login.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#login .account h2 {
  background-image: url("../images/icon/black/icon_account.png");
  margin-bottom: 0px;
}

#login .account span {
  font-weight: bold;
}

#login .buttonarea {
  margin-bottom: 10px;
}

#login .buttonarea:after {
  content: "";
  clear: both;
  display: block;
}

#login .button {
  width: 100px;
  margin: 10px auto;
}

#login p {
  margin: 0 5px 5px;
  font-size: 90%;
}

#login .name {
  margin: 0 0 10px;
}

#login .name strong {
  font-size: 20px;
}

#login .error {
  clear: both;
  margin: 5px 10px;
  color: #C00;
  font-weight: bold;
  text-align: center;
}

#login .point {
  color: #C00;
}

/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart {
  width: 190px;
  margin-bottom: 60px;
}

#cart h2 {
  background-image: url("../images/icon/black/icon_cart.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#cart h3 {
  float: left;
  margin: 0 0 5px 5px;
  font-size: 90%;
  font-weight: normal;
}

#cart .box:after {
  content: "";
  clear: both;
  display: block;
}

#cart .box p {
  float: right;
  margin: 0 5px 5px 0;
  color: #C00;
  font-size: 90%;
  font-weight: bold;
  text-align: right;
}

#cart a {
  width: 140px;
  margin: 10px auto 0;
}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category {
  width: 190px;
  margin-bottom: 60px;
}

#category h2 {
  background-image: url("../images/icon/black/icon_category.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#category li {
  display: inline;
}

#category .select {
  background: url("../images/marker_on.gif") 10px 10px no-repeat #C00;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 5px 6px 6px 25px;
}

#category li a {
  display: block;
  padding: 5px 5px 5px 25px;
  background: url("../images/marker.gif") 10px 10px no-repeat;
  color: #333;
  font-size: 90%;
  text-decoration: none;
}

#category li a:link {
  display: block;
  overflow: hidden;
}

#category li a:hover {
  background: url("../images/marker.gif") 10px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: underline;
}

/* present - プレゼント枠
-------------------------------------------------------------*/
#present {
  width: 190px;
  margin-bottom: 60px;
}

#present h2 {
  background-image: url("../images/icon/black/icon_present.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#present h3 {
  display: block;
  padding: 0 10px 0 18px;
  background: url("../images/marker.gif") 6px 6px no-repeat;
  font-size: 90%;
  font-weight: normal;
}

#present .period {
  margin: 0 5px 10px 15px;
  font-size: 90%;
}

#present .all {
  margin: 10px 0px 0px 0px;
  text-align: right;
  font-size: 80%;
}

/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine {
  width: 190px;
  margin-bottom: 60px;
}

#magazine h2 {
  background-image: url("../images/icon/black/icon_mail.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#magazine h3 {
  font-size: 13px;
}

#magazine .text {
  display: block;
  width: 180px;
  height: 25px;
  margin: 0 auto;
}

#magazine .select_area {
  margin-bottom: 10px;
}

#magazine label {
  font-size: 13px;
}

#magazine .radio {
  margin: 5px 2px 5px 5px;
}

#magazine p {
  margin: 0 5px 2px;
  font-size: 80%;
}

#magazine .error {
  margin: 5px;
  color: #C00;
  font-weight: bold;
}

#magazine .free {
  margin: 10px auto;
}

#magazine .buttonarea:after {
  content: "";
  clear: both;
  display: block;
}

#magazine .buttonarea li {
  float: left;
  width: 50%;
  text-align: center;
}

#magazine .buttonarea li input {
  display: inline-block;
  width: 50px;
}

/* coupon - クーポン
-------------------------------------------------------------*/
#coupon {
  width: 190px;
  margin-bottom: 60px;
}

#coupon h2 {
  background-image: url("../images/icon/black/icon_coupon.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#coupon p {
  margin: 0 10px;
  font-size: 80%;
}

#coupon img {
  display: block;
  margin: 0 auto;
}

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar {
  width: 190px;
  margin-bottom: 10px;
}

#calendar h2 {
  background-image: url("../images/icon/black/icon_calendar.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 19px;
  margin-bottom: 10px;
  font-size: 15px;
}

#calendar p {
  margin: 0 5px 10px;
  font-size: 80%;
}

#calendar span.day_color1 {
  color: #FF7F7E;
}

#SIDE_CALENDAR {
  width: 190px;
  overflow: hidden;
  margin: 0 auto;
  font-size: 10px;
}

#ui-datepicker-div {
  width: 13em !important;
  border: 1px solid #AAA !important;
  display: none;
}

#ui-datepicker-div .ui-datepicker-header {
  background: #CCC repeat-x scroll 50% 50% !important;
  width: 100% !important;
}

#ui-datepicker-div table.ui-datepicker-calendar {
  width: 100% !important;
}

#ui-datepicker-div select.ui-datepicker-year, #ui-datepicker-div select.ui-datepicker-month {
  width: 40% !important;
  border: 1px solid #e0e0e0;
  height: 23px;
}

.ui-widget-content {
  border: 1px solid #FFF;
}

.ui-datepicker {
  padding: 1px;
}

.ui-datepicker-title {
  font-size: 12px;
}

.ui-widget-header {
  width: 178px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #CCC;
  border-radius: 0;
  background: none;
}

.ui-datepicker table {
  width: 178px;
}

.ui-datepicker th, .ui-datepicker td {
  width: 10px !important;
  margin: 0;
  padding: 1px;
  border: none;
}

.ui-datepicker th a, .ui-datepicker td a {
  padding: 1px;
  border: none !important;
}

.ui-datepicker th div, .ui-datepicker td div {
  padding: 1px;
  border: none !important;
}

.ui-datepicker-week-end {
  color: #C00;
}

.ui-datepicker .day_color1 .ui-state-default {
  background-image: none;
  background-color: #FF7F7E;
  color: #C00;
}

.ui-datepicker .day_color2 .ui-state-default {
  background-image: none;
  background-color: #D7FFED;
}

.ui-datepicker .day_color3 .ui-state-default {
  background-image: none;
  background-color: #DDF;
}

.ui-datepicker .day_color4 .ui-state-default {
  background-image: none;
  background-color: #FFD;
}

.ui-datepicker .day_color5 .ui-state-default {
  background-image: none;
  background-color: #E7FFFF;
}

.ui-datepicker .day_color6 .ui-state-default {
  background-image: none;
  background-color: #F0D6FF;
}

img.ui-datepicker-trigger {
  vertical-align: top !important;
  padding-left: 5px !important;
}

/* jquery-ui-1.8.4.custom.css　上書き用（カレンダー）
-------------------------------------------------------------*/
.ui-datepicker .ui-datepicker-header {
  padding: 0.3em 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  margin: 2px;
  padding: 2px;
  border: none;
  background: #e6e6e6;
} /* 日付背景 */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #ffffff;
} /* 選択した日付背景 */
/* ホバー時 */
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker-next.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-prev-hover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover span.ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-next-hover span.ui-icon-circle-triangle-e,
.ui-state-disabled span.ui-icon-circle-triangle-w,
.ui-state-disabled span.ui-icon-circle-triangle-e {
  background-image: url("./smoothness/images/ui-icons_454545_256x240.png");
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
}

/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
			　ext/social_provider.xhtml
=================================================================*/
#ext h3 {
  display: block;
  font-size: 110%;
  margin: 11px 10px 15px;
  padding-bottom: 5px;
}

#ext th {
  text-align: left;
}

#ext ul {
  padding-bottom: 10px;
}

#ext li {
  list-style: disc;
  margin: 5px 40px;
  font-size: 80%;
}

#ext #sitemap ul:after {
  content: "";
  clear: both;
  display: block;
}

#ext #sitemap li {
  width: 216px;
  float: left;
  list-style-type: none;
  margin: 5px 20px;
}

/* social_provider.xhtml
-------------------------------------------------------------*/
#ext.social_provider tr th {
  background: #FFF;
}

#ext.social_provider tr th a {
  text-decoration: none;
}

#ext.social_provider tr.title th {
  background: #F6F6F6;
}

#ext.social_provider th.service {
  width: 220px;
}

#ext.social_provider th div {
  width: 220px;
  height: 44px;
  font-size: 14px;
  display: block;
}

#ext.social_provider th div p {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 53px;
  display: block;
  background: #FFF;
  line-height: 1;
  font-size: 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

#ext.social_provider #social_plus .associate {
  display: inline-block;
  min-width: inherit;
  width: 100px;
  font-size: 14px;
}

#ext.social_provider #social_plus tr th {
  background: #FFF;
}

#ext.social_provider #social_plus tr th a {
  text-decoration: none;
}

#ext.social_provider #social_plus td {
  vertical-align: middle;
}

#ext.social_provider #social_plus tr.title th {
  background: #F6F6F6;
}

#ext.social_provider #social_plus th.service {
  width: 220px;
}

#ext.social_provider #social_plus th div {
  width: 220px;
  height: 44px;
  font-size: 14px;
  display: block;
}

#ext.social_provider #social_plus th div p {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 51px;
  display: block;
  line-height: 1;
  font-size: 14px;
}

#ext.social_provider #social_plus th.yahoo div {
  background: url("../images/social_yahoo.png") no-repeat;
  color: #e71017;
}

#ext.social_provider #social_plus th.facebook div {
  background: url("../images/social_facebook.png") no-repeat;
  color: #3b5998;
}

#ext.social_provider #social_plus th.twitter div {
  background: url("../images/social_twitter.png") no-repeat;
  color: #55acee;
}

#ext.social_provider #social_plus th.google div {
  background: url("../images/social_google.png") no-repeat;
  color: #dc4e41;
}

#ext.social_provider #social_plus th.line div {
  background: url("../images/social_line.png") no-repeat;
  color: #00b300;
}

#ext.social_provider #social_plus th.apple_id div p {
  padding: 18px 0px 19px 25px;
}

#ext.social_provider #social_plus .alignment th div p {
  border: none;
  margin: 0 0 0 53px;
}

#ext.social_provider #social_plus .alignment th.apple_id div {
  background: url("../images/social_apple.png") no-repeat;
  color: #000;
  height: 53px;
}

#ext.social_provider th.yahoo div.off {
  background: url("../images/social_yahoo_off.png") no-repeat;
  color: #cdcdcd;
}

#ext.social_provider th.facebook div.off {
  background: url("../images/social_facebook_off.png") no-repeat;
  color: #cdcdcd;
}

#ext.social_provider th.twitter div.off {
  background: url("../images/social_twitter_off.png") no-repeat;
  color: #cdcdcd;
}


#ext.social_provider th.google div.off {
  background: url("../images/social_google_off.png") no-repeat;
  color: #cdcdcd;
}

#ext.social_provider th.mixi div.off {
  background: url("../images/social_mixi_off.png") no-repeat;
  color: #cdcdcd;
}

#ext.social_provider th.line div.off {
  background: url("../images/social_line_off.png") no-repeat;
  color: #cdcdcd;
}

#ext.social_provider th.paypal div.off {
  background: url("../images/social_paypal_off.png") no-repeat;
  color: #cdcdcd;
}

#ext.social_provider td {
  vertical-align: middle;
}

/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual img {
  display: block;
}

/* topics - トピックス
-------------------------------------------------------------*/
#topics {
  margin-bottom: 20px;
  width: 100%;
}

#topics .box {
  border-bottom: #d4d4d4 solid 1px;
  margin-bottom: 20px;
}

#topics .box:after {
  content: "";
  clear: both;
  display: block;
}

#topics h3 {
  display: block;
  float: left;
  width: 140px;
  padding: 3px 10px 5px;
  font-size: 90%;
  font-weight: normal;
  line-height: 100%;
}

#topics h3 img {
  vertical-align: bottom;
}

#topics .inner {
  display: block;
  float: right;
  width: 630px;
  padding: 0px 10px 5px;
  font-weight: normal;
}

#topics .inner p {
  margin: 0px 0 5px;
  font-size: 90%;
}

#topics .rss {
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  margin: 5px 5px 0 0;
  background: url("../images/header_rss.gif") 0 0 no-repeat;
  text-indent: -9999px;
  z-index: 10;
}

#topics .rss:hover {
  background: url("../images/header_rss.gif") 0 -15px no-repeat;
}

#topics .img_box {
  width: 120px;
  height: 120px;
  margin: 5px 0 10px 10px;
  float: right;
}

#topics .img_box img {
  max-width: 120px;
  max-height: 120px;
}

#topics .link {
  text-align: right;
}

/* clientRecommend - 貴社おすすめ商品
-------------------------------------------------------------*/
#clientRecommend {
  margin-bottom: 20px;
  width: 100%;
}

#clientRecommend ul {
  margin-top: 10px;
}

#clientRecommend ul:after {
  content: "";
  clear: both;
  display: block;
}

#clientRecommend .box {
  float: left;
  width: 185px;
  margin: 0 10px 10px 0;
  border: #d4d4d4 1px solid;
  padding: 20px 0 0px;
}

#clientRecommend .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px;
}

#clientRecommend .img_box img {
  max-width: 140px;
  max-height: 140px;
}

#clientRecommend .text {
  width: 140px;
  margin: 0 auto;
}

#clientRecommend h3 {
  margin: 0px 0px 10px;
  font-size: 90%;
  font-weight: normal;
  line-height: 140%;
  min-height: 60px;
}

#clientRecommend .price {
  margin: 0px 0px 20px;
  font-size: 80%;
  color: #C00;
  text-align: right;
}

/* new - 新着商品
-------------------------------------------------------------*/
#new {
  margin-bottom: 20px;
  width: 100%;
}

#new ul {
  margin-top: 10px;
}

#new ul:after {
  content: "";
  clear: both;
  display: block;
}

#new .box {
  float: left;
  width: 185px;
  margin: 0 10px 10px 0;
  border: #d4d4d4 1px solid;
  padding: 20px 0 0px;
}

#new .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px;
}

#new .img_box img {
  max-width: 140px;
  max-height: 140px;
}

#new .text {
  width: 140px;
  margin: 0 auto;
}

#new .cart_button {
  margin-bottom: 10px;
}

#new .appeal {
  color: #F60;
  font-size: 70%;
}

#new h3 {
  margin: 0px 0px 20px;
  font-size: 90%;
  font-weight: normal;
  line-height: 140%;
  min-height: 60px;
}

#new .price {
  margin: 0px 0px 20px;
  font-size: 80%;
  color: #C00;
  text-align: right;
}

/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend {
  margin-bottom: 20px;
  width: 100%;
}

#recommend ul {
  margin-top: 10px;
}

#recommend ul:after {
  content: "";
  clear: both;
  display: block;
}

#recommend .box {
  float: left;
  width: 185px;
  margin: 0 10px 10px 0;
  border: #d4d4d4 1px solid;
  padding: 20px 0 0px;
}

#recommend .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px;
}

#recommend .img_box img {
  max-width: 140px;
  max-height: 140px;
}

#recommend .text {
  width: 140px;
  margin: 0 auto;
}

#recommend .cart_button {
  margin-bottom: 10px;
}

#recommend .appeal {
  color: #F60;
  font-size: 70%;
}

#recommend h3 {
  margin: 0px 0px 10px;
  font-size: 90%;
  font-weight: normal;
  line-height: 140%;
  min-height: 60px;
}

#recommend .price {
  margin: 0px 0px 20px;
  font-size: 80%;
  color: #C00;
  text-align: right;
}

/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking {
  margin-bottom: 20px;
  width: 100%;
}

#ranking ul {
  margin-top: 10px;
}

#ranking ul:after {
  content: "";
  clear: both;
  display: block;
}

#ranking .box {
  float: left;
  width: 185px;
  margin: 0 10px 10px 0;
  border: #d4d4d4 1px solid;
  padding: 20px 0 0px;
}

#ranking h3 {
  width: 45px;
  height: 20px;
  text-indent: -9999px;
  margin: 0 0 5px;
}

#ranking #ranking_no1 h3 {
  background: url("../images/ranking_no01.gif") 0px 5px no-repeat;
}

#ranking #ranking_no2 h3 {
  background: url("../images/ranking_no02.gif") 0px 5px no-repeat;
}

#ranking #ranking_no3 h3 {
  background: url("../images/ranking_no03.gif") 0px 5px no-repeat;
}

#ranking #ranking_no4 h3 {
  background: url("../images/ranking_no04.gif") 0px 5px no-repeat;
}

#ranking #ranking_no5 h3 {
  background: url("../images/ranking_no05.gif") 0px 5px no-repeat;
}

#ranking #ranking_no6 h3 {
  background: url("../images/ranking_no06.gif") 0px 5px no-repeat;
}

#ranking #ranking_no7 h3 {
  background: url("../images/ranking_no07.gif") 0px 5px no-repeat;
}

#ranking #ranking_no8 h3 {
  background: url("../images/ranking_no08.gif") 0px 5px no-repeat;
}

#ranking #ranking_no9 h3 {
  background: url("../images/ranking_no09.gif") 0px 5px no-repeat;
}

#ranking #ranking_no10 h3 {
  background: url("../images/ranking_no10.gif") 0px 5px no-repeat;
}

#ranking h4 {
  margin: 0px 0px 10px;
  font-size: 90%;
  font-weight: normal;
  line-height: 140%;
  min-height: 60px;
}

#ranking .price {
  margin: 0px 0px 20px;
  font-size: 80%;
  color: #C00;
  text-align: right;
}

#ranking .text {
  width: 140px;
  margin: 0 auto;
}

#ranking .cart_button {
  margin-bottom: 10px;
}

#ranking .appeal {
  color: #F60;
  font-size: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#ranking .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px;
  text-align: center;
  position: relative;
}

#ranking .img_box img {
  width: auto;
  max-width: 140px;
  max-height: 140px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* free ranking access - アクセスランキング
-------------------------------------------------------------*/
#access {
  margin-bottom: 20px;
  width: 100%;
}

#access ul {
  margin-top: 10px;
}

#access ul:after {
  content: "";
  clear: both;
  display: block;
}

#access .box {
  float: left;
  width: 185px;
  margin: 0 10px 10px 0;
  border: #d4d4d4 1px solid;
  padding: 20px 0 0px;
}

#access h3 {
  width: 45px;
  height: 20px;
  text-indent: -9999px;
  margin: 0 0 5px;
}

#access #ranking_no1 h3 {
  background: url("../images/ranking_no01.gif") 0px 5px no-repeat;
}

#access #ranking_no2 h3 {
  background: url("../images/ranking_no02.gif") 0px 5px no-repeat;
}

#access #ranking_no3 h3 {
  background: url("../images/ranking_no03.gif") 0px 5px no-repeat;
}

#access #ranking_no4 h3 {
  background: url("../images/ranking_no04.gif") 0px 5px no-repeat;
}

#access #ranking_no5 h3 {
  background: url("../images/ranking_no05.gif") 0px 5px no-repeat;
}

#access #ranking_no6 h3 {
  background: url("../images/ranking_no06.gif") 0px 5px no-repeat;
}

#access #ranking_no7 h3 {
  background: url("../images/ranking_no07.gif") 0px 5px no-repeat;
}

#access #ranking_no8 h3 {
  background: url("../images/ranking_no08.gif") 0px 5px no-repeat;
}

#access #ranking_no9 h3 {
  background: url("../images/ranking_no09.gif") 0px 5px no-repeat;
}

#access #ranking_no10 h3 {
  background: url("../images/ranking_no10.gif") 0px 5px no-repeat;
}

#access h4 {
  margin: 0px 0px 10px;
  font-size: 90%;
  font-weight: normal;
  line-height: 140%;
  min-height: 60px;
}

#access .price {
  margin: 0px 0px 20px;
  font-size: 80%;
  color: #C00;
  text-align: right;
}

#access .text {
  width: 140px;
  margin: 0 auto;
}

#access .cart_button {
  margin-bottom: 10px;
}

#access .appeal {
  color: #F60;
  font-size: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#access .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px;
  text-align: center;
  position: relative;
}

#access .img_box img {
  width: auto;
  max-width: 140px;
  max-height: 140px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
#itemAccessLog {
  margin-bottom: 20px;
  clear: both;
}

#itemAccessLog .box {
  margin-top: 10px;
  border: #CCC 1px solid;
}

#itemAccessLog .box:hover {
  border: #8CC329 1px solid;
}

#itemAccessLog .box:after {
  content: "";
  clear: both;
  display: block;
}

#itemAccessLog .text {
  margin-left: 140px;
}

#itemAccessLog h3 {
  display: block;
  margin: 10px 10px 0 0;
  font-size: 95%;
}

#itemAccessLog .link {
  float: right;
  font-size: 13px;
  padding-top: 10px;
}

#itemAccessLog .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%;
}

#itemAccessLog .price {
  display: block;
  margin: 0;
  color: #C00;
}

#itemAccessLog .price .teika {
  font-weight: bold;
  font-size: 110%;
}

#itemAccessLog .price .other {
  font-size: 90%;
}

#itemAccessLog .explanation1 {
  display: block;
  margin: 5px 10px 0 0;
  padding: 5px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%;
}

#itemAccessLog .button_area {
  margin: 0px 10px 20px 0px;
  padding-top: 20px;
  border-top: #CCC 1px solid;
  text-align: right;
}

#itemAccessLog .button_area:after {
  content: "";
  clear: both;
  display: block;
}

#itemAccessLog .button_area .button {
  width: auto;
  display: inline-block;
}

#itemAccessLog .property {
  display: inline;
  margin: 0;
  color: #AAA;
  font-size: 75%;
}

#itemAccessLog .img_box {
  width: 120px;
  height: 120px;
  margin: 10px;
  float: left;
}

#itemAccessLog .img_box img {
  max-width: 120px;
  max-height: 120px;
}

/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml,
　　　　　　　member_estimate_order_input.xhtml, member_estimate_order_result.xhtml,
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar {
  width: 210px;
  float: right;
}

#cartSidebar #sideInner {
  width: 210px;
}

#cartSidebar .total_box {
  border: #CCC 1px solid;
  padding: 10px;
  background: #F6F6F6;
}

#cartSidebar .total_box .box {
  border: none;
  margin-bottom: 10px;
}

#cartSidebar .total_box .box:after {
  content: "";
  clear: both;
  display: block;
}

#cartSidebar .total_box h3 {
  margin: 0;
  background: none;
  padding: 0px;
  border: 0px;
  font-size: 14px;
  float: left;
}

#cartSidebar .total_box p.price {
  font-size: 14px;
  float: right;
  margin: 0px;
  font-weight: bold;
}

#cartSidebar .total_box img {
  margin: 0px auto 10px;
  display: block;
}

#cartSidebar .total_box .totalpricebox {
  border: none;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px #CCCCCC solid;
}

#cartSidebar .total_box .totalpricebox:after {
  content: "";
  clear: both;
  display: block;
}

#cartSidebar .total_box .teiki_text {
  margin: 0;
  font-size: 12px;
}

#cartSidebar .cartButtonArea a {
  display: block;
  margin: 0 auto 10px;
  min-width: 180px;
  max-width: 180px;
}

#cartSidebar .cartButtonArea img {
  display: block;
}

#cartSidebar .cartButtonArea input {
  display: block;
  margin: 0 auto 10px;
  min-width: 180px;
  max-width: 180px;
}

#cartSidebar .tax {
  font-size: 9px;
  color: #666;
}

#cartSidebar .amazon_highlight_area {
  margin-bottom: 10px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#cartSidebar .amazon_highlight_area p {
  font-size: 10px;
}

#cartSidebar #AmazonPayButton img {
  max-width: 180px !important;
  max-height: 100% !important;
  width: 100% !important;
  height: auto !important;
}

#cartSidebar #AmazonPayV2Button {
  max-width: 180px;
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex {
  width: 1110px;
  padding-bottom: 20px;
  margin: 0 auto;
}

#cartIndex .empty {
  margin: 20px 0;
}

#cartIndex .price {
  color: #C00;
  text-align: right;
}

#cartIndex .tax {
  font-size: 9px;
  color: #666;
}

#cartIndex .amount {
  text-align: center;
}

#cartIndex .delete .button {
  width: 50px;
}

#cartIndex .total {
  margin: 0px 0 30px;
  padding: 0px 0 5px;
  font-weight: bold;
  text-align: right;
  border-bottom: #CCC 1px solid;
  width: 750px;
}

#cartIndex .total p {
  margin: 0px;
  font-size: 90%;
}

#cartIndex h3 {
  margin-bottom: 15px;
  padding: 1px 20px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 7px 7px no-repeat #EEE;
  font-size: 85%;
}

#cartIndex .box {
  border: 1px solid #CCC;
  margin-bottom: 30px;
  clear: both;
}

#cartIndex .box .buttonarea.amazon_btn {
  margin: 10px;
  padding: 10px 0 0;
  text-align: center;
}

#cartIndex .box .buttonarea.amazon_btn .button.medium {
  max-width: 270px;
  width: 270px;
}

#cartIndex .box #AmazonPayButton {
  min-height: 80px;
}

#cartIndex .box #AmazonPayV2Button {
  max-width: 230px;
  min-width: 200px;
  margin: 0 auto;
}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin:after {
  content: "";
  clear: both;
  display: block;
}

#cartLogin table {
  margin: 0 auto 20px auto;
  width: 428px;
}

#cartLogin h3 {
  margin-bottom: 15px;
  padding: 1px 20px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 7px 7px no-repeat #EEE;
  font-size: 85%;
}

#cartLogin .box {
  border: 1px solid #CCC;
  width: 468px;
  float: left;
  margin: 0 10px 30px;
  position: relative;
}

#cartLogin .box .buttonarea {
  width: 100%;
  margin: 20px 0;
  padding: 0;
}

#cartLogin .box table {
  margin: 10px;
  width: 446px;
}

#cartLogin .box .link_text {
  text-align: right;
  padding: 15px 0 10px;
}

#cartLogin .box .regist_non_area {
  width: 442px;
  margin: 0 auto;
}

#cartLogin .box .regist_non_area p {
  margin: 0 0 10px;
}

#cartLogin .box .amazon_area {
  width: 442px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
}

#cartLogin .box .amazon_area p {
  margin: 10px 0;
}

#cartLogin .box #AmazonPayButton {
  min-height: 80px;
}

#cartLogin .box #AmazonPayV2Button {
  max-width: 230px;
  min-width: 200px;
  margin: 0 auto;
}

#cartLogin .widebox {
  border: 1px solid #CCC;

  width: 960px;
  margin: 0 10px 30px;
  clear: both;
}

#cartLogin .widebox .link {
  text-align: right;
}

#cartLogin .widebox table {
  width: 920px;
}

#cartLogin input[type=text], #cartLogin input[type=password] {
  width: 200px;
}

#cartLogin .social_provider ul {
  margin: 10px 19px 20px;
}

#cartLogin .social_provider ul:after {
  content: "";
  clear: both;
  display: block;
}

#cartLogin .social_provider ul li {
  width: 220px;
  height: 44px;
  font-size: 14px;
  display: block;
  float: left;
  margin: 10px 5px;
}

#cartLogin .social_provider ul li a {
  display: block;
  text-decoration: none;
}

#cartLogin .social_provider ul li a span {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 53px;
  display: block;
  background: #FFF;
  line-height: 1;
  font-size: 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

#cartLogin .social_provider li.yahoo a {
  background: url("../images/social_yahoo.png") no-repeat;
  color: #e71017;
}

#cartLogin .social_provider li.facebook a {
  background: url("../images/social_facebook.png") no-repeat;
  color: #3b5998;
}

#cartLogin .social_provider li.twitter a {
  background: url("../images/social_twitter.png") no-repeat;
  color: #55acee;
}

#cartLogin .social_provider li.google a {
  background: url("../images/social_google.png") no-repeat;
  color: #dc4e41;
}

#cartLogin .social_provider li.mixi a {
  background: url("../images/social_mixi.png") no-repeat;
  color: #d1ad59;
}

#cartLogin .social_provider li.line a {
  background: url("../images/social_line.png") no-repeat;
  color: #00b300;
}

#cartLogin .social_provider li.paypal a {
  background: url("../images/social_paypal.png") no-repeat;
  color: #293e7f;
}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow {
  width: 1110px;
  padding-bottom: 20px;
  margin: 0 auto;
}

#cartFlow:after {
  content: "";
  clear: both;
  display: block;
}

#cartFlow .content {
  width: 1110px;
  float: left;
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  #cartFlow .content {
    width: 100%;
  }
}

#cartFlow td input {
  vertical-align: baseline;
  margin-bottom: 10px;
}

#cartFlow table.newCreditCard {
  width: 547px;
  font-size: 100%;
  margin: 10px auto;
}

#cartFlow .point_info {
  margin-bottom: 20px;
}

#cartFlow .teiki ul {
  margin: 5px 10px;
}

#cartFlow .teiki ul:after {
  content: "";
  clear: both;
  display: block;
}

#cartFlow .teiki ul li {
  float: left;
  font-size: 13px;
  margin-right: 1em;
}

#cartFlow table {
  width: 1110px;
  margin: 0px 0 20px;
}

#cartFlow table.change_data {
  margin-top: -21px;
}

#cartFlow table.member_regist {
  margin-top: -21px;
}

#cartFlow table td.short input {
  width: 259px;
  display: block;
  border-radius: 5px;
}
#cartFlow table td.short input + span {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
  display: block;
}

#cartFlow .teiki_item {
  margin-left: 0;
}

#cartFlow table.teiki_table {
  margin: 10px 0;
}

#cartFlow table.teiki_table th {
  width: 150px;
  background-color: #fff;
  text-align: center;
}

#cartFlow table.teiki_table td {
  text-align: right;
  padding: 10px 30px;
}

#cartFlow table.teiki_table td.count {
  text-align: center;
}

#cartFlow .teiki_comment, #cartFlow .cancel_comment {
  margin: 0 0 30px;
}

#cartFlow .teiki_comment p, #cartFlow .cancel_comment p {
  margin: 5px 0;
}

#cartFlow .teiki_comemnt .num, #cartFlow .teiki_item .num {
  padding-left: 10px;
}

#cartFlow .text_box {
  padding-left: 90px;
}

#cartFlow .text_box p {
  margin: 0 0 10px;
  font-size: 100%;
}

#cartFlow .text_box p.code {
  font-size: 80%;
}

#cartFlow .text_box p.last {
  margin-bottom: 0px;
}

#cartFlow h3 {
  display: block;
  font-size: 110%;
  margin: 30px 0px 10px;
  padding-bottom: 5px;
}

#cartFlow h3 img {
  vertical-align: middle;
}

#cartFlow h3 .lock {
  position: relative;
  top: -3px;
}

#cartFlow .price {
  color: #C00;
  text-align: right;
}

#cartFlow .total {
  margin: 0px 0 30px;
  padding: 0px 0 5px;
  font-weight: bold;
  text-align: right;
  border-bottom: #CCC 1px solid;
  width: 700px;
}

#cartFlow .total p {
  margin: 0px;
  font-size: 90%;
}

#cartFlow .point {
  color: #F60;
  font-weight: bold;
}

#cartFlow .attention {
  color: #C00;
  font-weight: bold;
  font-size: 110%;
}

#cartFlow .attention_message {
  color: #C00;
  font-weight: bold;
}

#cartFlow .sendCopyButton {
  margin-bottom: 10px;
}

#cartFlow .sendCopyButton:after {
  content: "";
  clear: both;
  display: block;
}

#cartFlow .sendCopyButton .button {
  width: auto;
  display: inline-block;
}

#cartFlow .multi_send .buttonarea {
  background: #EEE;
  margin: 0px 0 20px;
  padding: 30px 0;
}

#cartFlow .multi_send table.delivery {
  margin-top: -21px;
}

#cartFlow .multi_send .sendAddressButton a {
  width: auto;
  display: inline-block;
  margin-bottom: 10px;
}

#cartFlow .noshi_setting {
  line-height: 1;
  font-size: 12px;
  padding: 6px 6px;
  background: #d2d2d2;
  margin-left: 10px;
  font-weight: bold;
}

#cartFlow .gift_title {
  display: inline-block;
  width: 130px;
}

#cartFlow .gift div.amount {
  display: inline-block;
  margin: 5px 15px 10px 0;
}

#cartFlow .gift .item_icon {
  font-size: 11px;
}

#cartFlow .message_card {
  display: inline-block;
  vertical-align: top;
}

#cartFlow .loop_item {
  border-bottom: 1px #ccc solid;
}

#cartFlow .gift a.button {
  margin-left: 10px;
}

#cartFlow .gift .noshi {
  margin-bottom: 10px;
}

#cartFlow .gift .noshi + .gift_box {
  border-top: 1px #ccc solid;
  margin: 10px 0 10px;
  padding-left: 15px;
}

#cartFlow .gift .message + .gift_box {
  border-top: 1px #ccc solid;
  margin: 10px 0 10px;
  padding-left: 15px;
}

#cartFlow .gift_box:not(:first-child) {
  border-top: 1px solid #ccc;
  margin: 0 0 10px 15px;
  padding-top: 10px;
}

#cartFlow .gift_box:first-child {
  padding-left: 15px;
}

#cartFlow .gift_box:last-child {
  margin-bottom: 0;
}

#cartFlow .gift_item {
  font-weight: bold;
}

#cartFlow .gift_box .img_box {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 5px;
  text-align: center;
  position: relative;
}

#cartFlow .gift_box .img_box img {
  width: auto;
  max-width: 40px;
  max-height: 40px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#cartFlow #reCAPTCHA {
  margin: 20px auto 40px auto;
}

#cartFlow #reCAPTCHA iframe {
  width: 158px;
  height: 138px;
}

#cartFlow #reCAPTCHA .g-recaptcha {
  display: block;
  -webkit-transform: scale(1.19);
  transform: scale(1.19);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

#cartFlow .cartitem {
  margin-top: 20px;
  width: 210px;
  padding: 10px;
  border: #CCC 1px solid;
}

#cartFlow .cartitem h3 {
  margin: 0 0 10px;
  padding: 0px;
  border: none;
  background: none;
}

#cartFlow .cartitem li {
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #CCC;
}

#cartFlow .cartitem .img_box {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 5px;
  text-align: center;
  position: relative;
}

#cartFlow .cartitem .img_box img {
  width: auto;
  max-width: 25px;
  max-height: 25px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#cartFlow .cartitem .text_box {
  padding-left: 0px;
  margin-bottom: 5px;
}

#cartFlow .cartitem .text_box:after {
  content: "";
  clear: both;
  display: block;
}

#cartFlow .cartitem .text_box p {
  margin: 0px;
  font-size: 70%;
  line-height: 130%;
}

#cartFlow .cartitem p.price {
  font-size: 70%;
  margin: 0px;
  float: left;
}

#cartFlow .cartitem p.amount {
  font-size: 70%;
  margin: 0px;
  float: right;
}

#cartFlow .cartresult table {
  width: 920px;
  margin: 0 auto 20px;
}

#cartFlow .cartresult .total {
  width: 920px;
  margin: 0 10px 30px;
}

#cartFlow .cartconfirm table {
  width: 920px;
  margin: 0 auto 20px;
}

#cartFlow .cartconfirm .total {
  width: 920px;
  margin: 0 10px 30px;
}

#cartFlow .error {
  clear: both;
  margin: 5px 10px;
  color: #C00;
  font-weight: bold;
  text-align: center;
  font-size: 80%;
}

#cartFlow .card-supplement {
  font-size: 12px;
  color: #368bc6;
  font-weight: bold;
}

/* cartNoshiInput - のし入力画面
-------------------------------------------------------------*/
#cartFlow #noshiInput h3 {
  background: #F6F6F6;
  padding: 10px 0;
  margin-bottom: 30px;
}

#cartFlow #noshiInput h3 span {
  border-left: 5px solid #000;
  padding: 5px;
  margin-left: 10px;
}

#cartFlow #noshiInput select {
  width: 300px;
}

#cartFlow #noshiInput td input {
  width: 300px;
}

#cartFlow #noshiInput div.noshi_img_area {
  box-shadow: 0 0 0 9px #FFF, 0 0 0 10px #ccc;
  -moz-box-shadow: 0 0 0 9px #FFF, 0 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 0 9px #FFF, 0 0 0 10px #ccc;
}

#cartFlow #noshiInput div.noshi_img > div {
  display: inline-block;
  width: 240px;
  border: 1px #ccc solid;
}

#cartFlow #noshiInput div.noshi_img div > div {
  margin-left: 10px;
}

#cartFlow #noshiInput div.noshi_img label {
  font-size: 90%;
}

#cartFlow #noshiInput div.img_box img {
  max-width: 220px;
  max-height: 220px;
  border: 1px #ccc solid;
}

#cartFlow #noshiInput div.img_box {
  width: 220px;
  height: 220px;
  margin: 10px;
}

#cartFlow #noshiInput div.noshi_img > div:not(:first-child) {
  margin-left: 10px;
}

#cartFlow #messageCartInput h3 {
  background: #F6F6F6;
  padding: 10px 0;
}

#cartFlow #messageCartInput h3 span {
  border-left: 5px solid #000;
  padding: 5px;
  margin-left: 10px;
}

#cartFlow #messageCartInput .box {
  width: 375px;
  height: 300px;
  float: left;
  margin: 15px 0 55px;
}

#cartFlow #messageCartInput .message.box {
  padding: 50px 0 0 5px;
}

#cartFlow #messageCartInput .message.box p {
  margin-bottom: 10px;
}

#cartFlow #messageCartInput .message input {
  width: 80%;
}

#cartFlow #messageCartInput .box select {
  width: 90%;
}

#cartFlow #messageCartInput .box::after {
  content: "";
  clear: both;
  display: block;
}

#cartFlow #messageCartInput div.img_box {
  width: 100%;
  height: 230px;
  margin: 25px 0;
  border: 1px #ccc solid;
}

#cartFlow #messageCartInput div.img_box img {
  max-width: 375px;
  max-height: 230px;
}

/* estiamteOrderInput -　見積詳細・注文情報入力
-------------------------------------------------------------*/
#cartFlow #estiamteOrderInput .content h3:first-child {
  margin-top: 0;
}

#cartFlow #estiamteOrderInput .estimate.button {
  margin: 10px 0;
}

#cartFlow #estiamteOrderInput .content .img_box {
  width: 80px;
  height: 80px;
  float: left;
}

#cartFlow #estiamteOrderInput .content .img_box img {
  max-width: 80px;
  max-height: 80px;
}

/* クーポンラジオボタン制御に仕様 */
.couponHide {
  display: none;
}

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number {
  margin: 30px 0px;
  text-align: center;
  line-height: 200%;
}

#cartResult .number strong {
  font-size: 20px;
}

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend {
  margin-top: 20px;
  width: 210px;
  padding: 10px;
  border: #CCC 1px solid;
}

#cartRecommend .box {
  margin: 0px 0 40px;
  border: 0px;
}

#cartRecommend .box:after {
  content: "";
  clear: both;
  display: block;
}

#cartRecommend .text {
  margin-left: 70px;
  min-height: 60px;
}

#cartRecommend h3 {
  margin-bottom: 10px;
  height: auto;
  background: none;
  padding: 0px;
  border-bottom: none;
}

#cartRecommend h3 a {
  float: right;
}

#cartRecommend h4 {
  display: block;
  margin: 0px 0px 10px;
  background: none;
  padding: 0px;
  font-size: 70%;
  border-bottom: none;
}

#cartRecommend .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%;
}

#cartRecommend .price {
  display: block;
  margin: 0;
  color: #C00;
}

#cartRecommend .price .teika {
  font-weight: bold;
  font-size: 100%;
}

#cartRecommend .price .other {
  font-size: 90%;
}

#cartRecommend .explanation1 {
  display: block;
  margin: 5px 0px 0 0;
  padding: 10px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%;
}

#cartRecommend .buttonarea {
  display: block;
  margin: 0px;
  padding-top: 10px;
  text-align: left;
}

#cartRecommend .buttonarea .button {
  display: block;
  margin: 0 0 10px;
}

#cartRecommend .property {
  margin: 0 0 10px;
  color: #AAA;
  font-size: 75%;
}

#cartRecommend .img_box {
  width: 60px;
  height: 60px;
  text-align: center;
  position: relative;
  float: left;
}

#cartRecommend .img_box img {
  width: auto;
  max-width: 60px;
  max-height: 60px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* クロネコ代金後払いスマホタイプ
-------------------------------------------------------------*/
#cartFlow .yamato_atobarai_auth_code {
  text-align: center;
}

#cartFlow .yamato_atobarai_auth_code input[type=text] {
  width: 50px;
  height: 50px;
  font-size: 18px;
  text-align: center;
}

#cartFlow .yamato_atobarai_auth_code input[type=text] + input[type=text] {
  margin-left: 10px;
}

/* presentFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#presentFlow #cartLogin table {
  width: 446px !important;
}

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3 {
  margin: 5px;
  padding-left: 8px;
  border-left: 6px solid #373737;
  font-size: 110%;
}

#teikiIndex h4 {
  display: block;
  margin: 30px 0px 20px;
  padding-left: 15px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 2px 8px no-repeat;
  font-size: 100%;
}

#teikiIndex .box {
  margin: 10px;
  padding: 10px;
  border: 1px solid #CCC;
  background: #FFF;
}

#teikiIndex .head {
  padding: 5px;
  background: #F1F1F1;
}

#teikiIndex .headDetail {
  padding-left: 15px;
  background: url("../images/marker_on.gif") 0 5px no-repeat;
}

#teikiIndex .head_renew .button {
  display: inline-block;
  width: auto;
  margin-bottom: 10px;
}

#teikiIndex .price {
  color: #C00;
  text-align: right;
}

#teikiIndex table {
  width: 728px;
  margin: 10px 0px 30px;
}

#teikiIndex table:last-child {
  margin-bottom: 0px;
}

#teikiIndex th {
  padding: 5px 10px;
}

#teikiIndex td {
  text-align: center;
}

#teikiIndex td.month {
  background: #F9F9F9;
  font-weight: bold;
  color: #960;
}

#teikiIndex .status {
  float: right;
  margin-right: 20px;
}

#teikiIndex .cancel_oder {
  text-align: right;
}

#teikiIndex .cancel_oder .button {
  display: inline-block;
  width: auto;
}

#teikiIndex .cancel_oder form {
  height: 20px;
}

#teikiIndex .pageguide {
  float: left;
  width: 500px;
  font-size: 85%;
}

#teikiIndex .pagelink {
  clear: both;
  font-size: 85%;
  margin-bottom: 40px;
}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3 {
  margin: 5px;
  padding-left: 8px;
  border-left: 6px solid #373737;
  font-size: 110%;
}

#teikiDetail h4 {
  display: block;
  margin: 30px 0px 20px;
  padding-left: 15px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 2px 8px no-repeat;
  font-size: 100%;
}

#teikiDetail h5 {
  margin: 20px 0px 0;
  font-size: 16px;
}

#teikiDetail .box {
  margin: 10px;
  padding: 10px;
  border: 1px solid #CCC;
  background: #FFF;
}

#teikiDetail .head {
  padding: 5px;
  background: #F1F1F1;
}

#teikiDetail .headDetail {
  margin-right: 20px;
  padding-left: 5px;
  border-left: 12px groove #333;
}

#teikiDetail .price {
  color: #C00;
}

#teikiDetail table {
  width: 728px;
  margin: 10px 0px 30px;
}

#teikiDetail table:last-child {
  margin-bottom: 0px;
}

#teikiDetail td.month {
  background: #F9F9F9;
  font-weight: bold;
  color: #960;
}

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer {
  clear: both;
  width: 100%;
  margin-bottom: 70px;
}

/* backtotop */
#topBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: block;
}

#topBtn a {
  width: 54px;
  height: 54px;
  display: block;
}

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/
/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html {
  margin-bottom: 20px;
}

#category_html img {
  display: block;
  margin-bottom: 10px;
}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory {
  margin-bottom: 20px;
}

#itemListCategory ul {
  display: block;
  width: 768px;
  border: #CCC 1px solid;
  background: #F5F5F5;
}

#itemListCategory ul:after {
  content: "";
  clear: both;
  display: block;
}

#itemListCategory li {
  display: inline;
  float: left;
}

#itemListCategory .select {
  background: url("../images/marker_on.gif") 7px 10px no-repeat #C00;
  color: #FFF;
  text-decoration: none;
}

#itemListCategory li a {
  display: block;
  padding: 5px;
  background: url("../images/marker.gif") 7px 10px no-repeat;
  color: #333;
  font-size: 80%;
  text-decoration: none;
  text-indent: 15px;
  white-space: nowrap;
}

#itemListCategory li a:link {
  display: block;
}

#itemListCategory li a:hover {
  background: url("../images/marker.gif") 7px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: underline;
}

#itemListCategory #sub ul {
  display: block;
  width: 768px;
  border: #CCC 1px solid;
  border-top: none;
  background: #FFF;
}

#itemListCategory #sub ul:after {
  content: "";
  clear: both;
  display: block;
}

#itemListCategory #sub li {
  display: inline;
  float: left;
}

#itemListCategory #sub .select {
  background: url("../images/marker_on.gif") 7px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: none;
}

#itemListCategory #sub li a {
  display: block;
  padding: 5px;
  background: url("../images/marker.gif") 7px 10px no-repeat;
  color: #333;
  font-size: 80%;
  text-decoration: none;
  text-indent: 15px;
}

#itemListCategory #sub li a:link {
  display: block;
}

#itemListCategory #sub li a:hover {
  background: url("../images/marker.gif") 7px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: underline;
}

/* narrowListCategory - 絞り込みカテゴリ
-------------------------------------------------------------*/
/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list {
  padding-bottom: 20px;
}

#list ul {
  margin-bottom: 20px;
  background: url("../images/list_bg.gif") bottom repeat-x;
}

#list ul:after {
  content: "";
  clear: both;
  display: block;
}

#list li {
  float: left;
}

#list li a {
  display: block;
  margin-right: 5px;
  padding: 5px 10px 5px 25px;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #CCC;
  font-size: 80%;
  color: #333;
}

#list .detail {
  background: url("../images/icon_list_detail.png") 7px 7px no-repeat #DDD;
}

#list .image {
  background: url("../images/icon_list_image.png") 7px 7px no-repeat #DDD;
}

#list .simple {
  background: url("../images/icon_list_simple.png") 7px 7px no-repeat #DDD;
}

#list .detail.select {
  border: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  background-color: #FFFFFF;
  color: #333;
  text-decoration: none;
}

#list .image.select {
  border: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  background-color: #FFFFFF;
  color: #333;
  text-decoration: none;
}

#list .simple.select {
  border: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  background-color: #FFFFFF;
  color: #333;
  text-decoration: none;
}

#list .pageguide {
  float: left;
  width: 570px;
  font-size: 85%;
  padding-top: 4px;
}

#list .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right;
}

#list .rearrange select {
  margin-left: 10px;
}

#list .pagelink {
  clear: both;
  font-size: 85%;
  padding: 10px 0;
}

#list .nolink {
  color: #999;
}

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail {
  margin-bottom: 20px;
  clear: both;
}

#itemListDetail .box:after {
  content: "";
  clear: both;
  display: block;
}

#itemListDetail .sale_date {
  margin: 0px 10px 10px 0px;
}

#itemListDetail h3 {
  display: block;
  margin: 0px 10px 10px 0;
  font-size: 95%;
}

#itemListDetail .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%;
}

#itemListDetail .price {
  display: block;
  margin: 0 10px 10px 0;
  color: #C00;
}

#itemListDetail .price .teika {
  font-weight: bold;
  font-size: 110%;
}

#itemListDetail .price .other {
  font-size: 90%;
}

#itemListDetail .explanation1 {
  display: block;
  margin: 10px 10px 0px 0px;
  padding: 10px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%;
}

#itemListDetail .button_area {
  margin: 0px 10px 20px 0px;
  padding-top: 20px;
  border-top: #CCC 1px solid;
  text-align: right;
}

#itemListDetail .button_area:after {
  content: "";
  clear: both;
  display: block;
}

#itemListDetail .button_area .button {
  float: right;
  width: auto;
  margin-left: 10px;
}

#itemListDetail .property {
  float: right;
  margin: 0;
  color: #AAA;
  font-size: 75%;
  padding: 3px;
}

#itemListDetail .separately_order {
  margin-left: 0px;
}

/* itemListDetail - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListDetail .wishlistSubmitButton {
  position: relative;
}

#itemListDetail .wishlistSubmitButton .wishlistMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListDetail .wishlistSubmitButton .wishlistMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListDetail .wishlistSubmitButton .wishlistMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListDetail .wishlistSubmitButton .wishlistMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListDetail .wishlistSubmitButton .wishlistMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListDetail .wishlistSubmitButton .wishlistMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

#itemListDetail .wishlistSubmitButton .wishlistDelMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListDetail .wishlistSubmitButton .wishlistDelMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListDetail .wishlistSubmitButton .wishlistDelMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListDetail .wishlistSubmitButton .wishlistDelMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListDetail .wishlistSubmitButton .wishlistDelMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListDetail .wishlistSubmitButton .wishlistDelMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemListDetail - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListDetail .cartSubmitButton {
  position: relative;
}

#itemListDetail .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListDetail .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListDetail .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListDetail .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListDetail .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemL#itemListDetailistImage .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#itemListDetail .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple {
  margin-bottom: 20px;
}

#itemListSimple h3 {
  display: block;
  margin: 10px;
  font-size: 95%;
}

#itemListSimple .price {
  display: block;
  margin: 0 0 0 10px;
  color: #C00;
}

#itemListSimple .price .teika {
  font-weight: bold;
  font-size: 110%;
}

#itemListSimple .price .other {
  font-size: 90%;
}

#itemListSimple .explanation1 {
  display: block;
  margin: 5px 10px 0;
  padding: 10px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%;
}

#itemListSimple .button_area {
  margin: 0px 10px 20px;
  padding-top: 20px;
  border-top: #CCC 1px solid;
  text-align: right;
}

#itemListSimple .button_area:after {
  content: "";
  clear: both;
  display: block;
}

#itemListSimple .button_area .button {
  float: right;
  width: auto;
  margin-left: 10px;
}

#itemListSimple .button_area .not_click {
  float: right;
  width: auto;
  margin-left: 10px;
}

#itemListSimple .property {
  float: right;
  margin: 0;
  color: #AAA;
  font-size: 75%;
  padding: 3px;
}

/* itemListSimple - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListSimple .cartSubmitButton {
  position: relative;
}

#itemListSimple .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListSimple .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListSimple .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListSimple .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListSimple .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListSimple .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#itemListSimple .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemListSimple - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListSimple .wishlistSubmitButton {
  position: relative;
  margin-top: 10px;
}

#itemListSimple .wishlistSubmitButton .wishlistinserttag,#itemListSimple .wishlistSubmitButton .wishlistdeletetag{
  position: relative;
  z-index: 2;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 25px 15px 15px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  border-radius: 5px;
  width: 300px;
  z-index: 10;
  display: none;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage .title {
  text-align: center;
  font-size: 100%;
  color: #000;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage .link {
  border-radius: 25px;
  background-color: #333333;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 12px 15px;
  margin: 25px 20px;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage .link a{
  color: #fff;
}

#itemListSimple .wishlistSubmitButton .wishlistMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

#itemListSimple .wishlistSubmitButton .wishlistDelMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 25px 15px 15px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  border-radius: 5px;
  width: 300px;
  z-index: 10;
  display: none;
}

#itemListSimple .wishlistSubmitButton .wishlistDelMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListSimple .wishlistSubmitButton .wishlistDelMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListSimple .wishlistSubmitButton .wishlistDelMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListSimple .wishlistSubmitButton .wishlistDelMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListSimple .wishlistSubmitButton .wishlistDelMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage {
  margin-bottom: 20px;
}

#itemListImage:after {
  content: "";
  clear: both;
  display: block;
}

#itemListImage .text {
  float: left;
  width: 98px;
  margin-right: 10px;
}

#itemListImage h3 {
  display: block;
  margin: 5px 10px 0 0;
  font-size: 14px;
  line-height: 150%;
}

#itemListImage .icon {
  display: block;
  margin: 10px 7px 0 0;
  line-height: 120%;
}

#itemListImage .button_area {
  display: block;
  clear: both;
  margin: 5px 10px;
  line-height: 100%;
}

#itemListImage .button {
  margin-bottom: 10px;
}

#itemListImage .property {
  margin: 0;
  color: #AAA;
  font-size: 70%;
  margin-bottom: 10px;
}

#itemListImage .img_box {
  width: 120px;
  height: 120px;
  margin: 10px;
  float: left;
  text-align: center;
  position: relative;
}

#itemListImage .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#itemListImage .separately_order {
  font-size: 70%;
}

/* itemListImage - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .cartSubmitButton {
  position: relative;
}

#itemListImage .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListImage .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListImage .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListImage .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListImage .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListImage .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#itemListImage .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemListImage - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .wishlistSubmitButton {
  position: relative;
}

#itemListImage .wishlistSubmitButton .wishlistMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListImage .wishlistSubmitButton .wishlistMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListImage .wishlistSubmitButton .wishlistMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListImage .wishlistSubmitButton .wishlistMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListImage .wishlistSubmitButton .wishlistMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListImage .wishlistSubmitButton .wishlistMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

#itemListImage .wishlistSubmitButton .wishlistDelMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemListImage .wishlistSubmitButton .wishlistDelMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemListImage .wishlistSubmitButton .wishlistDelMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemListImage .wishlistSubmitButton .wishlistDelMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemListImage .wishlistSubmitButton .wishlistDelMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemListImage .wishlistSubmitButton .wishlistDelMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {
  margin-bottom: 20px;
}

#topicsList .box {
  margin-top: 10px;
  padding: 10px;
  border-bottom: #332E2B 1px solid;
}

#topicsList .box:after {
  content: "";
  clear: both;
  display: block;
}

#topicsList .box h3 {
  font-size: 95%;
  display: block;
  margin: 10px 10px 0 0px;
}

#topicsList .box p {
  display: block;
  width: 728px;
  margin: 0;
  padding: 5px 0px;
  font-size: 90%;
  font-weight: normal;
}

#topicsList .img_box {
  width: 120px;
  height: 120px;
  float: right;
  margin: 0 0 10px 10px;
  text-align: center;
  position: relative;
}

#topicsList .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail {
  margin-bottom: 20px;
}

#itemDetail .box {
  margin-top: 10px;
}

#itemDetail .box:after {
  content: "";
  clear: both;
  display: block;
}

/* 商品画像の切り替え */
#itemDetail .item_image_area {
  float: left;
  width: 270px;
}

#itemDetail .item_image_area #targetarea {
  visibility: hidden;
}

#itemDetail .item_image_area #main_box {
  position: relative;
  border: 1px solid #ccc;
}

#itemDetail .item_image_area #main_box:after {
  content: "";
  clear: both;
  display: block;
}

#itemDetail .item_image_area .img_box {
  display: none;
  width: 268px;
  height: 268px;
}

#itemDetail .otherImage {
  clear: both;
  padding: 10px 10px 0 15px;
  font-size: 75%;
}

#itemDetail .recommend {
  clear: both;
  padding: 0 10px 10px 15px;
  font-size: 75%;
}

#itemDetail .property_image_area {
  clear: both;
}

#itemDetail .propertyImg {
  width: 80px;
  float: left;
  margin-right: 15px;
}

#itemDetail .propertyImg .propertyimg_box {
  width: 80px;
  height: 80px;
  text-align: center;
  position: relative;
  margin: 0 10px 0px 0;
}

#itemDetail .propertyImg .propertyimg_box img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#itemDetail .propertyImg p {
  margin: 0;
  text-align: center;
}

#itemDetail p {
  margin: 0 0 10px;
}

#itemDetail .text {
  float: right;
  width: 445px;
}

#itemDetail .appeal {
  display: block;
  margin: 10px 0px 0 0;
  color: #F60;
  font-size: 75%;
}

#itemDetail h3 {
  display: block;
  margin: 10px 0px 5px 0;
  font-size: 105%;
}

#itemDetail .price {
  display: block;
  margin: 0 0px 5px 0;
  font-size: 90%;
  color: #C00;
}

#itemDetail .price .teika {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 110%;
}

#itemDetail .price .other {
  display: block;
  font-size: 90%;
}

#itemDetail .property_sale_price {
  color: #C00;
}

#itemDetail .property_normal_price {
  text-decoration: line-through;
}

#itemDetail .information {
  display: block;
  margin: 0 0px 0 0;
  font-size: 80%;
}

#itemDetail .explanation2 {
  display: block;
  margin: 10px 0px 20px 0;
  padding-top: 10px;
  border-top: #CCC 1px solid;
  font-size: 100%;
  line-height: 150%;
}

#itemDetail .explanation3 {
  display: block;
  margin: 0 0px 20px 0;
  padding: 10px;
  background: #EEE;
  color: #666;
  font-size: 90%;
  line-height: 150%;
}

#itemDetail table {
  width: 480px;
  margin: 0 0 10px;
}

#itemDetail th {
  width: 100px;
  padding: 5px 10px;
  text-align: left;
}

#itemDetail td {
  padding: 5px 10px;
}

#itemDetail .button {
  margin-bottom: 10px;
}

#itemDetail .button.small {
  max-width: 160px;
}

#itemDetail .separately_order {
  margin-bottom: 5px;
}

#itemDetail .propaty_area .button {
  max-width: none;
  width: 100%;
}

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton {
  position: relative;
}

#itemDetail .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemDetail .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemDetail .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemDetail .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemDetail .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemDetail .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#itemDetail .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton {
  position: relative;
}

#itemDetail .wishlistSubmitButton .wishlistMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemDetail .wishlistSubmitButton .wishlistMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemDetail .wishlistSubmitButton .wishlistMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemDetail .wishlistSubmitButton .wishlistMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemDetail .wishlistSubmitButton .wishlistMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

#itemDetail .wishlistSubmitButton .wishlistDelMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemDetail .wishlistSubmitButton .wishlistDelMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemDetail .wishlistSubmitButton .wishlistDelMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemDetail .wishlistSubmitButton .wishlistDelMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemDetail .wishlistSubmitButton .wishlistDelMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemDetail .wishlistSubmitButton .wishlistDelMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
#itemDetail .topics_img h3, #itemDetail .topics_noimg h3 {
  margin: 10px 10px 5px 0px;
  display: block;
  font-size: 105%;
}

#itemDetail .topics_img p, #itemDetail .topics_noimg p {
  font-size: 90%;
  margin: 5px 0px;
}

#itemDetail .topics_img img {
  display: block;
}

#itemDetail .topics_img .img_box {
  width: 140px;
  height: 140px;
  margin: 10px 10px 10px 0;
  text-align: center;
  position: relative;
  float: left;
}

#itemDetail .topics_img .img_box img {
  width: auto;
  max-width: 140px;
  max-height: 140px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#itemDetail .topics_img .topics_text {
  overflow: auto;
}

#itemDetail .topics_img, #itemDetail .topics_noimg {
  padding: 10px;
}

#itemDetail .button:disabled {
  border: none;
  background: #d2d2d2;
  color: #a5a5a5;
}

#itemDetail .red_txt{
  color: #ff0000;
}

#itemDetail .stone_wrapper{
  padding: 52px 41px;
  background-color: #F2F2F2;
  border-radius: 8px;
  margin-top: 30px;
}

#itemDetail .stone_wrapper .putcart{
  height: 60px;
    padding-bottom: 20px;
    overflow: hidden;
    border-radius: 100px;
    margin-bottom: 20px;
    width: 445px;
    margin: 0 auto;
}

#itemDetail .stone_wrapper .putcart .button {
  margin-bottom: 0;
}

#itemDetail .stone_inner{
  margin-bottom: 30px;
}

#itemDetail .stone_input_area{
  display: flex;
  flex-wrap: nowrap;
  gap: 0 20px;
}

#itemDetail .stone_input_area>div{
  display: flex;
  flex-direction: column;
}
#itemDetail .stone_input input{
  width: 80px;
}

#itemDetail .select-wrap.stone_select{
  margin-left: 0;
}
#itemDetail .select-wrap.stone_select select{
  min-width: 220px;
}

#itemDetail .select-wrap.stone_select::before{
    content: "";
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    left: unset;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><defs><style>.cls-1 {fill: %23333;}.cls-2 {fill: none;stroke: %23fff;}</style></defs><g id="Group_6290" data-name="Group 6290" transform="translate(-754 -1613)"><rect id="Rectangle_7515" data-name="Rectangle 7515" class="cls-1" width="36" height="36" rx="4" transform="translate(754 1613)"/><path id="Path_182486" data-name="Path 182486" class="cls-2" d="M-9522-2661l3.863,3.863,3.863-3.863" transform="translate(10290.137 4290.068)"/></g></svg>');
  }
#itemDetail .stone_title{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

/* present_detail.xhtml - プレゼント詳細
-------------------------------------------------------------*/
#itemDetail.present .item_image_area #targetarea {
  visibility: visible;
}

#itemDetail.present .item_image_area .img_box {
  display: block;
  width: 268px;
  height: 268px;
}

/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review {
  margin-bottom: 40px;
}

#review p {
  margin: 0 0px;
}

#review p.item_name {
  font-size: 95%;
  font-weight: bold;
}

#review h3 {
  float: left;
  margin: 0 10px 0 0;
  font-size: 80%;
}

#review .review_box {
  margin-bottom: 20px;
}

#review .box {
  margin: 10px 0 5px;
  padding: 10px;
  border: #CCC 1px solid;
}

#review .box h3 {
  float: none;
  font-size: 90%;
}

#review .box p {
  margin: 0;
}

#review .box p.name {
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px dashed #CCC;
  color: #666;
  font-size: 75%;
}

#review p.goodButton {
  margin-bottom: 5px;
  color: #666;
  font-size: 75%;
}

#review p.goodButton .button {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  width: auto;
}

#review p.goodNumber {
  margin-bottom: 20px;
  color: #666;
  font-size: 75%;
}

#review p.more {
  margin-bottom: 20px;
  font-size: 75%;
  text-align: right;
}

#review .pageguide {
  float: left;
  width: 570px;
  font-size: 85%;
  padding-top: 4px;
}

#review .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right;
}

#review .pagelink {
  clear: both;
  font-size: 85%;
  padding: 10px 0;
}

#review ul.star {
  float: left;
}

#review ul.star li {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
}

#review ul.star li.good {
  background: url("../images/review_good.gif") no-repeat;
}

#review ul.star li.bad {
  background: url("../images/review_bad.gif") no-repeat;
}

#review .contribution {
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  background: #F1F1F1;
}

#review .contribution #error {
  background: #F1F1F1;
}

#review .contribution table {
  margin: 0;
  border: none;
}

#review .contribution th {
  width: 140px;
  padding: 5px 10px;
  border: none;
  background: none;
  font-weight: normal;
  text-align: left;
}

#review .contribution td {
  padding: 5px 10px;
  border: none;
}

#review .contribution h3 {
  float: none;
  margin: 0 0 10px 0;
  padding: 0px;
  font-size: 120%;
}

#review .review-image {
  padding-top: 20px;
}

#review .review-image:after {
  content: "";
  clear: both;
  display: block;
}

#review .review-image .img_box {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  float: left;
}

#review .review-image img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* =================================================================
13.購入履歴・見積履歴
使用ファイル：member_history.xhtml,member_estimate_recode.xhtml
=================================================================*/
#history h3 {
  display: block;
  font-size: 110%;
  margin: 30px 10px 10px;
  padding-bottom: 5px;
}

#history .infoarea {
  display: block;
  margin: 40px 10px 0;
  font-size: 80%;
  font-weight: bold;
}

#history .infoarea:after {
  content: "";
  clear: both;
  display: block;
}

#history .infoarea .status_icon {
  color: #FFFFFF;
  float: left;
  font-weight: normal;
  margin-right: 10px;
}

#history .cancel {
  float: right;
  margin-left: 10px;
}

#history .payment_change {
  float: right;
  margin-left: 10px;
}

#history .infoarea .date {
  clear: both;
  padding-top: 3px;
}

#history .infoarea.estimate {
  position: relative;
}

#history .infoarea.estimate .seikyu_price {
  color: #C00;
  font-size: 16px;
}

#history .infoarea.estimate .estimate_number {
  color: #222;
  padding: 0 0 0 10px;
}

#history .infoarea.estimate .button.estimate {
  width: 137px;
  display: inline-block;
  position: absolute;
  right: 10px;
}

#history .preparing .status_icon {
  background: #336600;
  padding: 3px 5px;
} /* 手配中 */
#history .delivered .status_icon {
  background: #ff9900;
  padding: 3px 5px;
} /* 配送中 */
#history .delivering .status_icon {
  background: #000066;
  padding: 3px 5px;
} /* 配送済 */
#history .canceled .status_icon {
  background: #cc0000;
  padding: 3px 5px;
} /* 取消済 */
#history .yoyaku .status_icon {
  background: #000000;
  padding: 3px 5px;
} /* 予約済 */
#history .teiki_together .status_icon {
  background: #996633;
  padding: 3px 5px;
} /* 定期にまとめて */
#history .price {
  color: #C00;
  text-align: right;
}

#history .cart {
  width: 130px;
  text-align: center;
}

#history .cart .button {
  margin-bottom: 10px;
  width: auto;
  display: inline-block;
}

#history .cart .delivery_slip {
  margin-bottom: 0px;
}

#history .code {
  width: 80px;
}

#history .amount {
  width: 30px;
  text-align: center;
}

#history .estimate_reply {
  line-height: 22px;
}

#history .estimate_reply .title {
  font-weight: bold;
}

#history .property {
  display: block;
  color: #AAA;
  font-size: 90%;
}

#history .img_box {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  float: left;
}

#history .img_box img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#history .pageguide {
  float: left;
  width: 570px;
  font-size: 85%;
  padding-top: 4px;
}

#history .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right;
}

#history .pagelink {
  clear: both;
  font-size: 85%;
  padding: 10px 0;
}

#history .nolink {
  color: #999;
}

#history .reducedTax {
  display: block;
  font-size: 11px;
}

#history .search .buttonarea {
  padding: 20px 0 40px;
}

#history h4.total_price {
  font-size: 105%;
  padding-left: 10px;
  font-weight: bold;
  color: #c00;
  margin-bottom: 20px;
}

#history .webmoney-usage-detail:after {
  content: "";
  display: inline-block;
  background: url("../images/otherpage.png") no-repeat;
  width: 18px;
  height: 12px;
}

#history .message_card {
  display: inline-block;
  vertical-align: top;
}

#history .noshi_amount {
  width: 50px;
}

#history .giftbag_amount {
  width: 80px;
  text-align: center;
}

#history .gift_accordion_container {
  position: relative;
}

#history .gift_accordion_title:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 30%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#history .gift_accordion_title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

#history .gift_accordion_content {
  display: none;
}

#history .gift_accordion_title {
  position: relative;
  cursor: pointer;
}

/*estimateListDetail - 見積履歴
-------------------------------------------------------------*/
#history #estimateListDetail .box {
  margin-bottom: 30px;
}

#history #estimateListDetail .box:first-child {
  margin-top: 15px;
}

#history #estimateListDetail .status_icon {
  color: #333;
  float: none;
  font-weight: bold;
  background: #CCC;
  padding: 5px 5px;
}

#history #estimateListDetail th.total_price {
  width: 120px;
}

/* member_history - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#history .cartSubmitButton {
  position: relative;
}

#history .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#history .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#history .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#history .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#history .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#history .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#history .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */
#subwindow {
  width: 500px;
  margin: auto;
}

#subwindow #header {
  background: none;
}

#subwindow #header h1 a {
  float: none;
}

#subwindow #content h2 {
  margin-bottom: 20px;
  font-weight: normal;
  border-bottom: solid 3px #cccccc;
  position: relative;
}

#subwindow #content h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #373737;
  bottom: -3px;
  width: 20%;
}

#subwindow #content table {
  font-size: 80%;
  line-height: 160%;
  margin: 10px 0px;
  width: 100%;
  border: 1px solid #CCCCCC;
}

#subwindow #content th {
  padding: 10px;
  border: 1px solid #CCC;
  background: #F6F6F6;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}

#subwindow #content th.zaiko {
  width: auto;
  text-align: center;
}

#subwindow #content td {
  padding: 10px;
  border: 1px solid #CCC;
  vertical-align: top;
}

#subwindow #content td.number {
  text-align: right;
}

#subwindow #content .hissu {
  color: #CC0000;
  font-weight: bold;
}

#subwindow #content .close {
  margin: 10px 0;
  font-size: 80%;
  line-height: 150%;
  text-align: right;
}

#subwindow .buttonarea {
  text-align: center;
  margin: 10px;
  padding-top: 40px;
}

#subwindow .buttonarea .button {
  display: inline-block;
  margin: 0 10px;
}

#subwindow #content #products {
  width: 500px;
  position: relative;
}

#subwindow #content #products .slides_container {
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  margin: 10px 0 0 0;
}

#subwindow #content #products .slides_container .ima_box {
  width: 498px;
  height: 498px;
  position: relative;
  text-align: center;
}

#subwindow #content #products .slides_container img {
  width: auto;
  margin: auto;
  max-width: 498px;
  max-height: 498px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

#subwindow #content #products .slides_container a {
  width: 400px;
  height: 400px;
  display: block;
}

#subwindow #content #products .thumbox {
  clear: both;
  margin: 15px 0 0;
  padding: 0;
}

#subwindow #content #products .thumbox:after {
  content: "";
  clear: both;
  display: block;
}

#subwindow #content #products .thumbox .pagination li {
  margin: 0 10px 10px 0;
  float: left;
}

#subwindow #content #products .thumbox .pagination li.last {
  margin-right: 0;
}

#subwindow #content #products .thumbox .img_box {
  border: 1px solid #ccc;
  width: 92px;
  height: 92px;
  display: block;
}

#subwindow #content #products .thumbox .img_box img {
  max-width: 90px;
  max-height: 90px;
}

#subwindow #content #products .thumbox .img_box img:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

#subwindow #content #products .thumbox .current .img_box {
  border: 1px solid #cc3333;
  display: block;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}

#subwindow #content #products .thumbox .current .img_box img:hover {
  cursor: default;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}

#subwindow #content #products .prev {
  display: block;
  background: url(../images/detail_prev_button.png) no-repeat;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  top: 35%;
  left: -26px;
  position: absolute;
  z-index: 1000;
}

#subwindow #content #products .next {
  display: block;
  background: url(../images/detail_next_button.png) no-repeat;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  top: 35%;
  right: -26px;
  position: absolute;
  z-index: 1000;
}

#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next {
  display: block;
}

#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error {
  width: 100%;
  padding: 10px 0px;
}

#error table {
  margin: 0px 0 10px;
  border: none !important;
  font-size: 85%;
}

#error td {
  padding: 10px;
  border: none !important;
}

#error .ico {
  width: 40px;
  vertical-align: top;
  text-align: center;
}

#error .content {
  padding: 5px;
  color: #C00;
  font-weight: bold;
  vertical-align: middle;
  line-height: 150%;
  float: none;
}

#error .buttonarea {
  margin: 10px;
  padding-top: 40px;
  text-align: center;
}

#error ul {
  background: none;
}

#error li {
  float: none;
  font-size: 100%;
  border: 0px;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: auto;
  line-height: 150%;
}

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error {
  width: 100%;
  padding: 10px 0px;
}

#social_plus_error table {
  margin: 0px 0 10px;
  border: none !important;
  font-size: 85%;
}

#social_plus_error td {
  padding: 10px;
  border: none !important;
}

#social_plus_error .ico {
  width: 40px;
  vertical-align: top;
  text-align: center;
}

#social_plus_error .content {
  padding: 5px;
  color: #C00;
  font-weight: bold;
  vertical-align: middle;
  line-height: 150%;
  float: none;
}

#social_plus_error .buttonarea {
  margin: 10px;
  padding-top: 10px;
  border-top: #CCC 1px dashed;
  text-align: center;
}

#social_plus_error ul {
  background: none;
}

#social_plus_error li {
  float: none;
  font-size: 100%;
  border: 0px;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: auto;
  line-height: 150%;
}

/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button_area {
  text-align: center;
}

#credit td.button_area .button {
  display: inline-block;
  width: auto;
}

#credit .can_regist {
  padding-top: 30px;
}

#credit .error {
  clear: both;
  margin: 5px 10px;
  color: #C00;
  font-weight: bold;
  text-align: center;
  font-size: 80%;
}

/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/

#wishList {
  /*margin-bottom: 20px;*/
  width: 1110px;
  padding-bottom: 20px;
  margin: 0 auto;
}

#wishList .box {
  margin: 10px 0;
  border: #CCC 1px solid;
}

#wishList .box:hover {
  border: #8CC329 1px solid;
}

#wishList .box:after {
  content: "";
  clear: both;
  display: block;
}

#wishList .provisional {
  margin: 0px;
}

#wishList .text {
  margin-left: 140px;
}

#wishList .text .ordertext {
  float: right;
  margin-right: 10px;
}

#wishList h3 {
  font-size: 24px;
  text-align: center;
  color: #000;
}

#wishList .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%;
}

#wishList .price {
  display: block;
  margin: 0;
  color: #000;
}

#wishList .price .teika {
  font-weight: bold;
  font-size: 110%;
}

#wishList .price .other {
  font-size: 90%;
}

#wishList .explanation1 {
  display: block;
  margin: 5px 10px 0 0;
  padding: 10px 0px;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%;
}

#wishList .explanation1 h4 {
  margin-bottom: 10px;
}

#wishList .explanation1 h4 a {
  display: inline-block;
  width: auto;
  font-weight: normal;
}

#wishList .explanation1 p {
  margin: 0px;
}

#wishList .button_area {
  margin: 0px 10px 20px 0px;
  padding-top: 20px;
  border-top: #CCC 1px solid;
  text-align: right;
}

#wishList .button_area:after {
  content: "";
  clear: both;
  display: block;
}

#wishList .button_area .button {
  width: auto;
  display: inline-block;
}

#wishList .property {
  display: inline;
  margin: 0;
  color: #AAA;
  font-size: 75%;
}

#wishList .pageguide {
  float: left;
  width: 570px;
  font-size: 85%;
  padding-top: 4px;
}

#wishList .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right;
}

#wishList .rearrange select {
  margin-left: 10px;
}

#wishList .pagelink {
  clear: both;
  font-size: 85%;
  padding-top: 10px;
}

#wishList .nolink {
  color: #999;
}

#wishList .buttonarea_submit {
  text-align: right;
}

#wishList .buttonarea_submit a.button {
  display: inline-block;
  width: auto;
  line-height: 18px;
}

#wishList .alert {
  color: red;
}

#wishList .img_box {
  width: 120px;
  height: 120px;
  margin: 10px;
  float: left;
  text-align: center;
  position: relative;
}

#wishList .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#wishList .content * {
  border: none;
}
#wishList .content select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  color: #000;
}
#wishList .content select:focus-visible, #wishList .content select:focus {
  outline: none;
}
#wishList .content .nums {
  position: relative;
  padding-left: 16px;
}
#wishList .content .nums::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #FFF;
  z-index: 1;
  top: 0;
  right: 0;
}
#wishList .content .delete a {
  background: #fff;
  color: #E34A4A;
  border: solid #E34A4A 1px;
  border-radius: 60px;
  width: 91px;
  line-height: 1;
  padding: 7px 0 6px;
}
#wishList .content table {
  width: 1110px;
}
#wishList .content table tbody tr {
  border-bottom: 1px solid #88919A;
}
#wishList .content table tbody tr:first-child {
  
}
#wishList .content table tbody tr th, #wishList .content table tbody tr td {
  vertical-align: middle;
}
#wishList .content table tbody tr td textarea{
	width:100%;
	font-size: 15px;
	padding:5px;
}
#wishList .content table tbody tr th:first-child, #wishList .content table tbody tr td:first-child {
  width: 43.0%;
}
#wishList .content table tbody tr th:nth-child(2), #wishList .content table tbody tr td:nth-child(2) {
  width: 18.2%;
}
#wishList .content table tbody tr th:nth-child(3), #wishList .content table tbody tr td:nth-child(3) {
  width: 30.5%;
}
#wishList .content table tbody tr th:last-child, #wishList .content table tbody tr td:last-child {
  width: 8.3%;
}
#wishList .content table tbody tr th {
  background-color: #C4C4C4;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  padding: 6px 0;
}
#wishList .content table tbody tr th:first-child {
  padding-left: 20px;
}
#wishList .content table tbody tr td {
  padding: 3px;
}
#wishList .content table tbody tr td:first-child .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#wishList .content table .img_box {
  width: 110px;
  height: 110px;
}
#wishList .content table .text_box {
  width: calc(100% - 140px);
  padding-left: 33px;
}
#wishList .content table .text_box p a {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  margin: 0;
}


/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#wishList .cartSubmitButton {
  position: relative;
}

#wishList .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#wishList .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#wishList .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#wishList .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#wishList .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#wishList .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#wishList .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList {
  padding-bottom: 20px;
}

#addressList h3 {
  margin-bottom: 15px;
  padding: 1px 0px 0px 20px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 7px 7px no-repeat;
  font-size: 85%;
  margin-top: 30px;
}

#addressList ul {
  padding: 20px 0 10px;
}

#addressList ul:after {
  content: "";
  clear: both;
  display: block;
}

#addressList li {
  float: left;
  font-size: 80%;
  border: 1px solid #CCC;
  padding: 10px 10px 40px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 348px;
  line-height: 180%;
  position: relative;
}

#addressList li strong {
  font-size: 18px;
}

#addressList li .button_area {
  margin: 0px 0px 0;
  position: absolute;
  bottom: 10px;
}

#addressList li .button_area .button {
  width: auto;
  display: inline-block;
}

#addressList .widebox li {
  width: 453px;
}

#addressList .pageguide {
  float: left;
  width: 500px;
  font-size: 85%;
}

#addressList .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right;
}

#addressList .pagelink {
  clear: both;
  font-size: 85%;
}

#addressList .nolink {
  color: #999;
}

/* =================================================================
19.マイページ
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3 {
  margin: 10px 0 10px 10px;
}

#member.mypage h3 a {
  float: right;
  width: auto;
}

#member.mypage ul {
  margin: 0 0 50px 10px;
}

#member.mypage ul:after {
  content: "";
  clear: both;
  display: block;
}

#member.mypage ul li {
  float: left;
}

#member.mypage ul li h4 {
  font-size: 16px;
  background: #F6F6F6;
  font-weight: normal;
  padding: 6px 10px;
  margin: 0 0px 15px 0;
}

#member.mypage ul li .inner {
  width: 246px;
  border: 1px solid #CCCCCC;
  margin: 0 10px 10px 0;
}

#member.mypage ul li .box {
  padding-bottom: 10px;
}

#member.mypage ul li p {
  font-size: 12px;
}

#member.mypage ul li a {
  font-size: 12px;
}

#member.mypage #social_plus {
  margin: 50px 0 0;
}

#member.mypage #social_plus .associate {
  display: inline-block;
  min-width: inherit;
  width: 100px;
  font-size: 14px;
}

#member.mypage #social_plus tr th {
  background: #FFF;
}

#member.mypage #social_plus tr th a {
  text-decoration: none;
}

#member.mypage #social_plus tr.title th {
  background: #F6F6F6;
}

#member.mypage #social_plus th.service {
  width: 220px;
}

#member.mypage #social_plus th div {
  width: 220px;
  height: 44px;
  font-size: 14px;
  display: block;
}

#member.mypage #social_plus th div p {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 51px;
  display: block;
  line-height: 1;
  font-size: 14px;
}

#member.mypage #social_plus th.yahoo div {
  background: url("../images/social_yahoo.png") no-repeat;
  color: #e71017;
}

#member.mypage #social_plus th.facebook div {
  background: url("../images/social_facebook.png") no-repeat;
  color: #3b5998;
}

#member.mypage #social_plus th.twitter div {
  background: url("../images/social_twitter.png") no-repeat;
  color: #55acee;
}

#member.mypage #social_plus th.google div {
  background: url("../images/social_google.png") no-repeat;
  color: #dc4e41;
}

#member.mypage #social_plus th.mixi div {
  background: url("../images/social_mixi.png") no-repeat;
  color: #d1ad59;
}

#member.mypage #social_plus th.line div {
  background: url("../images/social_line.png") no-repeat;
  color: #00b300;
}

#member.mypage #social_plus th.paypal div {
  background: url("../images/social_paypal.png") no-repeat;
  color: #293e7f;
}

#member.mypage #social_plus th.apple_id div p {
  padding: 18px 0px 19px 25px;
}

#member.mypage #social_plus .alignment th div p {
  border: none;
  margin: 0 0 0 53px;
}

#member.mypage #social_plus .alignment th.apple_id div {
  background: url("../images/social_apple.png") no-repeat;
  color: #000;
  height: 53px;
}

#member.mypage #social_plus th.yahoo div.off {
  background: url("../images/social_yahoo_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus th.facebook div.off {
  background: url("../images/social_facebook_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus th.twitter div.off {
  background: url("../images/social_twitter_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus th.google div.off {
  background: url("../images/social_google_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus th.mixi div.off {
  background: url("../images/social_mixi_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus th.line div.off {
  background: url("../images/social_line_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus th.paypal div.off {
  background: url("../images/social_paypal_off.png") no-repeat;
  color: #cdcdcd;
}

#member.mypage #social_plus td {
  vertical-align: middle;
}

/* =================================================================
20.ログイン
使用ファイル：login.xhtml
=================================================================*/
#loginNew:after {
  content: "";
  clear: both;
  display: block;
}

#loginNew table {
  margin: 0 auto 20px auto;
  width: 428px;
}

#loginNew h3 {
  margin-bottom: 15px;
  padding: 1px 20px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 7px 7px no-repeat #EEE;
  font-size: 85%;
}

#loginNew .box {
  border: 1px solid #CCC;
  width: 478px;
  float: left;
  margin: 0 5px 30px;
  position: relative;
}

#loginNew .box .buttonarea {
  width: 100%;
  margin: 20px 0;
  padding: 0;
}

#loginNew .box table {
  margin: 10px;
  width: 446px !important;
}

#loginNew .box .link_text {
  text-align: right;
  padding: 15px 0 10px;
}

#loginNew .box .regist_non_area {
  width: 442px;
  margin: 0 auto;
}

#loginNew .box .regist_non_area p {
  margin: 0 0 10px;
}

#loginNew .box .amazon_area {
  width: 442px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
}

#loginNew .box .amazon_area p {
  margin: 10px 0;
}

#loginNew .widebox {
  border: 1px solid #CCC;
  width: 960px;
  margin: 0 10px 30px;
  clear: both;
}

#loginNew .widebox .link {
  text-align: right;
}

#loginNew .widebox table {
  width: 920px;
}

#loginNew input[type=text], #loginNew input[type=password] {
  width: 200px;
}

#loginNew .social_provider ul {
  margin: 0px 13px 0px;
}

#loginNew .social_provider ul:after {
  content: "";
  clear: both;
  display: block;
}

#loginNew .social_provider ul li {
  width: 220px;
  height: 44px;
  font-size: 14px;
  display: block;
  float: left;
  margin: 0px 10px 15px 0;
}

#loginNew .social_provider ul li:nth-child(2n) {
  margin-right: 0px;
}

#loginNew .social_provider ul li a {
  display: block;
  text-decoration: none;
}

#loginNew .social_provider ul li a span {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 53px;
  display: block;
  background: #FFF;
  line-height: 1;
  font-size: 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

#loginNew .social_provider li.yahoo a {
  background: url("../images/social_yahoo.png") no-repeat;
  color: #e71017;
}

#loginNew .social_provider li.facebook a {
  background: url("../images/social_facebook.png") no-repeat;
  color: #3b5998;
}

#loginNew .social_provider li.twitter a {
  background: url("../images/social_twitter.png") no-repeat;
  color: #55acee;
}

#loginNew .social_provider li.google a {
  background: url("../images/social_google.png") no-repeat;
  color: #dc4e41;
}

#loginNew .social_provider li.mixi a {
  background: url("../images/social_mixi.png") no-repeat;
  color: #d1ad59;
}

#loginNew .social_provider li.line a {
  background: url("../images/social_line.png") no-repeat;
  color: #00b300;
}

#loginNew .social_provider li.paypal a {
  background: url("../images/social_paypal.png") no-repeat;
  color: #293e7f;
}

/* =================================================================
21.商品比較
使用ファイル：item_compare.xhtml
=================================================================*/
#itemCompare .img_box {
  width: 80px;
  height: 80px;
  margin: 0;
  text-align: center;
  position: relative;
}

#itemCompare .img_box img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#itemCompare .propertyimg_box {
  width: 60px;
  height: 60px;
  margin: 0;
  text-align: center;
  position: relative;
}

#itemCompare .propertyimg_box img {
  width: auto;
  max-width: 60px;
  max-height: 60px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#itemCompare th {
  width: 150px;
}

#itemCompare .button_area .button {
  width: auto;
  display: inline-block;
  width: 130px;
}

/* itemCompare - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemCompare .cartSubmitButton {
  position: relative;
}

#itemCompare .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none;
}

#itemCompare .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px;
}

#itemCompare .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #000;
}

#itemCompare .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}

#itemCompare .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center;
}

#itemCompare .cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

#itemCompare .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

/* =================================================================
22.キャンペーン
使用ファイル：top.xhtml,item_detail.xhtml,cart_index.xhtml,cart_seisan.xhtml,cart_confirm.xhtml,cart_confirm$amazon_payments.xhtml,cart_result.xhtml,member_history.xhtml
=================================================================*/
/* member_history */
#history .campaign {
  line-height: 1.5;
  display: inline-block;
  margin: 0 5px 0 0;
}

/* top,item_detail */
#mainCampaign ul {
  width: 100%;
}

#mainCampaign ul:after {
  content: "";
  clear: both;
  display: block;
}

#mainCampaign li {
  width: 375px;
  margin: 0 20px 20px 0;
  float: left;
}

#mainCampaign li a {
  display: block;
}

#mainCampaign li img {
  width: 100%;
  display: block;
}

#mainCampaign li h3 {
  padding: 5px 0 0 0;
}

#mainCampaign li h4 {
  font-size: 90%;
}

#mainCampaign li p {
  margin: 5px 0 0 0;
  font-size: 90%;
}

/* cart_index */
#cartCampaign ul {
  width: 100%;
}

#cartCampaign ul:after {
  content: "";
  clear: both;
  display: block;
}

#cartCampaign p.heed {
  margin: 0 0 10px 0;
  font-size: 75%;
}

#cartCampaign li {
  width: 365px;
  margin: 0 20px 20px 0;
  float: left;
}

#cartCampaign li a {
  display: block;
}

#cartCampaign li img {
  width: 100%;
  display: block;
}

#cartCampaign li h4 {
  padding: 5px 0 0 0;
}

#cartCampaign li p {
  margin: 5px 0 0 0;
}

/* cart_confirm */
#cartFlow .confirmCampaign {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  border: #CCC 1px solid;
}

#cartFlow .confirmCampaign h3 {
  margin: 0 0 10px;
  padding: 0px;
  border: none;
  background: none;
}

#cartFlow .confirmCampaign li {
  padding: 0 0 10px 0;
  border: none;
}

#cartFlow .confirmCampaign li h4 {
  font-size: 90%;
}

#cartFlow .confirmCampaign li img {
  width: 100%;
}

#cartFlow .confirmCampaign li p {
  margin: 0;
}

/* cart_result */
#resultCampaign ul {
  width: 100%;
}

#resultCampaign ul:after {
  content: "";
  clear: both;
  display: block;
}

#resultCampaign h3 {
  margin-bottom: 15px;
  padding: 1px 20px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 7px 7px no-repeat #EEE;
  font-size: 85%;
}

#resultCampaign {
  width: 1110px;
}

#resultCampaign:after {
  content: "";
  clear: both;
  display: block;
}

#resultCampaign li {
  width: 480px;
  margin: 0 20px 20px 0;
  float: left;
}

#resultCampaign li a {
  display: block;
}

#resultCampaign li img {
  width: 100%;
  display: block;
}

#resultCampaign li p {
  margin: 5px 0 0 0;
}

/* =================================================================
23.会員登録
使用ファイル：member_input.xhtml
=================================================================*/
#memberInput {
  padding: 30px 0 0 0;
}

#memberInput h3 {
  margin: 10px 0 10px 10px;
}

#memberInput .social_provider ul {
  width: 100%;
  padding: 0 10px;
}

#memberInput .social_provider li {
  width: 220px;
  margin: 0 20px 20px 0;
  float: left;
}

#memberInput .social_provider ul li a {
  display: block;
  text-decoration: none;
}

#memberInput .social_provider li.yahoo a {
  background: url("../images/social_yahoo.png") no-repeat;
  color: #e71017;
}

#memberInput .social_provider li.facebook a {
  background: url("../images/social_facebook.png") no-repeat;
  color: #3b5998;
}

#memberInput .social_provider li.twitter a {
  background: url("../images/social_twitter.png") no-repeat;
  color: #55acee;
}

#memberInput .social_provider li.google a {
  background: url("../images/social_google.png") no-repeat;
  color: #dc4e41;

}

#memberInput .social_provider li.mixi a {
  background: url("../images/social_mixi.png") no-repeat;
  color: #d1ad59;
}

#memberInput .social_provider li.line a {
  background: url("../images/social_line.png") no-repeat;
  color: #00b300;
}

#memberInput .social_provider li.paypal a {
  background: url("../images/social_paypal.png") no-repeat;
  color: #293e7f;
}

#memberInput .social_provider ul li a span {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 53px;
  display: block;
  background: #FFF;
  line-height: 1;
  font-size: 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

#memberInput .social_provider li.rakuten_regist a span {
  padding: 0;
  border: 0;
  margin: 0;
  background: none;
}

/* =================================================================
24.子会員リスト
使用ファイル：child_member_list.xhtml
=================================================================*/
#childMemberList h3 {
  display: block;
  font-size: 110%;
  margin: 30px 10px 10px;
  padding-bottom: 5px;
}

#childMemberList .table th {
  vertical-align: middle;
}

#childMemberList .table th.select {
  width: 70px;
}

#childMemberList .table th.select input[type=button] {
  width: initial;
  padding: 6px 6px;
}

#childMemberList .table th.select input[type=button] + input[type=button] {
  margin-top: 5px;
}

#childMemberList .table td {
  vertical-align: middle;
}

#childMemberList .table td.select .id_and_check {
  display: inline-block;
  white-space: nowrap;
}

#childMemberList .table th.regist {
  width: 100px;
}

#childMemberList .pageguide {
  float: left;
  width: 570px;
  font-size: 85%;
  padding-top: 4px;
}

#childMemberList .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right;
}

#childMemberList .pagelink {
  clear: both;
  font-size: 85%;
  padding: 10px 0;
}

#childMemberList .nolink {
  color: #999;
}

#childMemberList .search .buttonarea,
#childMemberList .bulk_update .buttonarea {
  padding: 20px 0 40px;
}

#childMemberList .bulk_update {
  margin: 20px 0 40px;
}

#childMemberList .bulk_update .explanation {
  display: block;
  margin: 10px 0 20px 0;
  padding: 10px;
  background: #EEE;
  color: #666;
  font-size: 90%;
}

#childMemberList .bulk_update .update_input_area {
  height: 35px;
  line-height: 35px;
}

#childMemberList .bulk_update .update_input_area .select {
  display: inline-block;
}

#childMemberList .bulk_update .update_input_area .button {
  display: inline-block;
  width: 160px;
  margin-left: 20px;
}

/* =================================================================
25.担当法人一覧
使用ファイル：client_corporation_list.xhtml
=================================================================*/
#clientCorpList .link_office {
  width: 100px;
}

/* =================================================================
26.担当事業所一覧
使用ファイル：client_office_list.xhtml
=================================================================*/
#clientOfficeList .pageback {
  max-width: 230px;
  font-size: 16px;
  margin: 50px auto 0;
}

/* =================================================================
27.ポイント履歴
使用ファイル：member_point_record.xhtml
=================================================================*/
#pointRecord .summary {
  margin: 10px;
  border: 1px solid #CCC;
  font-size: 90%;
  line-height: 150%;
}

#pointRecord .summary h3 {
  font-weight: normal;
  font-size: 90%;
  background-color: #F6F6F6;
  padding: 10px;
}

#pointRecord .summary .detail {
  padding: 10px;
  position: relative;
}

#pointRecord .summary .detail .limit_date {
  font-weight: bold;
}

#pointRecord .summary .total {
  margin-bottom: 10px;
}

#pointRecord .summary .total .point {
  color: #C00;
  font-weight: bold;
}

#pointRecord .summary .detail .link_point_right {
  position: absolute;
  top: 10px;
  right: 10px;
}

#pointRecord .summary .limit {
  padding: 5px 0;
  border-top: 1px dotted #CCC;
}

#pointRecord .record_list td {
  vertical-align: inherit;
}

#pointRecord .record_list td.remarks {
  line-height: 150%;
}

#pointRecord .record_list .right {
  text-align: right;
}

#pointRecord .record_list .plus {
  font-weight: bold;
}

#pointRecord .point_limit_date {
  font-size: 12px;
  text-align: left;
  line-height: 150%;
}

#pointRecord .limit_icon {
  background-color: #C00;
  color: #FFFFFF;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  padding: 3px 5px;
  vertical-align: text-bottom;
}

#pointRecord th {
  width: 150px;
}

#pointRecord .point_kbn {
  display: inline-block;
}

/* =================================================================
28.ポイント有効期限
使用ファイル：member_point_limit_manage.xhtml
=================================================================*/
#pointLimit .summary {
  margin: 10px;
  border: 1px solid #CCC;
  font-size: 90%;
  line-height: 150%;
}

#pointLimit .summary h3 {
  font-weight: normal;
  font-size: 90%;
  background-color: #F6F6F6;
  padding: 10px;
}

#pointLimit .summary .detail {
  padding: 10px;
  position: relative;
}

#pointLimit .summary .detail .limit_date {
  font-weight: bold;
}

#pointLimit .summary .total {
  margin-bottom: 10px;
}

#pointLimit .summary .total .point {
  color: #C00;
  font-weight: bold;
}

#pointLimit .summary .detail .link_point_right {
  position: absolute;
  top: 10px;
  right: 10px;
}

#pointLimit .limit_list td {
  vertical-align: inherit;
}

#pointLimit .limit_list .limit_date {
  display: inline-block;
}

#pointLimit .limit_list .right {
  text-align: right;
}

#pointLimit .limit_icon {
  background-color: #C00;
  color: #FFFFFF;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  padding: 3px 5px;
  vertical-align: text-bottom;
}

/* =================================================================
29.STAFF START
=================================================================*/
/* 共通
-------------------------------------------------------------*/
#main .staff_start_error {
  margin: 0 0 20px;
  font-weight: bold;
  color: #C00;
} /* エラーメッセージ */
#main .clear_box:after {
  content: "";
  display: block;
  clear: both;
}

/* コーディネート用汎用ボックス */
#main .staff_coordinate_box {
  float: left;
  margin: 0 20px 20px 0;
  width: 177px;
}

#main .staff_coordinate_box a {
  display: block;
  text-decoration: underline;
  padding: 0;
  border: none;
  color: #60ac31;
}

#main .staff_coordinate_box a:hover {
  text-decoration: none;
}

#main .staff_coordinate_box img {
  display: block;
  width: 177px;
}

#main .staff_coordinate_box p {
  margin: 0;
  font-size: 14px;
}

#main .staff_coordinate_box:nth-of-type(4n) {
  margin-right: 0;
}

#main .staff_coordinate_box .info_box {
  margin: 10px 0 0 0;
  font-size: 0;
}

#main .staff_coordinate_box .info_box .staff_icon {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 50px;
}

#main .staff_coordinate_box .info_box .staff_icon img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

#main .staff_coordinate_box .info_box .staff_info {
  margin: 0;
  width: 117px;
}

/* スタッフ一覧・コーディネート一覧 絞り込みアコーディオン */
.accordionList h2 {
  position: relative;
  font-size: 15px;
  cursor: pointer;
}


.accordionList h2::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
  padding: 0;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  border-color: #000000;
  -webkit-transform: translateY(-50%) rotate(315deg);
  transform: translateY(0%) rotate(315deg);
}

.accordionList h2.close::after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
}

.accordionList a {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
}

.accordionList ul {
  margin: 0;
}

.accordionList + .accordionList {
  margin: 30px 0 0 0;
}

.accordionList .selected {
  display: block;
  padding: 5px;
  background: #F5F5F5;
  font-weight: bold;
  font-size: 14px;
}

/* タブ切り替え */
#main .staffstart_tab .tab_nav {
  border-bottom: 1px solid #CCC;
  font-size: 0;
}

#main .staffstart_tab .tab_nav .tabBtn {
  display: inline-block;
  margin: 0px 20px 0px 0px;
  padding: 6px 0;
  width: 188px;
  height: 35px;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  text-align: center;
  border-color: #ccc;
  background-color: #DDD;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
}

#main .staffstart_tab .tab_nav .tabBtn.active {
  position: relative;
  background-color: #FFF;
  cursor: initial;
}

#main .staffstart_tab .tab_nav .tabBtn.active:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-bottom: 3px solid #FFF;
  bottom: -2px;
}

#main .staffstart_tab .tab_list {
  padding: 20px 0;
}

#main .staffstart_tab .tabContent {
  display: none;
}

#main .staffstart_tab .tabContent:after {
  content: "";
  display: block;
  clear: both;
}

#main .staffstart_tab .tabContent.active {
  display: block;
}

#main .staffstart_tab .tabContent ul {
  margin: 20px 0 0 0;
  background: none;
}

/* コーディネート一覧用タブデザイン */
#main .staffstart_tab .tab_nav .tab_title {
  display: inline-block;
  margin: 0px 20px 0px 0px;
  padding: 6px 0;
  width: 188px;
  height: 35px;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  text-align: center;
  border-color: #ccc;
  background-color: #DDD;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
}

#main .staffstart_tab .tab_nav .tab_title.active {
  position: relative;
  background-color: #FFF;
  cursor: default;
}

#main .staffstart_tab .tab_nav .tab_title.active:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-bottom: 3px solid #FFF;
  bottom: -2px;
}

#main .staffstart_tab .tab_nav .tab_title a {
  display: block;
  color: #000;
  text-decoration: none;
  height: 34px;
}

/* スタッフプロフィール用 */
#main .staff_profile::after {
  content: "";
  display: block;
  clear: both;
}

#main .staff_icon {
  float: left;
}

#main .staff_icon img {
  display: block;
  border-radius: 50%;
}

#main .staff_info {
  float: left;
  margin: 0 0 0 20px;
}

#main .staff_info p {
  margin: 0;
  font-size: 13px;
}

#main .staff_info .name {
  margin: 0 0 10px 0;
  font-size: 16px;
}

#main .staff_info .kana {
  display: inline-block;
  margin: 0 0 0 20px;
  font-size: 12px;
}

/* STAFF START - トップ
使用ファイル：top.xhtml
-------------------------------------------------------------*/
/* コーディネートランキング */
#main .staff_start_ranking {
  margin: 0 0 20px 0;
}

#main .staff_start_ranking::after {
  content: "";
  display: block;
  clear: both;
}

#main .staff_start_ranking h2 > a {
  float: right;
  margin: 4px 3px 0px 0px;
  font-size: 16px;
} /* すべて見るリンク */
#main .staff_start_ranking .staff_coordinate_box {
  margin: 0 20px 30px 0;
}

#main .staff_start_ranking .staff_coordinate_box:nth-of-type(4n) {
  margin: 0 0 30px 0;
}

/* スタッフランキング */
#main .staff_start_ranking .staff_list_box {
  width: 138px;
}

#main .staff_start_ranking .staff_list_box img {
  width: 138px;
  height: 138px;
}

#main .staff_start_ranking .staff_list_box .info_box {
  margin: 10px 0 0 0;
  text-align: center;
}

#main #staffRanking .staff_list_box:last-of-type {
  margin-right: 0;
}

/* STAFF START - 商品詳細
使用ファイル：item_detail.xhtml
-------------------------------------------------------------*/
/* この商品を紹介したブログ */
.staff_coordinate_box.article ul li .info_box .staff_icon,
.staff_coordinate_box.article ul li .info_box .staff_info {
  float: none;
}

/*
STAFF START - スタッフ一覧
使用ファイル：staff_list.xhtml
-------------------------------------------------------------*/
#main .staff_list_box {
  margin: 0;
  background: none;
}

#main .staff_list_box {
  float: left;
  margin: 0 20px 20px 0;
  width: 177px;
}

#main .staff_list_box a {
  margin: 0;
  padding: 0;
  border: none;
  color: #60ac31;
  font-size: 14px;
}

#main .staff_list_box img {
  display: block;
  width: 177px;
  height: 177px;
  border-radius: 50%;
}

#main .staff_list_box p {
  margin: 0;
  text-align: center;
  font-size: 14px;
}

#main .staff_list_box .staff_info {
  float: none;
  margin: 10px 0 0 0;
}

#main #list .staff_list_box:nth-of-type(4n),
#main .coordinate_list .staff_list_box:nth-of-type(4n) {
  margin-right: 0;
}

/*
STAFF START - スタッフ詳細
使用ファイル：staff_detail.xhtml
-------------------------------------------------------------*/
#staff_detail .staff_profile .staff_icon {
  width: 130px;
}

#staff_detail .staff_profile .staff_icon img {
  width: 130px;
  height: 130px;
}

#staff_detail .staff_profile .staff_info {
  padding: 10px 0;
  width: 290px;
}

#staff_detail .staff_profile .message {
  float: left;
  margin: 0 0 0 25px;
  padding: 0 0 0 25px;
  width: 510px;
  border-left: 1px solid #CCC;
  font-size: 14px;
}

#staff_detail .staffstart_tab {
  margin: 40px 0 0 0;
}

#staff_detail .tabContent .tabContent::after {
  content: "";
  display: block;
  clear: both;
}

#staff_detail .tabContent .tab_loop {
  float: left;
  margin: 0 15px 15px 0;
  width: 233px;
}

#staff_detail .tabContent .tab_loop:nth-of-type(4n) {
  margin-right: 0;
}

#staff_detail .tabContent img {
  display: block;
  width: 233px;
}

#staff_detail .tabContent p {
  margin: 0;
  font-size: 14px;
}

#staff_detail .tabContent .date {
  margin: 10px 0 0 0;
}

/*
STAFF START - コーディネート一覧
使用ファイル：coordinate_list.xhtml
-------------------------------------------------------------*/
#main #list .staffstart_tab .tab_list {
  padding: 0 0 80px;
}

#main #list .staff_start_ranking img {
  width: 177px;
  height: 177px;
}

#main #list .staff_start_ranking .staff_list_box {
  width: 177px;
}

#main #list .staffstart_pager {
  margin: 20px 0 0 0;
}

/*
STAFF START - コーディネート詳細
使用ファイル：coordinate_detail.xhtml
-------------------------------------------------------------*/
#itemDetail .coordinateDetail::after {
  content: "";
  display: block;
  clear: both;
}

/*　商品画像スライド */
#itemDetail .coordinateDetail .item_image_area {
  width: 450px;
}

#itemDetail #main_img {
  visibility: hidden;
}

#itemDetail .coordinateDetail .slide {
  display: none;
  width: 450px;
}

#itemDetail .coordinateDetail .slide img {
  width: 450px;
}

#itemDetail .coordinateDetail .thumbnail {
  margin: 10px 0 0 0;
}

#itemDetail .coordinateDetail .thumbnail::after {
  content: "";
  display: block;
  clear: both;
}

#itemDetail .coordinateDetail .thumbnail li {
  float: left;
  margin: 0 10px 10px 0;
  width: 105px;
}

#itemDetail .coordinateDetail .thumbnail li:nth-child(4n) {
  margin: 0 0 10px 0;
}

#itemDetail .coordinateDetail .thumbnail li a {
  display: block;
}

#itemDetail .coordinateDetail .thumbnail li.active a {
  border: 1px solid #cc3333;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}

#itemDetail .coordinateDetail .thumbnail li img {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/*　スタッフプロフィール・商品説明・着用商品 */
#itemDetail .coordinateDetail .text {
  margin: 0 0 0 30px;
  width: 500px;
}

#itemDetail .coordinateDetail .staff_profile {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #CCC;
}

#itemDetail .coordinateDetail .staff_icon {
  width: 100px;
}

#itemDetail .coordinateDetail .staff_icon img {
  width: 100px;
  height: 100px;
}

#itemDetail .coordinateDetail .staff_info p {
  font-size: 13px;
}

#itemDetail .coordinateDetail .staff_info .name {
  font-size: 16px;
}

/* コーディネート説明 */
#itemDetail .coordinateDetail .comment {
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #CCC;
}

#itemDetail .coordinateDetail .comment p {
  margin: 0;
  font-size: 14px;
}

/* 着用商品 */
#itemDetail .coordinateDetail .coordinate_box p {
  margin: 0;
  font-size: 13px;
}

#itemDetail .coordinateDetail .coordinate_box {
  float: left;
  margin: 0 15px 15px 0;
  width: 156px;
}

#itemDetail .coordinateDetail .coordinate_box:nth-of-type(3n) {
  margin: 0 0 15px 0;
}

#itemDetail .coordinateDetail .coordinate_box a {
  cursor: pointer;
}

#itemDetail .coordinateDetail .coordinate_box img {
  display: block;
  width: 156px;
}

#itemDetail .coordinateDetail .coordinate_box .item_info {
  margin: 10px 0 0 0;
}

/* スタッフのその他のコーディネート */
.other_coordinate {
  margin: 40px 0 0;
}

.other_coordinate ul:after {
  content: "";
  display: block;
  clear: both;
}

.other_coordinate ul li {
  float: left;
  margin: 0 15px 15px 0;
  width: 184px;
}

.other_coordinate ul li:nth-child(5n) {
  margin: 0 0 15px 0;
}

.other_coordinate ul li img {
  display: block;
  width: 184px;
}

/*
STAFF START まとめ記事詳細
使用ファイル：article_detail.xhtml
-------------------------------------------------------------*/
#main .articleDetail h2 {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

#main .articleDetail h2::after {
  content: none;
}

#main .articleDetail .date {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

#main .articleDetail .staff_profile {
  padding: 25px;
  background-color: #F5F5F5;
}

#main .articleDetail .staff_icon {
  width: 80px;
}

#main .articleDetail .staff_icon img {
  width: 80px;
  height: 80px;
}

#main .articleDetail .staff_info {
  padding: 10px 0;
}

#main .articleDetail .staff_info p {
  font-size: 13px;
}

#main .articleDetail .content {
  margin: 20px 0 0 0;
}

#main .articleDetail .content p {
  font-size: 14px;
}

#main .articleDetail .content .title_image {
  margin: 10px 0 0 0;
}

#main .articleDetail .content .title_image img {
  width: 120px;
}

#main .articleDetail .content_block img {
  max-width: 470px;
}

#main .articleDetail .content_block p {
  margin: 0;
}

/* 文字サイズ */
.ss-font-size-x-small {
  font-size: x-small;
}

.ss-font-size-small {
  font-size: small;
}

.ss-font-size-large {
  font-size: large;
}

.ss-font-size-x-large {
  font-size: x-large;
}

/* コーディネート - スタッフ情報　共通設定 */
.ss-content-area.content-area-coordinate {
  vertical-align: middle;
  font-size: 0;
}

.ss-content-coordinate-img {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.ss-content-coordinate-info {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.ss-content-user-info-list::after {
  content: "";
  display: block;
  clear: both;
}

.ss-content-user-info-list li {
  float: left;
}

.ss-article-box .ss-content-user-info-list .ss-content-user-meta-list li {
  float: none;
  font-size: 14px;
}

.ss-article-box .ss-content-user-info-list .ss-content-user-image {
  margin: 0 20px 0 0;
  width: 80px;
}

.ss-article-box .ss-content-user-info-list .ss-content-user-image img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

/* ブロック共通設定 */
.ss-article-box {
  margin: 40px 0 0 0;
}

/* ブロック2 */
.ss-boxtype-list.boxtype-2-list .ss-content-area.content-area-description {
  margin: 10px 0 0 0;
}

/* ブロック3 */
.ss-boxtype-list.boxtype-3-list::after {
  content: "";
  display: block;
  clear: both;
}

.ss-boxtype-list.boxtype-3-list li {
  float: left;
  margin: 0 20px 0 0;
  width: 48%;
}

.ss-boxtype-list.boxtype-3-list li:nth-child(2n) {
  margin: 0;
}

/* ブロック4 */
.ss-boxtype-list.boxtype-4-list::after {
  content: "";
  display: block;
  clear: both;
}

.ss-boxtype-list.boxtype-4-list li {
  float: left;
  margin: 0 20px 20px 0;
  width: 48%;
}

.ss-boxtype-list.boxtype-4-list li:nth-child(2n) {
  margin: 0 0 20px 0;
}

/* ブロック3,4のコーディネート */
.ss-boxtype-list.boxtype-3-list .ss-content-coordinate-img,
.ss-boxtype-list.boxtype-4-list .ss-content-coordinate-img {
  width: 100%;
}

.ss-boxtype-list.boxtype-3-list .ss-content-coordinate-info,
.ss-boxtype-list.boxtype-4-list .ss-content-coordinate-info {
  margin: 20px 0 0 0;
  width: 100%;
}

.ss-boxtype-list.boxtype-4-list .ss-content-user-info-list .ss-content-user-meta-list li {
  margin: 0;
  width: 100%;
}

/* カスタマイズ */
* {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  opacity: 0.7;
}

/* header - ヘッダ
-------------------------------------------------------------*/
.futura {
  font-family: futura-pt, sans-serif;
}

#header {
  padding: 15px;
  background-color: #FFF;
}
#header > .inner {
  max-width: 1296px;
  min-width: 600px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-left: 10px;
}
#header .inner ul li a {
  font-size: 14px;
}
#header .inner ul li:last-child {
  margin-left: 0;
}
#header .inner ul li:last-child a {
  font-size: 10px;
}
#header .inner ul li:last-child a svg {
  display: block;
  margin: 0 auto;
}

#header .info_login{
	font-size: 10px;
	color: #767373;
}

#mainvisual {
  position: relative;
}
#mainvisual img {
  width: 100%;
}
#mainvisual .flexslider {
  margin-bottom: 0;
}

.h-search .topSeach {
  display: none;
}

.topSeach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.8980392157);
  z-index: 11111;
}
.topSeach a {
  background: #333;
  padding: 10px 44px;
  border-radius: 50px;
  font-size: 18px;
  color: #FFF;
  line-height: 1;
}
.topSeach a:hover {
  cursor: pointer;
}
.topSeach a svg {
  margin-bottom: -3px;
}

.bg-blue {
  position: relative;
  background-color: #F4FAFF;
}
.bg-blue::before {
  width: 100vw;
  height: 100%;
  left: calc(50% - 50vw);
  top: 0;
  position: absolute;
  content: "";
  background-color: #F4FAFF;
  z-index: -1;
}

.bg-blue.height::before {
  height: 100%;
}

.bg-gray {
  position: relative;
  background-color: #F8F8F8;
}
.bg-gray::before {
  width: 100vw;
  height: 100%;
  left: calc(50% - 50vw);
  top: 0;
  position: absolute;
  content: "";
  background-color: #F8F8F8;
  z-index: -1;
}

.flexslider {
  background-color: unset;
}

.content-about {
  padding: 44px 110px 59px 160px;
}
.content-about .top-slider.flexslider {
  position: relative;
  background-color: unset;
}
.content-about .flexslider .slides > li {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.content-about .flexslider .slides > li .left {
  width: calc(50% - 150px);
  padding-left: 30px;
}
.content-about .flexslider .slides > li .center {
  width: 192px;
}
.content-about .flexslider .slides > li .center img {
  width: 100%;
}
.content-about .flexslider .slides > li .right {
  width: calc(50% - 100px);
}
.content-about .flex-control-nav.flex-control-paging {
  position: absolute;
  left: 0;
  top: 30px;
  width: unset;
  z-index: 10;
}
.content-about .flex-control-nav.flex-control-paging li {
  display: block;
  text-align: left;
  margin-bottom: 50px;
  position: relative;
}
.content-about .flex-control-nav.flex-control-paging li::before {
  content: "";
  position: absolute;
  height: 9px;
  width: 18px;
  background-image: url(../images/icon-bottom.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0;
  bottom: -30px;
  left: 9px;
}
.content-about .flex-control-nav.flex-control-paging li:last-child::before {
  display: none;
}
.content-about .flex-control-nav.flex-control-paging li a {
  position: relative;
  padding-left: 45px;
  font-size: 16px;
  margin-bottom: 60px;
}
.content-about .flex-control-nav.flex-control-paging li a:before {
  position: absolute;
  content: "01";
  left: 0;
  top: -8px;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background: #FFF;
  border: solid 1px #000;
  color: #000;
  font-size: 13px;
  text-align: center;
  line-height: 2.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-about .flex-control-nav.flex-control-paging li a:hover {
  cursor: pointer;
}
.content-about .flex-control-nav.flex-control-paging li a:hover:before {
  background: #000;
  border: solid 1px #FFF;
  color: #FFF;
  cursor: pointer;
}
.content-about .flex-control-nav.flex-control-paging li:nth-child(2) a:before {
  content: "02";
}
.content-about .flex-control-nav.flex-control-paging li:nth-child(3) a:before {
  content: "03";
}
.content-about .flex-control-nav.flex-control-paging li:nth-child(4) a:before {
  content: "04";
}
.content-about .flex-control-nav.flex-control-paging li:nth-child(5) a:before {
  content: "05";
}
.content-about .flex-control-nav.flex-control-paging li:nth-child(6) a:before {
  content: "06";
}
.content-about .flex-control-nav.flex-control-paging li:nth-child(7) a:before {
  content: "07";
}
.content-about .flex-direction-nav li {
  position: absolute;
  bottom: 0;
  right: calc(50% - 163px);
}
.content-about .flex-direction-nav a {
  width: 70px;
  height: 16px;
  font-size: 0;
  position: relative;
}
.content-about .flex-direction-nav a::before {
  position: relative;
  width: 55px;
  height: 16px;
  font-size: 12px;
}
.content-about .flex-direction-nav a.flex-prev {
  opacity: 1;
  right: -21px;
  left: unset;
  line-height: 1.7;
}
.content-about .flex-direction-nav a.flex-prev::before {
  content: "PREV";
  padding-left: 30px;
  background-image: url(../images/icon-left.png);
  background-size: 18px 14px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0;
}
.content-about .flex-direction-nav a.flex-next {
  opacity: 1;
  right: -243px;
  line-height: 1.7;
  text-align: left;
}
.content-about .flex-direction-nav a.flex-next::before {
  content: "NEXT";
  padding-right: 20px;
  background-image: url(../images/icon-right.png);
  background-size: 18px 14px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 40px;
}
.content-about .flex-control-paging li a.flex-active:before {
  background: #000;
  border: solid 1px #FFF;
  color: #FFF;
}

.center {
  text-align: center;
}

h2 {
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #000;
  margin-bottom: 52px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#search {
  position: relative;
  z-index: 9999;
}

.eds-non-active-hide:not(.is-active){
  display: none;
}
.eds-btn.is-active{

}
.content-recommend{
  padding: 50px 0;
}
.content-recommend h2 {
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #000;
  margin-bottom: 52px;
}

.recommend__buttonGroup{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  margin-bottom: 35px;
}

.recommend__button{
  width: 240px;
  border: solid 1px #88919A;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  height: 62px;
}
.recommend__button.is-active{
  border: 1px solid #000000;
  background: #F8F8F8;
}

.recommend__button-txt{
  font-size: 18px;
  margin-left: 8px;
}

.recommend__button-img.round{
  width: 36px;
}

.recommend__button-img.oval{
  width: 27px;
}

.recommend__button-img.square{
  width: 34px;
}

.recommend__button-img.pearShape{
  width: 25px;
}

.recommend__button-img.heart{
  width: 32px;
}

.recommend__button-img.star{
  width: 42px;
}
.recommend__button-img.wire{
  width: 42px;
}

.content-recommend .flex{
  gap: 25px;
}

.recommend__item{
  width: calc(20% - 20px);
}

.recommend__name{
  font-size: 16px;
  color: #000;
  margin: 10px 0 0;
  font-weight: bold;
}

.recommend__price{
  font-weight: 500;
  font-size: 12px;
  color: #707070;
  line-height: 1;
  margin: 10px 0 0 10px;
}

.recommend__img img{
  display: block;
  margin: auto;
}

.content-recommend a.recommend__moreButton{
  width: 445px;
  color: #fff;
  margin: 75px auto 0;
}

.content-category {
  padding: 50px 0; 
	
}
.content-category h2 {
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #000;
  margin-bottom: 52px;
}
.content-category .flex {
  gap: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          /*justify-content: space-between;*/
  			justify-content: center;
  padding: 0 60px;
}
.content-category .item {
  width: calc(25% - 38px);
}
.content-category .item img {
  width: 100%;
}
.content-category .item h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 35px;
  margin: 0 5px 28px;
  line-height: 1;
  height: 36px;
}
.content-category .item p {
  font-weight: 500;
  font-size: 16px;
}

.content-pickup {
  padding: 50px 0;
}
.content-pickup h2 {
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #000;
  margin-bottom: 52px;
}
.content-pickup .flex {
  gap: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 205px;
}
.content-pickup .item {
  width: calc(33% - 34px);
}
.content-pickup .item img {
  width: 100%;
}
.content-pickup .item h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 16px;
  margin: 0 5px 24px;
}
.content-pickup .item p {
  font-weight: 500;
  font-size: 16px;
}

.content-story {
  padding: 50px 0;
  width: 100vw;
  overflow: hidden;
  position: relative;
  left: calc(50% - 50vw);
}
.content-story h2 {
  position: relative;
}
.content-story .flex-viewport {
  overflow: unset !important;
  left: calc(50% - 220px);
}
.content-story .flexslider {
  width: 409px;
  left: calc(50% - 220px);
  height: 380px;
}
.content-story .flexslider .slides > li {
  position: relative;
}
.content-story .flexslider .slides > li:hover {
  opacity: 0.7;
  cursor: pointer;
}
.content-story .flexslider .slides > li::before {
  content: "";
  background-image: url(../images/icon-play.png);
  background-size: contain;
  position: absolute;
  width: 52px;
  height: 52px;
  top: 119px;
  left: calc(50% - 26px);
}
.content-story .flexslider .slides > li img {
  padding: 62px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-story .flexslider .slides > li h3 {
  font-size: 36px;
  line-height: 50px;
  text-align: center;
  color: #3b3b3b;
  font-weight: 500;
  margin-top: 0;
}
.content-story .flexslider .slides > li p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.content-story .flexslider .slides > li h3, .content-story .flexslider .slides > li p {
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
.content-story .flexslider .slides > li.flex-active-slide {
  width: 451px !important;
  margin: 0 -21px;
}
.content-story .flexslider .slides > li.flex-active-slide h3 {
  margin-top: -30px;
  opacity: 1;
}
.content-story .flexslider .slides > li.flex-active-slide h3, .content-story .flexslider .slides > li.flex-active-slide p {
  opacity: 1;
}
.content-story .flexslider .slides > li.flex-active-slide img {
  padding: 0;
  padding: 0 0 62px;
}
.content-story .flexslider .slides > li.flex-active-slide::before {
  top: 115px;
}
.content-story .flex-direction-nav {
  display: none;
}
.content-story .flex-control-nav {
  position: absolute;
  width: 812px;
  left: calc(50% - 400px);
  bottom: -50px;
}
.content-story .flex-control-nav::before {
  content: "";
  position: absolute;
  background-color: #88919A;
  height: 1px;
  width: calc(100% - 118px);
  left: 60px;
  top: 20px;
}
.content-story .flex-control-nav li {
  margin: 0 54px;
}
.content-story .flex-control-nav li a {
  font-size: 0;
  background: #88919A;
  width: 6.15px;
  height: 6.15px;
  display: block;
  border-radius: 50px;
  -webkit-transition: unset;
  transition: unset;
}
.content-story .flex-control-nav li a:hover {
  cursor: pointer;
}
.content-story .flex-control-nav li a.flex-active {
  width: 18px;
  height: 18px;
  top: -6px;
  position: relative;
}

.flex .left {
  width: 50%;
  padding: 44px;
}
.flex .right {
  padding-left: 44px;
  width: 50%;
}
.flex .right .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex .right .item img {
  width: 40%;
}
.flex .right .item div {
  width: 54%;
}

#customize .flex .optionsText{
  padding-left: 195px;
  font-size: 14px;
  color: #ff0000;
  text-align: left;
  margin-top: -20px;
  margin-bottom: 20px;
}

img {
  max-width: 100%;
}

.content-aboutus {
  padding: 50px 0;
}
.content-aboutus img {
  width: 100%;
}
.content-aboutus .right .item {
  margin-bottom: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.content-aboutus .right .item h3 {
  line-height: 1;
}
.content-aboutus .right .item p {
  font-size: 16px !important;
  margin: 5px 0 !important;
  line-height: 25px !important;
}
.content-aboutus .right .item img {
  width: 40%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.flex-pauseplay {
  display: none;
}

.h-search #footer {
  margin-bottom: 0;
}

#footer {
  padding: 50px 0;
  background-color: #2C2C2C;
  min-width: 1110px;
  position: relative;
  z-index: 10;
  top: unset !important;
}
@media screen and (max-width: 1200px) {
  #footer {
    padding: 50px 15px;
  }
}
#footer.bt {
  margin-bottom: 0;
}
#footer .copyright {
  font-family: "Futura PT";
  font-weight: normal;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
}
#footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 746px;
  gap: 24px 30px;
  margin: 50px 0;
}
#footer ul li a {
  color: #FFF;
  font-size: 16px;
  line-height: 1;
}

.pages #main h2.title {
  margin-top: 82px;
  margin-bottom: 23px;
}
.pages #main h2.title img {
  width: 230px;
  margin: 0 auto;
  text-align: center;
}
.pages #main p.lead {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #000;
  margin-bottom: 64px;
}
.pages #main .content-story {
  padding: 30px 0;
  width: 100%;
  left: 0;
  overflow: unset;
}
.pages #main .content-story h2 {
  left: 0;
}
.pages #main .content-story .flex {
  gap: 75px;
  padding: 30px 0 25px;
  min-height: calc(100vh - 630px);
}
.pages #main .content-story .item {
  width: calc(33.3% - 50px);
}
.pages #main .content-story .story-item {
  position: relative;
}
.pages #main .content-story .story-item:hover {
  opacity: 0.7;
  cursor: pointer;
}
.pages #main .content-story .story-item::before {
  content: "";
  background-image: url(../images/icon-play.png);
  background-size: contain;
  position: absolute;
  width: 52px;
  height: 52px;
  top: 63px;
  left: calc(50% - 26px);
}
.pages #main .content-about {
  padding: 50px 0;
}
.pages #main .content-about .flex {
  gap: 60px;
}
.pages #main .content-about .item {
  width: calc(25% - 45px);
}
.pages #main .content-about {
  padding: 50px 0;
}
.pages #main .content-about .flex {
  gap: 37px;
}
.pages #main .content-about .item {
  width: calc(25% - 28px);
}
.pages #main .content-obsession {
  padding: 50px 0;
}
.pages #main .content-obsession .flex {
  gap: 33px;
}
.pages #main .content-obsession .item {
  width: calc(33.3% - 22px);
}
.pages #main .content-flow {
  padding: 50px 0 70px;
}
.pages #main .content-flow .flex {
  gap: 50px 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  position: relative;
}
.pages #main .content-flow .item {
  width: calc(25% - 24px);
  position: relative;
}
.pages #main .content-flow .item::before {
  position: absolute;
  content: "";
  width: 280px;
  height: 5px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1568627451));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1568627451));
  top: 34px;
  right: 50%;
  background-color: #9abfd6;
  z-index: -1;
}
.pages #main .content-flow .item:nth-child(1)::before, .pages #main .content-flow .item:nth-child(5)::before {
  display: none;
}
.pages #main .content-flow .item .number {
  font-family: "Futura PT";
  font-weight: 500;
  font-size: 30px;
  color: #fff;
  line-height: 1;
  text-align: center;
  width: 72px;
  height: 72px;
  background-color: #9abfd6;
  border-radius: 100px;
  border-radius: 100px;
  margin: 0 auto 32px;
  padding-top: 14px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1568627451));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1568627451));
}
.pages #main .content-flow .item .number span {
  font-family: "Futura PT";
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: block;
}
.pages #main .content-faq {
  width: 750px;
  margin: 0 auto 100px;
}
.pages #main .content-faq table {
  width: 100%;
  border: none;
}
.pages #main .content-faq th {
  background-color: unset;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  padding-left: 25px;
  width: 100%;
  display: block;
  padding-bottom: 5px;
}
.pages #main .content-faq th::before {
  content: "Q";
  font-family: "futura-pt";
  font-size: 24px;
  top: 10px;
  left: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  color: #000;
}
.pages #main .content-faq th::after {
  content: "";
  background-image: url(../images/toggle.png);
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 4px;
  width: 10px;
  height: 6.5px;
}
.pages #main .content-faq td {
  background-color: unset;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 7px 0 20px;
}
.pages #main .content-faq tr {
  background-color: #F4FAFF;
  border-radius: 8px;
  border-radius: 10px 10px 0 0;
  display: block;
  padding: 10px 20px 0;
}
.pages #main .content-faq tr:nth-child(even) {
  margin-bottom: 19px;
  display: block;
  border-radius: 0 0 10px 10px;
  height: 0;
  overflow: hidden;
}
.pages #main .content-faq tr.open:nth-child(even) {
  height: unset;
  overflow: unset;
}
.pages #main .content-faq tr.open th {
  border-bottom: 1px solid #000;
}
.pages #main .content-faq tr.open th::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pages #main .content-faq tr.toggle:hover {
  cursor: pointer;
}
.pages #main .content-warranty {
  margin-bottom: 100px;
}
.pages #main .content-warranty .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 11px 15px;
  width: 682px;
  margin: 0 auto;
}
.pages #main .content-warranty .link-list a {
  font-weight: 500;
  font-size: 18px;
  width: 333px;
  background-color: #EFEFEF;
  position: relative;
  display: block;
  padding: 10px 22px;
  border-radius: 8px;
}
.pages #main .content-warranty .link-list a::before {
  position: absolute;
  content: "";
  right: 10px;
  top: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #040000 transparent transparent transparent;
}
.pages #main .content-warranty .content {
  margin-bottom: 56px;
}
.pages #main .content-warranty .content h3 {
  font-size: 24px;
  line-height: 50px;
  color: #3b3b3b;
  width: 100%;
  border-bottom: 1px #B1B7BD solid;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.pages #main .content-warranty .content > div h4 {
  font-size: 20px;
  color: #000;
  font-weight: 300;
  margin-top: 20px;
}
.pages #main .content-warranty .content > div p {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 24px;
  color: #000;
}
.pages #main .content-warranty .content > div a {
  text-decoration: underline;
}
.pages #main .content-privacy {
  margin-bottom: 100px;
}
.pages #main .content-privacy .item {
  margin-bottom: 40px;
}
.pages #main .content-privacy h3 {
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 34px;
  color: #4b4b4b;
}
.pages #main .content-privacy p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 34px;
  color: #4b4b4b;
}
.pages #main .content-cancel > p {
  text-align: center;
  margin: 20px auto 94px;
}
.pages #main .content-cancel p.confirm {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 34px;
  text-align: center;
  color: #4b4b4b;
  margin: 90px auto 30px;
}
.pages #main .content-cancel p.confirm strong {
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.02em;
  line-height: 34px;
  text-align: left;
  color: #4b4b4b;
  margin-bottom: 30px;
  display: block;
  text-align: center;
}
.pages #main .content-cancel .forminside {
  width: 100%;
  margin: 0;
  font-size: unset;
  border: none;
  line-height: unset;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1568627451);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1568627451);
  display: block;
  width: 565px;
  margin: 0 auto;
  padding: 30px 80px;
  border-radius: 8px;
  margin-bottom: 100px;
}
.pages #main .content-cancel table {
  width: 100%;
  margin: 0;
  font-size: unset;
  border: none;
  line-height: unset;
}
.pages #main .content-cancel tbody {
  width: 100%;
  display: block;
}
.pages #main .content-cancel tr {
  display: block;
  border: none;
  margin-bottom: 20px;
}
.pages #main .content-cancel th {
  display: block;
  border: none;
  padding: 0;
}
.pages #main .content-cancel th.title {
  background-color: unset;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 34px;
  text-align: left;
  color: #4b4b4b;
  margin-bottom: 10px;
}
.pages #main .content-cancel td {
  display: block;
  border: none;
  padding: 0;
}
.pages #main .content-cancel input {
  width: 100%;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: #707070;
  border-radius: 8px;
}
.pages #main .content-cancel input.button.positive {
  font-family: "Futura PT";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background: #333333;
  border-radius: 100px;
}
.pages #main .content-cancel input.button.negative {
  font-family: "Futura PT";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 31px;
  text-align: center;
  color: #333333;
  background: #fff;
  border-radius: 100px;
  border: 1px solid #333;
}
.pages #main .content-cancel .buttonarea {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pages #main .content-cancel .buttonarea a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background: #333333;
  border-radius: 100px;
  margin-bottom: 100px;
}

#itemListSimple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
#itemListSimple .box {
  width: calc(25% - 10px);
}

#SEARCH_MAX_ROW_LIST {
  display: none;
}

.page-top .content-about h2 {
  font-size: 22px;
  text-align: left;
  margin: 0;
}
.page-top .content-about .right h3 {
  margin-bottom: 52px;
}
.page-top .content-about .right h3 span {
  border: solid 1px #000;
  color: #000;
  display: inline-block;
  padding: 6px 8px;
  border-radius: 100px;
  font-size: 12px;
  margin-right: 5px;
  vertical-align: middle;
}

.page-topics {
  padding-top: 52px;
  min-height: calc(100vh - 490px);
}
.page-topics h2 {
  font-family: "Futura PT";
}

.page-about p.lead {
  line-height: 35px !important;
}
.page-about .page-about-top {
  padding: 100px 0;
}

#topicsList {
  padding: 36px 63px 56px;
  background-color: white;
  border-radius: 8px;
}
#topicsList h3 {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 36px;
  text-align: left;
  color: #332e2b;
}
#topicsList h3 span, #topicsList h3 a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 36px;
  text-align: left;
  color: #332e2b;
}
#topicsList .time span {
  font-weight: bold;
  font-size: 16px;
  color: #332e2b;
}
#topicsList .item {
  position: relative;
}
#topicsList .item .arrow {
  position: absolute;
  right: 0;
  top: 30px;
}
#topicsList .item > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
}
#video-modal .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#video-modal .inside #popup-video {
  width: 90%;
  height: auto;
}

#close-video-button {
  position: absolute;
  top: calc(50% - 24vw);
  right: 6%;
  font-size: 0;
  background: unset;
  width: 46px;
  height: 46px;
  border: none;
  background: url(../images/mv-close.png);
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#close-video-button:hover {
  cursor: pointer;
  opacity: 0.5;
}
@media screen and (min-width: 1200px) {
  #close-video-button {
    top: calc(50% - 290px);
    right: calc(50% - 530px);
  }
}

#ext .page-about h3,
#ext .content-obsession h3,
#ext .content-flow h3 {
  margin-bottom: 23px;
  font-size: 18px;
  padding: 11px 10px 8px;
}
#ext .content-obsession h3,
#ext .content-flow h3 {
  margin-bottom: 23px;
  font-size: 18px;
  margin: 11px 0 8px;
  padding: 0;
}
#ext .content-obsession p,
#ext .content-flow p {
  margin: 5px 0;
}

.relative {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.relative:hover {
  opacity: 0.7;
}
.relative .a-in {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#loginNew a {
  width: 401px;
  display: block;
  margin: 0 auto 28px;
}
#loginNew a svg {
  width: 100%;
  height: 145px;
}
#loginNew .form {
  width: 373px;
  margin: 0 auto;
}
#loginNew .form .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
#loginNew .form .item p {
  width: 98px;
  text-align: right;
  font-size: 19px;
  color: #000;
  margin: 0;
}
#loginNew .form .item input {
  border-radius: 5px;
  border: solid 1px #b4b4b4;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  width: 259px;
  font-size: 20px;
  height: 38px;
  color: #000;
  background-color: #FFF !important;
}
#loginNew .form .item input#LOGINID, #loginNew .form .item input#PASSWORD {
  background-color: #FFF !important;
}
#loginNew .buttonarea {
  margin: 0;
  padding-top: 57px;
}
#loginNew .buttonarea input {
  margin: 0;
  border-radius: 100px;
  background-color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding: 13px 0;
  min-height: 40px;
}

@media screen and (min-width: 1110px) and (max-width: 1752px) {
  .sidebar-absolute {
    padding-left: calc(890px - 50vw);
  }
}
@media screen and (max-width: 1109px) {
  .sidebar-absolute {
    padding-left: 335px;
    width: calc(100vw - 30px);
  }
}
.input_hide {
  display: none !important;
}

#itemDetail h3 {
  font-size: 28px;
  color: #000;
}
#itemDetail h3 span.item_code {
  display: block;
}
#itemDetail table {
  display: block;
  width: 100%;
}
#itemDetail table tbody {
  display: block;
}
#itemDetail table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#itemDetail table tbody tr th {
  display: block;
  width: 50px;
}
#itemDetail table tbody tr td {
  display: block;
  width: calc(100% - 50px);
}

#itemListSimple {
  gap: 25px;
}
#itemListSimple h3 {
  font-size: 16px;
  color: #000;
  margin: 10px 0 0;
}
#itemListSimple .box {
  width: calc(25% - 19px);
  position: relative;
}
#itemListSimple .box .img_original {
  display: block;
}
#itemListSimple .box .img_hover {
  display: none;
}
#itemListSimple .box .img_hover.on {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#itemListSimple .box:hover {
  cursor: pointer;
}
#itemListSimple .box:hover .img_hover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#itemListSimple .box > a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#itemListSimple .button_area {
  display: none;
}
#itemListSimple .price .teika, #itemListSimple .price span {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
  line-height: 1;
  margin: 10px 0 0;
}
#itemListSimple .appeal {
  margin: 0;
  width: 100%;
  width: 222px;
  height: 222px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  border-radius: 8px;
}

#list_wrap .pageguide,
#list .pageguide {
  width: calc(100% - 210px);
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #000;
  margin-bottom: 3px;
}
#list_wrap .rearrange select,
#list .rearrange select {
  float: right;
  font-size: 14px;
}

#listCategory .filterArea,
#narrowListCategory .filterArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  background: #F2F2F2;
  padding: 12px 14px;
  width: 100%;
  margin: 14px 0 20px;
}
#listCategory .filterArea li,
#narrowListCategory .filterArea li {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#listCategory .filterArea li a,
#narrowListCategory .filterArea li a {
  display: none;
}
#listCategory .filterArea__wrap,
#narrowListCategory .filterArea__wrap {
  position: relative;
}
#listCategory .filterArea__wrap span.title,
#narrowListCategory .filterArea__wrap span.title {
  position: absolute;
  top: 13px;
  left: 14px;
}
#listCategory .filterArea .filter_clear a,
#narrowListCategory .filterArea .filter_clear a {
  background-color: #767373;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  border-radius: 60px;
  display: block;
}

.btn-go-custom {
  width: 100%;
  padding: 18px;
  border-radius: 100px;
  border: solid #333333 1px;
  background-color: #FFF;
  text-align: center;
  margin-bottom: 14px;
  display: block;
}
.btn-go-custom:hover {
  cursor: pointer;
}
.btn-go-custom span {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: center;
  color: #333;
}

#itemDetail {
  width: 1000px;
  margin: 0 auto;
}
#itemDetail .content_left {
  width: 574px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 3px 6px;
          box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 3px 6px;
  border-radius: 8px;
  margin-top: 62px;
  margin-bottom: 62px;
}
#itemDetail .content_left h3 {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
#itemDetail .content_left p {
  font-size: 14px;
  color: #ff0000;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
}
#itemDetail .content_right {
  background: #F4FAFF;
  padding: 39px 60px;
  margin-top: 62px;
  margin-bottom: 62px;
  width: 384px;
  position: relative;
  opacity: 0;
}
#itemDetail .content_right::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 30px 25px 0;
  border-color: transparent #f4faff transparent transparent;
}
#itemDetail .content_right #simulation {
  width: 100%;
  height: auto;
  position: relative;
  background: #fff;
}
#itemDetail .content_right #simulation img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 2;
}
#itemDetail .content_right #simulation img.frame {
  position: absolute;
  width: 80%;
  height: 80%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0;
  top: 10%;
  left: 10%;
}
#itemDetail .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#itemDetail .selection > div:first-child, #itemDetail .selection > span:first-child {
  border-top: solid #A6ACB3 1px;
  display: block;
}
#itemDetail .selection .select-wrap {
  margin-left: 0;
}
#itemDetail .selection .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: solid #A6ACB3 1px;
  padding-bottom: 13px;
}
#itemDetail .selection .left {
  width: 150px;
  padding: 20px 0 0 30px;
  min-height: 150px;
}
#itemDetail .selection .left img {
  min-height: 120px;
}
#itemDetail .selection .right {
  width: calc(100% - 150px);
  padding-right: 43px;
}
#itemDetail .selection .right .name {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #000;
}
#itemDetail .selection .right .input select {
  width: 100%;
  height: 39px;
}
#itemDetail #input-datalist {
  display: block;
  margin: 10px 0;
  width: 100%;
}
#itemDetail .simulation h3 {
  text-align: center;
  font-size: 24px;
  margin: 30px -30px 17px;
}
#itemDetail .simulation p {
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  color: #000;
}
#itemDetail .button ,.recommend__moreButton{
  padding: 20px;
  border-radius: 100px;
  border: solid #333333 1px;
  background-color: #333333;
  text-align: center;
  margin-bottom: 18px;
  font-weight: bold;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 60px;
}
#itemDetail h3.underline {
  font-size: 28px;
  color: #000;
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  margin-bottom: 18px;
  padding-left: 15px;
}
#itemDetail h3 span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.8;
}
#itemDetail .text .price {
  font-weight: bold;
  font-size: 24px;
  color: #000;
  margin: 0 0 17px;
  padding-left: 15px;
}
#itemDetail .text .putcart {
  height: 60px;
  padding-bottom: 20px;
  overflow: hidden;
  border-radius: 100px;
  margin-bottom: 20px;
}
#itemDetail .item_info {
  padding: 34px;
  background-color: #F2F2F2;
  border-radius: 8px;
  margin-bottom: 41px;
}
#itemDetail .item_info .title {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
#itemDetail .item_info .inside {
  margin-bottom: 20px;
}
#itemDetail .item_image_area #targetarea {
  width: 430px;
  position: relative;
  margin-left: 30px;
}
#itemDetail .item_image_area #targetarea .arrow_next {
  position: absolute;
  top: 205px;
  right: -55px;
  width: 40px;
  height: 40px;
}
#itemDetail .item_image_area #targetarea .arrow_next:hover {
  cursor: pointer;
}
#itemDetail .item_image_area #targetarea .arrow_prev {
  position: absolute;
  top: 205px;
  left: -55px;
  width: 40px;
  height: 40px;
}
#itemDetail .item_image_area #targetarea .arrow_prev:hover {
  cursor: pointer;
}
#itemDetail .item_image_area #main_box {
  border: none;
}
#itemDetail .item_image_area .img_box {
  width: 430px;
  height: 430px;
}
#itemDetail .item_image_area .img_box img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
#itemDetail .item_image_area .thumb {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px;
  margin-top: 26px;
}
#itemDetail .item_image_area .thumb li {
  float: unset;
  width: calc(33% - 18px);
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
}
#itemDetail .item_image_area .thumb li a {
  width: 100%;
  height: 100%;
}
#itemDetail .item_image_area .thumb li a img {
  max-height: 150px;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
#itemDetail .output {
  padding: 52px 41px;
  background-color: #F2F2F2;
  border-radius: 8px;
}
#itemDetail .output .putcart {
  width: 445px;
  margin: 0 auto;
}
#itemDetail .output .putcart .button {
  margin-bottom: 0;
}
#itemDetail .output .putcart {
  height: 60px;
  padding-bottom: 20px;
  overflow: hidden;
  border-radius: 100px;
  margin-bottom: 20px;
}
#itemDetail .btn_mitsumori {
  width: 445px;
  padding: 18px;
  border-radius: 100px;
  border: solid #333333 1px;
  background-color: #FFF;
  text-align: center;
  margin: 30px auto 64px;
  display: block;
  font-size: 16px;
}
#itemDetail .btn_mitsumori:hover {
  cursor: pointer;
}
#itemDetail .customize_output {
  border-bottom: 1px solid;
}
#itemDetail .customize_output .item {
  margin-bottom: 8px;
}
#itemDetail .customize_output .title {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #000;
}
#itemDetail .price_total_here {
  margin: 28px 0 41px;
  font-weight: bold;
  font-size: 28px;
  text-align: right;
  color: #000;
}

#itemListDetail {
  position: relative;
  margin-top: 80px;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 84px;
}
#itemListDetail::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  left: calc(50% - 50vw);
  top: 0;
  z-index: -1;
  background-color: #F4FAFF;
}
@media screen and (max-width: 1100px) {
  #itemListDetail::before {
    left: 0;
  }
}
#itemListDetail h2 {
  font-size: 24px;
  font-weight: bold;
}
#itemListDetail .flex__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 55px;
}
#itemListDetail .box {
  width: calc(33% - 37px);
}
#itemListDetail .box .img_box img {
  position: relative;
  border-radius: 8px;
}
#itemListDetail .box h3 {
  font-size: 16px;
  color: #000;
  margin-top: 13px;
}
#itemListDetail .box .price {
  font-weight: 500;
  font-size: 12px;
  color: #707070;
}

.cart h2 {
  margin-bottom: -18px;
}
.cart .cart_step ul {
  margin-bottom: 47px;
  position: relative;
  padding-top: 50px;
}
.cart .cart_step ul::before {
  content: "";
  width: calc(100% - 140px);
  height: 1px;
  background-color: #88919A;
  position: absolute;
  left: calc(70px - 50%);
  top: 36px;
}
.cart .cart_step ul li {
  font-size: 10px;
  position: relative;
  font-weight: 500;
  color: #000;
}
.cart .cart_step ul li::before {
  content: "";
  width: 6.2px;
  height: 6.2px;
  background-color: #88919A;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: -16px;
  border-radius: 100px;
}
.cart .cart_step ul li.active {
  color: #000;
}
.cart .cart_step ul li.active::before {
  width: 18px;
  height: 18px;
  top: -22px;
}
.cart #cart_info h3 {
  font-size: 24px;
  text-align: center;
  color: #000;
}
.cart #cart_info p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 34px;
  text-align: left;
  width: 530px;
  margin: 0 auto;
  color: #4b4b4b;
  margin: 26px auto 0;
}

#cartIndex {
  margin-bottom: 50px;
}
#cartIndex .btn_mitsumori {
  width: 149px;
  padding: 13px 0;
  border-radius: 100px;
  border: solid #FFF 1px;
  background-color: #767373;
  color: #FFF;
  text-align: center;
  margin: 0px 0 27px auto;
  display: block;
  font-size: 16px;
}
#cartIndex .btn_mitsumori:hover {
  cursor: pointer;
}
#cartIndex .content * {
  border: none;
}
#cartIndex .content select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  color: #000;
}
#cartIndex .content select:focus-visible, #cartIndex .content select:focus {
  outline: none;
}
#cartIndex .content .nums {
  position: relative;
  padding-left: 16px;
}
#cartIndex .content .nums::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #FFF;
  z-index: 1;
  top: 0;
  right: 0;
}
#cartIndex .content .delete a {
  background: #fff;
  color: #E34A4A;
  border: solid #E34A4A 1px;
  border-radius: 60px;
  width: 91px;
  line-height: 1;
  padding: 7px 0 6px;
}
#cartIndex .content table {
  width: 1110px;
}
#cartIndex .content table tbody tr {
  border-bottom: 1px solid #88919A;
}
#cartIndex .content table tbody tr:first-child {
  border-bottom: 0;
}
#cartIndex .content table tbody tr th, #cartIndex .content table tbody tr td {
  vertical-align: middle;
}
#cartIndex .content table tbody tr th:first-child, #cartIndex .content table tbody tr td:first-child {
  width: 41.4%;
}
#cartIndex .content table tbody tr th:nth-child(2), #cartIndex .content table tbody tr td:nth-child(2) {
  width: 18.2%;
}
#cartIndex .content table tbody tr th:nth-child(3), #cartIndex .content table tbody tr td:nth-child(3) {
  width: 12.3%;
}
#cartIndex .content table tbody tr th:nth-child(4), #cartIndex .content table tbody tr td:nth-child(4) {
  width: 19.5%;
  padding-left: 0;
}
#cartIndex .content table tbody tr th:last-child, #cartIndex .content table tbody tr td:last-child {
  width: 8.3%;
}
#cartIndex .content table tbody tr th {
  background-color: #C4C4C4;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  padding: 6px 0;
}
#cartIndex .content table tbody tr th:first-child {
  padding-left: 20px;
}
#cartIndex .content table tbody tr td {
  padding: 3px;
}
#cartIndex .content table tbody tr td:first-child .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#cartIndex .content table .img_box {
  width: 110px;
  height: 110px;
}
#cartIndex .content table .text_box {
  width: calc(100% - 110px);
  padding-left: 33px;
}
#cartIndex .content table .text_box p a {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  margin: 0;
}
#cartIndex .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#cartIndex .btn_wrap .buttonarea a {
  width: 230px;
  padding: 18px;
  border-radius: 100px;
  border: solid #FFF 1px;
  background-color: #333333;
  color: #FFF;
  text-align: center;
  margin: 49px auto 64px;
  display: block;
}
#cartIndex .btn_wrap .buttonarea.neg a {
  border: solid #333333 1px;
  background-color: #FFF;
  color: #333333;
}

.cart_seisan #cart_info, .cart_confirm #cart_info, .cart_result #cart_info {
  margin-bottom: 52px;
}

#cartFlow {
  margin-bottom: 50px;
  padding: 0 5px;
}
@media screen and (max-width: 1200px) {
  #cartFlow {
    width: 100%;
    padding: 0 20px;
  }
}
#cartFlow input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 70px !important;
}
#cartFlow #totalLast .price {
  text-align: right;
  display: inline-block;
  width: auto;
  padding-left: 20px;
}
#cartFlow #totalLast .total2 {
  margin-top: 10px;
}
#cartFlow #totalLast .total2 .price {
  color: #FF0000;
}
#cartFlow #totalLast .total3 {
  background-color: #F2F2F2;
  display: inline-block;
  padding: 24px 6px 23px 16px;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 50px;
}
#cartFlow #totalLast .total3 .price {
  font-weight: bold;
  font-size: 40px;
  text-align: revert;
  width: 260px;
  padding: 0 10px;
  width: auto;
}
#cartFlow #totalLast .total3 small {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #000;
  display: inline-block;
}
#cartFlow #totalLast .total1 span, #cartFlow #totalLast .total2 span, #cartFlow #totalLast .total3 span {
  display: inline;
  font-weight: 500;
  font-size: 18px;
  text-align: right;
  color: #000;
}
#cartFlow .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 24px;
}
#cartFlow .btn_wrap .buttonarea a, #cartFlow .btn_wrap .buttonarea input {
  width: 230px;
  padding: 18px;
  border-radius: 100px;
  border: solid #FFF 1px;
  background-color: #333333;
  color: #FFF;
  text-align: center;
  margin: 49px auto 64px;
  display: block;
  height: 52px;
  min-height: 52px;
}
#cartFlow .btn_wrap .buttonarea.neg a {
  border: solid #333333 1px;
  background-color: #FFF;
  color: #333333;
}
#cartFlow .inside-inline {
  display: inline !important;
}
#cartFlow .inside-inline input {
  display: inline;
}

#cartFlow .inside-inline.stone_size >span{
  display: inline !important;
}
#cartFlow .content1 * {
  border: none;
}
#cartFlow .content1 table {
  width: 1110px;
}
@media screen and (max-width: 1200px) {
  #cartFlow .content1 table {
    width: 100%;
  }
}
#cartFlow .content1 table tbody {
  display: block;
  width: 1110px;
}
@media screen and (max-width: 1200px) {
  #cartFlow .content1 table tbody {
    width: 100%;
  }
}
#cartFlow .content1 table tr {
  border-bottom: 1px solid #88919A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 0;
}
#cartFlow .content1 table tr:first-child {
  padding: 0;
  border-bottom: 0;
}
#cartFlow .content1 table tr th, #cartFlow .content1 table tr td {
  vertical-align: middle;
  text-align: left;
}
#cartFlow .content1 table tr th:first-child, #cartFlow .content1 table tr td:first-child {
  width: 45%;
}
#cartFlow .content1 table tr th:nth-child(2), #cartFlow .content1 table tr td:nth-child(2) {
  width: 21%;
}
#cartFlow .content1 table tr th:nth-child(3), #cartFlow .content1 table tr td:nth-child(3) {
  width: 16.7%;
}
#cartFlow .content1 table tr th:last-child, #cartFlow .content1 table tr td:last-child {
  width: 17.2%;
}
#cartFlow .content1 table tr th {
  background-color: #C4C4C4;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  padding: 6px 0;
}
#cartFlow .content1 table tr th:first-child {
  padding-left: 20px;
}
#cartFlow .content1 table tr td {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#cartFlow .content1 table tr td:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#cartFlow .content1 table tr .img_box {
  width: 110px;
  height: 110px;
}
#cartFlow .content1 table tr .text_box {
  width: calc(100% - 110px);
  padding-left: 33px;
}
#cartFlow .content1 table tr .text_box p a {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  margin: 0;
}
#cartFlow h3 {
  background-color: #F2F2F2;
  padding: 14px 25px 11px;
  font-size: 20px;
  text-align: left;
  color: #000;
  margin-top: 80px;
}
#cartFlow h3.obj {
  background-color: #F2F2F2;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #000;
  padding: 14px 25px 11px;
}
#cartFlow h3 span {
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  color: #000;
  width: 350px;
  display: inline-block;
  float: right;
  line-height: 2.1;
}
#cartFlow .content2 .item {
  border-bottom: solid 1px #88919A;
  padding: 12px 10px 20px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#cartFlow .content2 .item span {
  display: block;
  width: calc(100% - 321px);
}
#cartFlow .content2 .item span:first-child {
  width: 321px;
}
#cartFlow input[type=checkbox] {
  width: 20px;
  height: 20px;
}
#cartFlow .required {
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  color: #fff;
  background-color: #E59C9C;
  border-radius: 4px;
  padding: 4px 8px;
  margin-left: 8px;
  display: inline;
  display: none;
}
#cartFlow .content3 table tr {
  border-bottom: 1px solid #88919A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 17px 0 29px;
  margin-bottom: 10px;
}
#cartFlow .content3 table tr th {
  width: 29%;
  text-align: left;
  padding-left: 18px;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #000;
}
#cartFlow .content3 table tr td {
  width: 71%;
  padding-right: 10px;
}
#cartFlow .content3 table tr .title.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#cartFlow .content3 table tr .title.flex span {
  width: 70%;
  display: block;
}
#cartFlow .content3 table tr .title.flex span.required {
  width: unset;
  display: block;
  display: none;
}
#cartFlow .kessai .flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0;
}
#cartFlow .kessai .flex_wrap h4 {
  width: 28.4%;
  padding-left: 20px;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #000;
}
#cartFlow .kessai .flex_wrap .flex_item {
  width: 71.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 28px;
}
#cartFlow .kessai .flex_wrap .flex_item .flex .title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#cartFlow .kessai .flex_wrap .flex_item .flex .title span input {
  width: 20px;
  height: 20px;
}
#cartFlow .total {
  width: 100%;
  margin-bottom: -20px;
}

#cartFlow .total .price {
  font-weight: bold;
  font-size: 28px;
  text-align: left;
  color: #000;
}

#custom_submit:hover {
  cursor: pointer;
}

#main.search {
  width: 1000px;
  margin-top: 30px;
}
#main.search .tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 7px;
  margin-bottom: 6px;
}
#main.search .tabs li {
  width: 151px;
  background-color: #F4F4F4;
  border-radius: 8px;
  text-align: center;
  padding: 9px 9px 8px;
  margin-bottom: -10px;
}
#main.search .tabs li:hover {
  cursor: pointer;
}
#main.search .tabs li a {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  line-height: 1;
}
#main.search .tabs li.active {
  height: 50px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 3px 6px;
          box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 3px 6px;
  background-color: #FFF;
  position: relative;
}
#main.search .tabs li.active::before {
  content: "";
  position: absolute;
  background-color: #FFF;
  width: 100%;
  height: 15px;
  bottom: -10px;
  left: 0;
}
#main.search .tabs li.active::after {
  content: "";
  position: absolute;
  background-color: #FFF;
  width: 10px;
  height: 10px;
  bottom: -6px;
  right: -6px;
}

#main.search .custom_form{
  background: #F2F2F2;
  border-radius: 8px;
  padding: 32px;
}

#main.search .custom_form .item:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
}

#main.search .serch_content {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 3px 6px;
          box-shadow: rgba(0, 0, 0, 0.1882352941) 0px 3px 6px;
  padding: 60px 70px;
  margin-bottom: 60px;
  border-radius: 8px;
}
#main.search .serch_content #custom_form_submit,
#main.search .serch_content #custom_form_submit1,
#main.search .serch_content #custom_form_submit2,
#main.search .serch_content #custom_form_submit3 {
  width: 230px;
  padding: 16px;
  border-radius: 100px;
  border: solid #FFF 1px;
  background-color: #333333;
  color: #FFF;
  text-align: center;
  margin: 32px auto 0;
  display: block;
  line-height: 1;
  font-size: 14px;
}
#main.search .serch_content #custom_form_submit:hover,
#main.search .serch_content #custom_form_submit1:hover,
#main.search .serch_content #custom_form_submit2:hover,
#main.search .serch_content #custom_form_submit3:hover {
  cursor: pointer;
}
#main.search .serch_content input[type=radio]:checked{
  background-image:url("../images/item_list_checkbox.svg")
}

#main.search .serch_content input[type=checkbox]:checked{
  background-image:url("../images/item_list_checkbox.svg")
}

#main.search .serch_content .item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #B1B7BD;
}
#main.search .serch_content .item.haveStone{
  border-bottom: none;
  padding: 0;
  margin-bottom: 32px;
}
#main.search .serch_content .item.last {
  border-bottom: 0;
}
#main.search .serch_content .item .title {
  font-weight: bold;
  font-size: 18px;
  color: #000;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
}
#main.search .serch_content .item .title .require {
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  background-color: #E59C9C;
  border-radius: 4px;
  padding: 5px 6px;
  line-height: 1;
  margin-left: 10px;
  vertical-align: middle;
}
#main.search .serch_content .item .item_select_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}


#main.search .serch_content .stone_size{ 
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 16px;
  border-radius: 8px;
}

#main.search .serch_content .stone_size .stone_size_left{
  margin: 0 32px 0 9px;
  display: flex;
}
#main.search .serch_content .stone_size .stone_size_horizontal{
  margin-left: 16px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
#range_horizontal {
  height: 16px;
  width: 136px;
  margin-bottom: 8px;
  padding-left: 32px;
}
#range_horizontal .noUi-connects{
  margin: 0 -32px;
  width: calc(100% + 32px);
}

#range_vertical{
	width: 16px;
	height: 136px;
  padding-top: 32px;
}

#range_vertical .noUi-connects{
  margin: -32px 0;
  height: calc(100% + 32px);
}

.stone_size_left .noUi-handle {
  width: 32px;
  height: 32px;
  border-radius: 50%;      /* ← 丸くする */
  background: #ffffff;
  border:none;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

#range_horizontal .noUi-handle {
  top: -8px;
  right: 0;
}
#range_vertical .noUi-handle{
  right: -8px;
  bottom: -32px;
}

.stone_size_left .noUi-target{
  border-radius: 100px;
  background: #CCCCCC;
  border: none;
  box-shadow: none;
  box-sizing: border-box
}
.stone_size_left .noUi-connect{
  background: #000000;
}

.stone_size_left .noUi-connects{
  border-radius: 100px;
}

.stone_size_left .noUi-handle::before,
.stone_size_left .noUi-handle::after {
  display: none;
}

#main.search .serch_content .stone_size .stone_size_img{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-bottom: 24px;
}

#main.search .serch_content .stone_size .stone_size_img img{
   width: 96px;
   height: 96px;
}

#main.search .serch_content .stone_size .stone_size_right{
  flex: 1;
  display: flex;
  flex-direction: column;
}

#main.search .serch_content .stone_size .stone_size_right input{
  margin: 0 8px;
}

#main.search .serch_content .stone_size .stone_size_right div:not(:first-child){
  margin-top: 8px;
}

#main.search .serch_content .item .item_select_wrap.ringsizes{
  gap: 24px;
  padding-right: 10px;
}
#main.search .serch_content .item .item_select_wrap.ringsizes label span{
  min-width: 18px;
}
#main.search .serch_content .item .item_select_wrap.img{
  gap: 16px;
}

#main.search .serch_content .item .item_select_wrap.img .item_select{
   display: flex;
   justify-content: center;
   flex-direction: column;
   width: 100px;
   gap: 8px;
}

#main.search .serch_content .item .item_select_wrap.img .item_select.disable{
  pointer-events: none;
  opacity: 0.6;
}

#main.search .serch_content .item .item_select_wrap.img .item_select label {
    border: 1px solid #ccc;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fff;
    gap: 0;
}

#main.search .serch_content .stone_size .stone_size_right div.stone_result{
  padding: 8px 12px;
  background: #F4FAFF;
  font-size: 14px;
  width: 100%;
  margin-top: auto;
  border-radius: 100px;
}

#main.search .serch_content .item .item_select_wrap.img .item_select div{
  width: 100%;
  text-align: center;
  font-size: 14px;
  flex-grow: 1;
}

#main.search .serch_content .item .item_select_wrap.img .item_select label:has(input:checked) {
/* 20251217 日置 */
  border-color: #E59C9C;
  border-width: 5px;
}

#main.search .serch_content .item .item_select_wrap.img .item_select label {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#main.search .serch_content .item .item_select_wrap.img .item_select label img{
  width: 64px;
  height: 64px;
}
#main.search .serch_content .item .item_select_wrap.img .item_select label input[type=checkbox] {
 display: none;
}

#main.search .serch_content .item .item_select_wrap.img .item_select label input[type=radio] {
  display: none;
}

#main.search .serch_content .item .item_select_wrap.img.series .item_select{
  width: 187px;
}

#main.search .serch_content .item .item_select_wrap.img.series .item_select label{
  width: 187px;
  height: 84px;
  border-radius: 8px;
}

#main.search .serch_content .item .item_select_wrap.img.series .item_select label img{
  width: 163px;
  height: auto;
}

#main.search .serch_content .item .item_select_wrap.img.series .item_select div{
  font-size: 16px;
}

#main.search .serch_content .item .item_select_wrap .item_select label input[type=checkbox] {
  width: 20px;
  height: 20px;
}

#main.search .serch_content .item .item_select_wrap .item_select label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
#main.search .serch_content .item .item_select_wrap .item_select input[type=radio] {
  width: 20px;
  height: 20px;
}

#main.search .serch_content .item .item_select_wrap.ingot label span{
  min-width: 54px;
}

#main.search .serch_content .item .item_select_wrap.ingot img{
  width: 24px;
  height: 24px;
  border: 1px solid #B1B7BD;
  border-radius: 100%;
}

#main.search .serch_content .item .info {
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  color: #9d9d9d;
  margin-top: 8px;
}

#main.search .serch_content .item .title .info{
  margin-left: 10px;
  margin-top: 0;
}

#main.search .serch_content .item .info .red {
  color: red;
}

#main.search .serch_content .item .red{
  color: red;
  font-size: 12px;
  margin-left: 10px;
}
#main.search .serch_content .item input[type=text] {
  border-radius: 5px;
  width: 259px;
  padding: 5px;
}
#main.search .serch_content .item.reqiredBg .item_select_wrap .item_select input[type=radio] {
  background-color: #FAEEED;
  border: 2px solid #B4B4B4;
}
#main.search .serch_content .item.reqiredBg .item_select_wrap .item_select input[type=radio]:checked {
  border: none;
}
#main.search .serch_content .item.reqiredBg input[type=text] {
  background-color: #FAEEED;
  border: 2px solid #B4B4B4;
}

#main.search .icon_flex{
  display: flex;
  align-items: center;
}
#main.search .icon_multi{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  color: #fff;
  border-radius: 100px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  height: 26px;
  margin-left: auto;
}

@media print {
  .detail-p #header, .detail-p #footer, .detail-p #itemListDetail, .detail-p .p-n, .detail-p .topSeach {
    display: none !important;
  }
  html, body {
    height: auto;
    min-height: auto;
  }
}
.user-name input {
  width: 259px;
  display: block;
  border-radius: 5px;
}
.user-name input + span {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
  display: block;
}

.hide-target {
  position: relative;
}
.hide-target.hide::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  position: absolute;
}
.hide-target .HTMLFORM_LABEL_GROUP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.shitadori .hide {
  display: none;
}
.shitadori .inline input {
  display: inline;
}

.adukari input, .adukari select,
.shitadori input,
.shitadori select,
.delivery input,
.delivery select,
.others input,
.others select {
  width: 259px;
  display: block;
  border-radius: 5px;
  margin-bottom: 10px;
}
.adukari input + span, .adukari select + span,
.shitadori input + span,
.shitadori select + span,
.delivery input + span,
.delivery select + span,
.others input + span,
.others select + span {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
  display: block;
}
.adukari select,
.shitadori select,
.delivery select,
.others select {
  height: 38px;
}
.adukari table tr th span,
.shitadori table tr th span,
.delivery table tr th span,
.others table tr th span {
  display: block;
}
.adukari table tr td span,
.shitadori table tr td span,
.delivery table tr td span,
.others table tr td span {
  display: block;
}

#complete-buy,
#complete-save {
  display: none;
  margin-bottom: 104px;
}
#complete-buy #cart_info,
#complete-save #cart_info {
  margin-bottom: 35px;
}
#complete-buy #cart_info h3,
#complete-save #cart_info h3 {
  margin-top: 60px;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.02em;
  line-height: 34px;
  text-align: left;
  color: #4b4b4b;
  text-align: center;
}
#complete-buy > div p,
#complete-save > div p {
  text-align: center;
  line-height: 2.2;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #4b4b4b;
}
#complete-buy > div p strong,
#complete-save > div p strong {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #000;
}
#complete-buy > div .bg-skyblue,
#complete-save > div .bg-skyblue {
  width: 565px;
  background-color: #F4FAFF;
  padding: 23px;
  margin: 80px auto;
}
#complete-buy > div .bg-skyblue .number,
#complete-save > div .bg-skyblue .number {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #000;
}
#complete-buy > div .bg-skyblue .number span,
#complete-save > div .bg-skyblue .number span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #000;
}
#complete-buy > div .bg-skyblue a,
#complete-save > div .bg-skyblue a {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.03em;
  line-height: 31px;
  text-align: center;
  color: #fff;
  width: 303px;
  margin: 0 auto;
  background-color: #333333;
  padding: 34px 0;
  border-radius: 8px;
  margin-bottom: 18px;
}
#complete-buy > div .bg-skyblue a svg,
#complete-save > div .bg-skyblue a svg {
  top: 3px;
  position: relative;
}
#complete-buy .btns a.btn-history,
#complete-save .btns a.btn-history {
  width: 230px;
  padding: 14px;
  border-radius: 100px;
  text-align: center;
  margin: 52px auto 26px;
  display: block;
  font-size: 14px;
  border: solid #333333 1px;
  background-color: #FFF;
  color: #333333;
}
#complete-buy .btns a.btn-top,
#complete-save .btns a.btn-top {
  width: 230px;
  padding: 14px;
  border-radius: 100px;
  border: solid #FFF 1px;
  background-color: #333333;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: 14px;
}

#history {
  margin-top: 50px;
}
#history .lead {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 34px;
  text-align: center;
  color: #4b4b4b;
  margin-bottom: 51px;
}
#history .history_table .h-product {
  width: 36.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history .history_table .h-product .way {
  width: 8.4%;
  background: #E7BEBB;
  display: block;
  padding: 9px;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  color: #fff;
  line-height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
#history .history_table .h-product .way.save {
  background: #D0E3BF;
}
#history .history_table .h-product .way.cancelled {
  background: #bbb;
}
#history .history_table .h-product > div {
  width: 36.4%;
  padding-left: 8px;
}
#history .history_table .h-product > div .img_box {
  width: 100%;
  height: 100%;
  margin: 0;
}
#history .history_table .h-product > div .img_box img {
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative;
  max-height: 100%;
  max-width: 100%;
}
#history .history_table .h-product .item_name {
  width: 55.2%;
  padding-left: 20px;
}
#history .history_table .h-name {
  width: 10.1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history .history_table .h-name * {
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #000;
  word-break: break-all;
}
#history .history_table .h-price {
  width: 10.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history .history_table .h-price span {
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #000;
}
#history .history_table .h-day {
  width: 13.7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history .history_table .h-day .infoarea {
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #000;
  margin: 0;
}
#history .history_table .h-others {
  width: 29.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history .history_table .h-others .btns {
  width: 60%;
}
#history .history_table .h-others .btns .download a {
  padding: 10px;
  font-family: "Futura PT";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background-color: #767373;
  border-radius: 100px;
  margin-bottom: 7px;
  color: #FFFFFF;
  line-height: 1;
  padding: 10px;
}
#history .history_table .h-others .btns .cancel {
  width: 100%;
  display: none;
}
#history .history_table .h-others .btns .cancel input.negative {
  border-radius: 100px;
  font-family: "Futura PT";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 31px;
  text-align: center;
  color: #e34a4a;
  background-color: #FFF;
  border: solid 1px #e34a4a;
  width: 100%;
  line-height: 1;
  padding: 7px;
}
#history .history_table .h-others .link span {
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  color: #000;
}
#history .history_table .h-others .link .btn a {
  width: 40px;
  height: 40px;
  background-color: #000000;
  font-size: 0;
  border-radius: 40px;
  padding: 14.5px 0 0 5px;
}
#history .history_table .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #C4C4C4;
  padding: 11px 34px;
  line-height: 1;
  margin-bottom: 17px;
}
#history .history_table .head div {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #fff;
}
#history .history_table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #88919A;
}
#history .history_table .item.save .h-others .btns .download {
  display: none;
}

#list_wrap .navs,
#list .navs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
#list_wrap .navs .right,
#list .navs .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#list_wrap .navs .viewnum span,
#list .navs .viewnum span {
  margin-right: 10px;
  display: inline-block;
}
#list_wrap .navs .viewnum select,
#list .navs .viewnum select {
  background: #F4F4F4;
  padding: 7px 20px 6px 5px;
  height: 38px;
  width: 136px;
  border-radius: 5px;
}
#list_wrap .pagelink,
#list .pagelink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  max-width: calc(100% - 450px);
}
#list_wrap .pagelink.foot,
#list .pagelink.foot {
  max-width: 100%;
  margin-bottom: 60px;
}
#list_wrap .pagelink span,
#list .pagelink span {
  font-size: 15px;
}
#list_wrap .pagelink span.custom-nav:hover,
#list .pagelink span.custom-nav:hover {
  cursor: pointer;
}
#list_wrap .pagelink .not-current,
#list .pagelink .not-current {
  width: 28px;
  height: 28px;
  border-radius: 20px;
  font-size: 15px;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#list_wrap .pagelink .current,
#list .pagelink .current {
  background-color: #F4F4F4;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  font-size: 15px;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#list_wrap .rearrange,
#list .rearrange {
  width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #000;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#list_wrap .rearrange select,
#list .rearrange select {
  background: #F4F4F4;
  padding: 7px 20px 6px 5px;
  height: 38px;
  width: 136px;
  border-radius: 5px;
}
.cam-wrap {
  position: relative;
}
.cam-wrap input[type=file] {
  display: none;
}
.cam-wrap svg {
  display: block;
  margin-bottom: 5px;
}
.cam-wrap svg:hover {
  cursor: pointer;
}

#history {
  margin-bottom: 50px;
}
#history .pagelink {
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 34px;
  margin-top: 30px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#history .pagelink a {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 34px;
  color: #000;
}
#history .arrow_prev {
  margin-right: 30px;
}
#history .arrow_prev svg {
  width: 22px;
  height: 22px;
  top: 4px;
  position: relative;
}
#history .arrow_next {
  margin-left: 30px;
}
#history .arrow_next svg {
  width: 22px;
  height: 22px;
  top: 4px;
  position: relative;
}

#history .history_pagenation .pagelink > a, #history .history_pagenation .pagelink .current, #history .history_pagenation .pagelink .replace {
  letter-spacing: 0.06em !important;
  font-weight: normal;
  font-size: 18px;
  line-height: 34px;
  color: #000;
  margin: 0 10px;
}
#history .history_pagenation .pagelink > a > a, #history .history_pagenation .pagelink .current > a, #history .history_pagenation .pagelink .replace > a {
  letter-spacing: unset;
  margin: 0;
}
#history .history_pagenation .pagelink .current {
  background-color: #F4F4F4;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  padding: 8px 13px 0;
  line-height: 1;
  display: block;
}

#pointcheck .point-hide {
  position: relative;
}
#pointcheck .point-hide{
  display: none!important;
}
/* #pointcheck .point-hide:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
} */

#btn-submit {
  width: 230px;
  border-radius: 100px;
  border: solid #FFF 1px;
  background-color: #333333;
  color: #FFF;
  text-align: center;
  margin: 49px auto 64px;
  display: block;
  padding: 14px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#btn-submit:hover {
  opacity: 0.7;
}

.azukari-target-hide ,.stone-target-hide,.js-itemInfo{
  position: relative;
}
.azukari-target-hide.hide,.azukari-target-hide.keep-item-hide,.azukari-target-hide.azukari-hide,.stone-target-hide.stone-hide,.js-itemInfo.js-itemInfoHide {
  display: none!important;
}
/* .azukari-target-hide.hide::before,.azukari-target-hide.keep-item-hide::before,.azukari-target-hide.azukari-hide::before,.stone-target-hide.stone-hide::before,.js-itemInfo.js-itemInfoHide::before {
  content: "";
  left: 0;
  top: 1px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  position: absolute;
} */

#btn-submit:hover {
  cursor: pointer;
}

.HTMLFORM_ELEMENT {
  position: relative;
}
.HTMLFORM_ELEMENT.hide::before {
  content: "";
  left: -5px;
  top: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  position: absolute;
}
.HTMLFORM_ELEMENT input:focus-visible {
  outline: none;
}

input[type=radio] {
  position: relative;
  height: 20px;
  width: 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  border-radius: 3px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
input[type=radio]:checked {
  height: 24px !important;
  width: 24px !important;
  border: none;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16'><rect fill='%23aaa' width='16' height='16'/><path fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12.6,5.17l-5.66,5.66L3.4,7.29'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
}
input[type=checkbox] {
  position: relative;
  height: 20px;
  width: 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  border-radius: 3px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
input[type=checkbox]:checked {
  height: 24px !important;
  width: 24px !important;
  border: none;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16'><rect fill='%23aaa' width='16' height='16'/><path fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12.6,5.17l-5.66,5.66L3.4,7.29'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
}
input[type=checkbox] + label {
  width: 100%;
}

.select-wrap {
  position: relative;
  margin-left: 10px;
}
.select-wrap::before {
  content: "";
  width: 36px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 222px;
  background: #B4B4B4;
  border-radius: 5px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><defs><style>.cls-1 {fill: %23aaa;}.cls-2 {fill: none;stroke: %23fff;}</style></defs><g id="Group_6290" data-name="Group 6290" transform="translate(-754 -1613)"><rect id="Rectangle_7515" data-name="Rectangle 7515" class="cls-1" width="36" height="36" rx="4" transform="translate(754 1613)"/><path id="Path_182486" data-name="Path 182486" class="cls-2" d="M-9522-2661l3.863,3.863,3.863-3.863" transform="translate(10290.137 4290.068)"/></g></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.select-wrap select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: solid 1px #B4B4B4;
  padding-left: 10px;
  background-color: #fff;
  color: #000000;
  border-radius: 5px;
}

#customize .select-wrap {
  display: block;
}
#customize .select-wrap::before {
  content: "";
  width: 39px;
  height: 39px;
  top: 0;
  right: 0;
  left: unset;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><defs><style>.cls-1 {fill: %23333;}.cls-2 {fill: none;stroke: %23fff;}</style></defs><g id="Group_6290" data-name="Group 6290" transform="translate(-754 -1613)"><rect id="Rectangle_7515" data-name="Rectangle 7515" class="cls-1" width="36" height="36" rx="4" transform="translate(754 1613)"/><path id="Path_182486" data-name="Path 182486" class="cls-2" d="M-9522-2661l3.863,3.863,3.863-3.863" transform="translate(10290.137 4290.068)"/></g></svg>');
}
#customize .select-wrap select {
  height: 39px;
  border-radius: 5px;
}

#list_wrap .select-wrap::before,
#list .select-wrap::before {
  content: "";
  width: 37px;
  height: calc(100% - 4px);
  right: 2px;
  top: 2px;
  left: unset;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><defs><style>.cls-1 {fill: %23f4f4f4;}.cls-2 {fill: none;stroke: %23777;}</style></defs><g id="Group_6290" data-name="Group 6290" transform="translate(-754 -1613)"><rect id="Rectangle_7515" data-name="Rectangle 7515" class="cls-1" width="36" height="36" rx="4" transform="translate(754 1613)"/><path id="Path_182486" data-name="Path 182486" class="cls-2" d="M-9522-2661l3.863,3.863,3.863-3.863" transform="translate(10290.137 4290.068)"/></g></svg>');
  background-color: unset;
}
#list_wrap .select-wrap select,
#list .select-wrap select {
  height: 39px;
  border-radius: 5px;
  border: solid 1px #B4B4B4;
  background-color: #F4F4F4;
}

#loadingImg {
  width: 100vw;
  height: calc(100% - 420px);
  position: absolute;
  top: 80px;
  left: 0;
  background-color: #FFF;
  z-index: 99;
  padding: 38vh calc(50vw - 14px);
}

#itemDetail.topics-wrap {
  margin-bottom: 50px;
  min-height: calc(100vh - 485px);
}

.topicsDetail img {
  width: 100%;
  margin: 10px 0;
}/*# sourceMappingURL=style.css.map */

.delivery_date{font-weight: bold;font-size: 18px;text-align: center;margin: 30px 0;}
#cartIndex .delivery_date{margin-left: 10px;}
.mitsumori_error{color: #C00;}

.eds-mod{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 999;
	-webkit-animation: opacity .25s linear;
	animation: opacity .25s linear;
}
.eds-mod__ovr{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
}
.eds-mod__cnt{
	background: #fff;
	max-width: 720px;
	width: 90%;
	max-height: 95vh;
	border-radius: 4px;
	margin: 2.5vh auto;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.eds-mod__bdy{
	padding: 1.25em;
	flex-grow: 1;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	text-align: center;
}
.eds-mod__bdy .button{
	margin: 30px auto;
}

.eds-mod--c{
  align-items: center;
}