@charset "UTF-8";

/*---------------------------------------------
    Browser Default Initialization seo_e_white
---------------------------------------------*/
* {margin:0;padding:0;}
html {
  overflow-y: scroll;
  height: 100%;
}
body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
  font-size: 18px;
  line-height: 125%;
  height: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
object, embed {vertical-align: top;}
hr {display: none;}
img, abbr, acronym, fieldset {border: 0;}
img {
  -ms-interpolation-mode: bicubic;
  border: none;
  max-width: 100%;
  height: auto;
  width: auto;
}
ul li, ol li {list-style-type: none;}
a {outline: none;}
a:link {text-decoration: none;color: #333;}
a:visited {text-decoration: none;color: #333;}
a:active {text-decoration: underline;color: #c00;}
a:hover {text-decoration: underline;color: #666;}
a:hover img {
  opacity: .70;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: .70;
  -moz-opacity: .70;
  cursor: pointer;
}
.text-center {text-align: center;}
.w100 {width: 100%;}
.bold {font-weight: bold;}
#contents-pop {width: auto;}
/* ------------------------------------------------------------------
　　　　共通
------------------------------------------------------------------
wrapper
  <header>
  contents
    <article>
------------------------------------------------------------------ */
#wrapper {
  width: 100%;
  background-color: #FFF;
  min-height: 100%;
}
article h1 {
  background: url(../img/Tline-scolumn.gif) repeat-x left bottom;
  padding: 0 0 12px 0;
  margin-bottom: 15px;
  color: #333;
  font-size: 90%;
  font-weight: bold;
  line-height: 165%;
}
article h2 {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px dotted;
  font-size: 75%;
  font-weight: bold;
  line-height: 200%;
  margin-bottom: 10px;
  padding: 0;
}
/* ------------------------------------------------------------------
　　　　ヘッダ
------------------------------------------------------------------
wrapper
  <header>
    header-inner
      logo
      hNav
        header-nav
    gnav
------------------------------------------------------------------ */
#wrapper #enquete-header,
#wrapper > #cart-header,
header {
  width: 100%;
  margin: 0 auto;
  background-color: #736357;
}
#header-inner {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
}
#header-inner #logo{
  margin: auto;
  display: block;
}
#header-inner #logo img {
  width: 60%;
  margin: 10px 0 7px;
}
#header-inner #hNav {
  width: 100%;
  margin: auto;
}
#header-inner #hNav #header-nav {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
}
#header-inner #hNav #header-nav li {
  padding: 0 7px;
  flex-shrink: 0;
}
#header-inner #hNav ul#header-nav li a:link,
#header-inner #hNav ul#header-nav li a:visited,
#header-inner #hNav ul#header-nav li a:hover {color: #fff;}
/* ヘッダメニュー（茶色のバーの下に表示） */
#gnav {display:none;}
#gnav div.cart-nav,
#gnav nav {
  width: 960px;
  margin: 0 auto;
  border-top: 1px dotted #111;
  border-bottom: 1px dotted #111;
  overflow: hidden;
  *zoom: 1;
}
#gnav div.cart-nav ul,
#gnav nav ul {float: left;}
#gnav div.cart-nav ul li,
#gnav nav ul li {
  float: left;
  height: 21px;
  padding: 10px 20px 10px 31px;
  font-size: 75%;
}
#gnav div.cart-nav ul li:first-child,
#gnav nav ul li:first-child {
  padding-left: 15px;
  background-image: none;
}
#gnav div.cart-nav ul li a,
#gnav nav ul li a {display: block;}
#gnav div.cart-nav ul li a:link,
#gnav div.cart-nav ul li a:visited,
#gnav nav ul li a:link,
#gnav nav ul li a:visited {
  color: #333;
  text-decoration: none;
}
#gnav div.cart-nav ul li a:hover,
#gnav div.cart-nav ul li a:active,
#gnav nav ul li a:hover,
#gnav nav ul li a:active {
  color: #333;
  text-decoration: none;
  background-color: #DDD;
}
/* ------------------------------------------------------------------
　　　　サイドエリア
------------------------------------------------------------------
wrapper
  contents
    main-column
    sub-column
      freeArea2
        free-contents
------------------------------------------------------------------ */
#sub-column {
  float: left;
  width: 210px;
  margin-right: 30px;
  padding-bottom: 60px;
  *zoom: 1;
  word-break:break-all;
}
#sub-column h2 {
  background: url(../img/Tline-scolumn.gif) repeat-x left bottom;
  font-size: 80%;
  font-weight: bold;
  line-height: 165%;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
#sub-column section {margin-bottom: 30px;}
@media only screen  and (max-width: 1000px) {
  #main-column {float: none !important;margin: 0 auto 100px;}
  #sub-column {display: none;}
}
/* ------------------------------------------------------------------
　　　　メインエリア
------------------------------------------------------------------
wrapper
  contents
    main-column
      bread-crumb パンくず
      pageNav_top
    sub-column
------------------------------------------------------------------ */
#contents {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 0 60px;
  overflow: auto;
  *zoom: 1;
  box-sizing: border-box;
}
@media only screen and (max-width:960px) {
  #contents {padding: 2vw 2vw 6vw;}
}
/* ------------------------------------------------------------------
　　　　レビューページ
------------------------------------------------------------------
wrapper
  contents
    main-column
      bread-crumb パンくず
      pageNav_top ページネーション（レビュー上）
        pageL
        pageR
      pageNav ページネーション（レビュー下）
        pageL
      rating
        raviewBox
    sub-column
------------------------------------------------------------------ */
#main-column {max-width: 720px;float: right;width: 100%;}
#main-column .pageNav_top {
  font-size: 70%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}
#main-column .pageL strong {text-decoration: underline;}
#main-column .pageNav_top .pageR {float: right;}
#main-column .pageNav {font-size: 70%;}
#main-column .pageNav form img {float:right;}
/* レビューコメント */
#main-column .rating {
  padding-bottom: 30px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
#main-column .rating .reviewBox {
  display: flex;
  margin: 15px 0;
}
#main-column .rating .tmb {
  margin-right: 20px;
  width:20%;
}
#main-column .rating .reviewTxt {
  width:80%;
}
#main-column .rating .ttlArea {overflow: hidden;}
#main-column .rating h2 {
  float: left;
  font-size: 100%;
  background: none;
  font-weight: normal;
  margin: 0;
  line-height: 160%;
  border-bottom: none;
}
#main-column .rating .btnMore {float: right;}
@media only screen  and (max-width: 770px) {
  #main-column .rating .reviewBox {display: block;}
  #main-column .rating .reviewTxt {width:100%;}
}
/* 星 */
#main-column .rating .reviewTxt ul {
  margin: 5px 0;
  display: flex;
}
#main-column .rating .reviewTxt ul li {
  display: flex;
  align-items: center;
  font-size: 75%;  
}
#main-column .rating .reviewTxt ul li.space {margin-right: 10px;}
/* 星（商品別レビューページ） */
div#main-column div#itemBox p.review_txt img {margin-right: 0;vertical-align: middle;}
#main-column .review_txt span {margin: 0 5px;}
#main-column .rating .reviewBox_item ul {
  font-size: 80%;
  display: flex;
  align-items: center;
  margin: 10px 0;
}
#main-column .rating .reviewBox_item ul li.space {margin-right: 10px;}
#main-column .rating .reviewBox_item ul li img {vertical-align: middle;}
/* お店からのコメント */
#main-column .rating .comment h3 {
  padding: 20px 0 0 15px;
  background: url(../img/shop/trigona.png) no-repeat;
  font-size: 70%;
  font-weight: bold;
}
#main-column .rating .comment p {
  background: #eaeaea;
  padding: 5px 15px 15px;
}
/* パンくず */
#bread-crumb {margin: 0 auto 10px;max-width: 960px;}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {display: flex;}
#bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
  padding: 0 10px 0 13px;
  font-size: 60%;
  line-height: 120%;
  background: url(../img/breadcrumb_bg.gif) no-repeat left center;
}
#bread-crumb-listTop ol li:first-child {
  padding-left: 0;
  background-image: none;
}
/* ------------------------------------------------------------------
　　　　商品一覧ページ（卸ページ）
------------------------------------------------------------------
wrapper
  contents
    main-column
      bread-crumb パンくず
      header_area 一覧上部
      itemList_wrap 商品一覧エリア
        pager-top ページネーション（一覧上）
          pagerlist
        itemList
          column-set
      pager-bm ページネーション（一覧下）
------------------------------------------------------------------ */
#itemList_wrap {margin: 0 0 20px 0;}
#itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {float: right;}
#itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {display: flex;}
#itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {padding: 0 5px;}
#itemList_wrap #pager-top ul li.selected, #itemList_wrap #pager-bm ul li.selected {
  font-weight: bold;
  text-decoration: underline;
}
.column-set {display: flex;flex-wrap: wrap;}
/* カート画面下のおすすめ商品 */
.recommend {display: none;}
/* ------------------------------------------------------------------
　　　　商品ページ
------------------------------------------------------------------
wrapper
  contents
    Detail
      main-column
        bread-crumb パンくず
        itemDetail-wrap メイン
          itemDetail-cont 商品
            itemThumb-wrap 画像
              itemThumb-main
            itemOutline 商品名
              price
              spec
              cartArea
          description 商品説明
------------------------------------------------------------------ */
#Detail > #main-column {
  width: 100%;
  max-width: 960px;
}
#Detail + #sub-column {display: none;}
/* カートに入れるボタン */
#itemDetail-cont {overflow: hidden;padding: 1.5em 0;}
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover {
  opacity: .70;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: .70;
  -moz-opacity: .70;
  cursor: pointer;
}
/* 商品画像 */
#itemDetail-cont .itemThumb-wrap {max-width: 300px;margin: 0 2em 1.5em 0;}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {text-align: center;}
#itemDetail-cont .itemThumb-wrap .itemThumb-main a {display: block;}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {overflow: hidden;}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
  float: left;
  padding: 0;
  height: 66px;
  width: 66px;
  margin: 0 5px 5px 0;
  overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {margin: 0 0 5px 0;}
/* 商品名等 */
#itemDetail-cont .itemOutline {width: 100%;}
#itemDetail-cont .itemOutline .icons {margin-bottom: 0.5em;display: flex;}
#itemDetail-cont .itemOutline .ico_itemType li {text-align: center;}
section#itemDetail-wrap form.shopping_form {display: flex;}
section#itemDetail-wrap h1 {
  background: none;
  padding: 0;
  font-size: clamp(16px, 3vw, 18px);
  font-family: "游ゴシック", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Arial, Meiryo, sans-serif;
}
section#itemDetail-wrap table.price {line-height: 1.2em;width: 100%;border-bottom: 1px dashed #ccc;}
section#itemDetail-wrap table.price th {
  font-size: clamp(14px, 3vw, 16px);
  width: 7em !important;
  text-align: left;
  font-family: "游ゴシック", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Arial, Meiryo, sans-serif;
  padding: 0.3em 1em 0.3em 0!important;
}
section#itemDetail-wrap table.price tr.fx_price th {width: 30% !important;}
section#itemDetail-wrap table.price td {
  font-size: 90%;
  font-weight: bold;
  font-family: "游ゴシック", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Arial, Meiryo, sans-serif;
}
section#itemDetail-wrap table.price tr.price td span {color: #d00;font-size: 120%;font-weight: bold;}
section#itemDetail-wrap table.price tr:last-child th, section#itemDetail-wrap table.price tr:last-child td {padding-bottom: 15px;}
section#itemDetail-wrap table.spec {margin: 15px 0 15px;font-size: 70%;width: 100%;}
section#itemDetail-wrap table.spec th {
  font-size: clamp(14px, 3vw, 16px);
  vertical-align: top;
  padding: 0.5em 1em 0.5em 0 !important;
  width: 40%;
  text-align: left;
  font-family: "游ゴシック", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Arial, Meiryo, sans-serif;
}
section#itemDetail-wrap table.spec tr.quantityArea select {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
section#itemDetail-wrap table.spec tr.quantityArea input {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
section#itemDetail-wrap table.spec tr.option_area select {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
/*卸カート*/
section#itemDetail-wrap table.spec input { 
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
/* カートボタン */
section#itemDetail-wrap form.shopping_form #pi_cart .cartArea #cartButton input {max-width: 350px;}
/* 商品説明 */
section#itemDetail-wrap .description p {line-height: 160%;font-size: clamp(14px, 3vw, 15px);}
/* 関連商品 */
.recommend .column-set section {padding: 10px;}
@media only screen and (max-width:1230px) {
  section#itemDetail-wrap form.shopping_form {flex-direction: column;}
  section#itemDetail-wrap form.shopping_form .itemThumb-wrap {width: 100%;max-width: unset;margin: 0 0 1.5em 0}
  section#itemDetail-wrap form.shopping_form #pi_cart .cartArea #cartButton input {width: 100%;}
}
/* ------------------------------------------------------------------
　　　　カート
------------------------------------------------------------------
wrapper
  cart-header
  contents
    formArea/cart-article
      main-column-full
        bread-crumb パンくず
        cart-section
          contact
            table.center1
              centerbox
                mainCont ステップ画像
                mainFrame
                  mainCont カート内
                    <form name="MODIFY">
                      bordlayoutp3 かご内商品
                    bordlayoutp3 買い物を続けるボタン
                      <form name="COUPON">
                        bordlayoutp3
------------------------------------------------------------------ */
/* ステップ画像 */
.cart-section .centerbox > .mainCont div.step_navi01 {margin-bottom: 30px;height: 83px;}
.cart-section .centerbox > .mainCont .step_navi01 {
  background: url(../img/navi01.gif) no-repeat center;
}
.cart-section .centerbox > .mainCont .step_navi02 {
  background: url(../img/navi02.gif) no-repeat center;
}
.cart-section .centerbox > .mainCont .step_navi03 {
  background: url(../img/navi03.gif) no-repeat center;
}
.cart-section .centerbox > .mainCont .step_navi04 {
  background: url(../img/navi04.gif) no-repeat center;
}
/* タイトル */
.cart-section .title1 {
  padding: 10px 0;
  margin: 10px 0 20px;
  line-height: 100%;
  font-size: 15px;
  letter-spacing: 0.2em;
  border-bottom: 1px solid;
}
/* メインエリアの外枠 */
.cart-section .mainFrame .mainCont {
  width: 100%;
  box-sizing: border-box;
  font-size: 80%;
}
/* ボタン */
.cart-section .mainFrame .mainCont input[type="button"],
.cart-section .mainFrame .mainCont input[type="submit"]{
  color: #FFF;
  padding: 5px 15px;
  background: url(../img/btn-confirm_bg.gif) repeat left top;
  border: none;
  margin: 5px 0;
  font-size: 110%;
}
.cart-section .mainFrame .mainCont input[type="button"]:hover,
.cart-section .mainFrame .mainCont input[type="submit"]:hover {background: url(../img/btn-confirm_bg_on.gif) repeat;}
.cart-section .mainFrame .mainCont input[value="会員登録して購入手続きへ進む"],
.cart-section .mainFrame .mainCont input[value="購入手続きへ進む"],
.cart-section .mainFrame .mainCont input[value="ログイン"],
.cart-section .mainFrame .mainCont input[value="買い物を続ける"],
.cart-section .mainFrame .mainCont input[value="　 次へ　 "],
.cart-section .mainFrame .mainCont input[value="　この内容で注文する　"],
.cart-section .mainFrame .mainCont input[value="カード情報を入力する"],
.cart-section .mainFrame .mainCont input[value="確認画面に進む"] {
  padding: 10px 20px;
  background: linear-gradient(to top, #679b49 0%, #72a758 50%, #86b96d 50%, #9ccd82 100%);
  width: 100%;
  max-width: 400px;
  border-radius: 5px;
  text-shadow: 1px 1px 1px rgba(80,80,80,80.5);
  text-decoration: none;
  font-size: 20px;
  height: 100%;
  margin: 5px 0;
}
.cart-section .mainFrame .mainCont input[value="カード情報を入力する"] {max-width: 200px;font-size: 15px;}
.cart-section .mainFrame .mainCont input[value="買い物を続ける"] {max-width: 200px;}
.cart-section .mainFrame .mainCont input[value="会員登録して購入手続きへ進む"]:hover,
.cart-section .mainFrame .mainCont input[value="購入手続きへ進む"]:hover,
.cart-section .mainFrame .mainCont input[value="ログイン"]:hover,
.cart-section .mainFrame .mainCont input[value="買い物を続ける"]:hover,
.cart-section .mainFrame .mainCont input[value="　 次へ　 "]:hover,
.cart-section .mainFrame .mainCont input[value="　この内容で注文する　"]:hover,
.cart-section .mainFrame .mainCont input[value="カード情報を入力する"]:hover,
.cart-section .mainFrame .mainCont input[value="確認画面に進む"]:hover {
  opacity: 0.8;
  background: linear-gradient(to top, #679b49 0%, #72a758 50%, #86b96d 50%, #9ccd82 100%);
  cursor: pointer;
}
.cart-section .mainFrame .mainCont input[type="text"],
.cart-section .mainFrame .mainCont input[type="password"],
.cart-section .mainFrame .mainCont table.sps-inputTable select,
.cart-section .mainFrame .mainCont table.sps-inputTable textarea {
  padding: 5px 10px !important;
  border-radius: 5px;
  border: 1px solid #999;
  margin: 5px;
}
/* カート内枠共通 */
.cart-section .mainFrame .mainCont table {
  width: 100%;
  margin: 10px 0 0;
  word-break:break-all;
}
.cart-section .mainFrame .mainCont table td {
  padding: 10px !important;
  border: 1px solid #999;
  text-align: left;
}
.cart-section .mainFrame .mainCont table td table td {border: none;}
.cart-section .mainFrame .mainCont table tr.backcolor1 td,
.cart-section .mainFrame .mainCont table tr td.backcolor1 {background: #ddd;}
.cart-section .mainFrame .mainCont table td[align="right"] {text-align: right;}
.cart-section .mainFrame .mainCont table td[align="center"] {text-align: center;}
.cart-section .mainFrame .mainCont table td table.sps-inputTable td {border-bottom: 1px solid #eee;} /*会員登録して購入のTable*/
/* ご注文内容 */
.cart-section .mainFrame .mainCont table.cartItem tr:nth-child(1) td {text-align: center;}
.cart-section .mainFrame .mainCont table.cartItem td:nth-child(1),
.cart-section .mainFrame .mainCont form[name="NEXT"] table td:nth-child(1) {width: 20%;}
/* クーポン */
.cart-section .mainFrame .mainCont form[name="COUPON"] table {margin-bottom: 30px;}
.cart-section .mainFrame .mainCont form[name="COUPON"] table td .SPS-fontlarge {font-size: 125%;font-weight: bold;}
/* ご購入手続き・会員のお客様 */
.cart-section .mainFrame .mainCont form[name="NEXTM"] table td table td {padding: 5px !important;}
.cart-section .mainFrame .mainCont form[name="NEXTM"] table td table td:nth-child(1) {text-align: right;width: 40%;}
/* amazonpay */
.cart-section .mainFrame .mainCont .sps-amazon-pay table {margin-top: 35px;}
#amazonLoginParts .amazon-message p {width: 100% !important;margin: 5px auto !important;}
/* 関連商品 */
.SPS-cart-related_item {border-bottom: 1px solid #999;margin-bottom: 20px;}
.layoutFrame .column-set section h3 a {font-size: 13px !important;}
.layoutFrame .column-set section .fixed {font-size: 11px;}
.layoutFrame .column-set section p.price:nth-of-type(2) {display: none;}
/* 以下のアンケートにお答えください */
.cart-section .mainFrame .mainCont form[name="NEXT"] h4.SPS-regi-confirm_enq + div + div > table > tbody > tr > td:nth-child(1) {width: 40%;}
/* SSL */
.cart-section .mainFrame .mainCont .sps-sslSticker-description {margin: 0 !important;font-size: 85% !important;width: 680px !important;}
.center {text-align: center !important;}
.left {text-align: left;}
.right {text-align: right;width: 100%!important;}
/* ------------------------------------------------------------------
　　　　マイページ
------------------------------------------------------------------
table#enter
  td#center3
    bread ページタイトル
    centerbox メインエリア
      mainCont 会員名
      title1 タイトル
      mainCont 各中身
        bordlayoutp3
------------------------------------------------------------------ */
table#enter {max-width: 960px;margin: 0 auto;}
table#enter td#center3 {padding: 15px;font-size: 75%;}
/* メインエリア */
table#enter .mainCont {margin: 10px 0;}
table#enter .title1 {
  background: url("../img/Tline-scolumn.gif") repeat-x bottom;
  color: #333;
  margin: 25px 0 15px;
  padding: 0 0 10px;
}
/* ボタン */
table#enter input[type="button"] {
  color: #FFF;
  padding: 5px 15px;
  font-size: 120%;
  background: url(../img/btn-confirm_bg.gif) repeat;
  border: none;
  width: auto !important;
}
table#enter input[type="button"]:hover {
  background: url(../img/btn-confirm_bg_on.gif) repeat;
}
table#enter input[type="text"],
table#enter input[type="password"],
table#enter select {
  padding: 10px !important;
  border-radius: 5px;
  border: 1px solid #999;
}
table#enter table.sps-inputTablePopup tr:last-child td label[for="agree"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
table#enter table.sps-inputTablePopup td input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
/* 表デザイン 共通 */
table#enter .bordlayoutp3 {margin: 0 auto 10px;}
table#enter .bordlayoutp3 table th, table#enter .bordlayoutp3 table td {
  padding: 8px !important;
  border: 1px solid #999;
}
table#enter .bordlayoutp3 table th, table#enter .bordlayoutp3 table td.form_group select {margin-right: 5px;}
table#enter .bordlayoutp3 table th {background: #EEE;}
table#enter .bordlayoutp3 table td {text-align: left;}
table#enter table.sps-inputTablePopup {margin-top: 30px;}
table#enter .bordlayoutp3 table .backcolor1 {background: #EEE;}
table#enter .layoutp3 td {text-align: left;padding: 5px;}
/* 表デザイン 共通  会員情報の変更*/
table.sps-inputTablePopup tr.form_group td select {margin-right: 5px !important;}
/* 購入履歴 */
table#enter .bordlayoutp3 form[name="list"] {margin: 20px 0;}
table#enter .bordlayoutp3 form[name="list"] > div {margin: 10px 0 !important;}
table#enter .bordlayoutp3 form[name="list"] select {
  padding: 10px;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #999;
}
/* ------------------------------------------------------------------
　　　　マイページ：レビュー投稿
------------------------------------------------------------------
form[name="form1"]
  center1
    centerbox
      mainCont
------------------------------------------------------------------ */
/* レビュー投稿 */
form[name="form1"] > table {
  max-width: 930px;
  margin: 0 auto;
}
/* タイトル */
form[name="form1"] .title1 {
  padding: 10px 0;
  margin: 10px 0 20px;
  line-height: 100%;
  font-size: 15px;
  letter-spacing: 0.2em;
  border-bottom: 1px solid;
}
/* 表デザイン */
form[name="form1"] .comment_box table td {border: 1px solid #999;padding: 10px;}
form[name="form1"] .comment_box table td.backcolor1 {
  background: #EEE;
  font-weight: bold;
}
/* テキストボックス・テキストエリア */
form[name="form1"] input[type="text"], form[name="form1"] textarea {
  padding: 10px;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #999;
  box-sizing: border-box;
}
/* ボタン */
form[name="form1"] input[type="button"], form[name="form1"] input[type="submit"] {
  color: #FFF;
  padding: 5px 15px;
  font-size: 120%;
  background: url(../img/btn-confirm_bg.gif) repeat;
  border: none;
  width: auto !important;
}
form[name="form1"] input[type="button"]:hover, form[name="form1"] input[type="submit"]:hover {
  background: url(../img/btn-confirm_bg_on.gif) repeat;
}
/* プルダウン */
form[name="form1"] .comment_box select {
  padding: 10px;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #999;
}
/* ------------------------------------------------------------------
　　　　フッタ
------------------------------------------------------------------
wrapper
footer(cart-footer ※カートページ)
  footer-inner
    footer_gnavi
------------------------------------------------------------------ */
#cart-footer, footer {
  background: url(../img/footer_bg.gif) repeat-x left bottom !important;
  height: 57px;
  margin-top: -57px;
}
/* 上へ戻るボタン */
#page-top {
  position: fixed;
  bottom: 67px;
  right: 20px;
}
#page-top a {
  width: 39px;
  height: 39px;
  display: block;
}
#page-top a:hover img {opacity: 0;}
/* ------------------------------------------------------------------
　　　　メルマガ登録
------------------------------------------------------------------*/
#contact table.mailMF th {
  width: 20%;
  padding: 20px;
  font-size: 75%;
  font-weight: bold;
  color: #2B2B2B;
  background-color: #EEE;
  border: solid 1px #ccc;
  box-sizing: border-box;
}
#contact table.mailMF td {
  border: solid 1px #ccc;
  padding: 20px;
  box-sizing: border-box;
}
#contact table.mailMF td.n1 {border-bottom: none;padding-bottom: 10px;}
#contact table.mailMF td.n2 {border-top: none;padding-top: 10px;}
#contact table.mailMF input[type="text"] {
  max-width: 275px;
  width: 100%;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  float: left;
  box-sizing: border-box;
}
#contact table.mailMF input.mailAddress_new {float: left;}
#contact table.mailMF input[type="button"] {
  color: #FFF;
  background: url(../img/btn-confirm_bg.gif) repeat;
  border: none;
  margin: 0 5px;
  padding: 4px 15px;
}
#contact table.mailMF input[type="button"]:hover {opacity: 0.8;}
@media only screen and (max-width:720px) {
  #contact table.mailMF th {display: flex;border-bottom: none;justify-content: center;width: 100%;}
  #contact table.mailMF td {display: flex;flex-direction: column;width: 100%;}
  #contact table.mailMF input[type="text"] {margin: 0 0 10px 0;max-width: 100%;}
  #contact table.mailMF input[type="button"] {margin: 0;}
  #contact table.mailMF td.n1 {padding-bottom: 0;}
  #contact table.mailMF td.n2 {padding-top: 0;}
}
#contact table.mailMF span.btn-confirm {display: block;float: left;padding: 0;}
#contact table.mailMF td p {float: left;padding: 2px 0 0;margin-right: 10px;}
#contact .mailMC span.btn-confirm {display: block;padding: 0;}
@-moz-document url-prefix() {
  #contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {padding: 0 5px 3px;}
}
#contact table td input.name, #contact table td input.tel {height: 16px;width: 40%;padding: 2px 5px;}
#contact table td .text-area {display: block;margin: 0 0 15px;}
#center1 .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
#center1 .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
#center1 .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third,
#center1 .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday {padding:10px 15px;}
#center1 .backcolor3 { background:#D7EBF4;}
#contact #center1 p.center a#logout{float:none;}
#deli_scadule .deli_plan_box{width:681px;}
#center1 p.center a#logout {float:none;}
#deli_scadule .deli_plan_box{width:681px;}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun {text-align:right!important;}
#contact div.caution {margin-bottom: 15px;}
#contact div.caution p {color: #d51414;font-size: 70%;line-height: 145%;}
#formArea_cc #contact form {margin-top: 30px;}
section #contact .text-center {text-align: center;margin: 50px 0;}
section #document li {font-size: 100%;font-size: 0.75rem;}
#contents-pop #contact {width: auto;margin: 10px 20px;}
#contents-pop table {width: 100%;}
#contact em {
  color: #C23E42;
  margin-left: 5px;
  font-size: 90%;
  font-size: 0.7rem;
}
#contact .weaktxt {color: #333;font-size: 90%;padding: 5px 0 0;}
#contact .note {color: #333;font-size: 95%;font-size: 0.7rem;line-height: 150%;margin: 0 0 15px;}
#contact .txtBox .note {font-size: 70%;font-size: 0.7rem;}
#contact .txtBox {margin: 25px 0 10px;}
#contact .txtBox p.txt-T {font-size: 80%;font-weight: bold;margin-bottom: 5px;}
#contact .freeArea {margin: 60px 50px 0;width: 620px;background-color: #FFFFFF;}
#contact .ann-input {margin: 5px 0 0;font-size: 100%;}
#contact .ann-input input {margin: 0 3px 2px 0;}
#contact input.txtF {height: 16px;margin: 0;padding: 2px 5px;}
#contact input.name_sei {margin: 0 10px 0 0;}
#contact .btn-enq input.btn-confirmNext {
  height: 25px;
  width: 200px;
  color: #FFF;
  padding: 0;
  font-size: 75%;
  font-size: 0.75rem;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
  margin: 0 5px;
}
#contact .btn-enq input.btn-confirmNext:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirmBack {
  height: 25px;
  width: 80px;
  color: #FFF;
  padding: 0 0 0 8px;
  font-size: 75%;
  font-size: 0.75rem;
  text-align: center;
  background: url(../img/btn-back_bg.gif) no-repeat left top;
  border: none;
  margin: 0 5px;
}
#contact input.btn-confirmBack:hover {background: url(../img/btn-back_bg_on.gif) no-repeat left top;}
#contact input.btn-confirmCancel {
  height: 25px;
  width: 120px;
  color: #FFF;
  padding: 0 0 0 8px;
  font-size: 75%;
  font-size: 0.75rem;
  text-align: center;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
  margin: 0 5px;
}
#contact .btn-confirmCancel:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact .btn-confirmClose {
  height: 25px;
  width: 120px;
  color: #FFF;
  padding: 0 0 0 8px;
  font-size: 80%;
  font-size: 0.8rem;
  text-align: center;
  background: url(../img/btn-close_bg.gif) no-repeat left top;
  border: none;
  margin: 0 5px;
}
#contact .btn-confirmClose:hover {background: url(../img/btn-close_bg_on.gif) no-repeat left top;}
#contact input.btn-confirm120 {
  height: 25px;
  width: 120px;
  color: #FFF;
  padding: 0;
  font-size: 75%;
  font-size: 0.75rem;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
  margin: 0 5px;
}
#contact input.btn-confirm120:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirm160 {
  height: 25px;
  width: 160px;
  color: #FFF;
  padding: 0 0 0 8px;
  font-size: 75%;
  font-size: 0.75rem;
  text-align: center;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
}
#contact input.btn-confirm160:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirmReg {
  height: 25px;
  width: 160px;
  color: #FFF;
  padding: 0 0 0 8px;
  font-size: 75%;
  font-size: 0.75rem;
  text-align: center;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
}
#contact input.btn-confirmReg:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirmBackItem {
  height: 25px;
  width: 120px;
  color: #FFF;
  padding: 0 5px 2px 15px;
  font-size: 75%;
  font-size: 0.75rem;
  text-align: center;
  background: url(../img/btn-back_bg120.gif) no-repeat left top;
  border: none;
  margin: 0 5px;
}
#contact input.btn-confirmBackItem:hover {background: url(../img/btn-back_bg120_on.gif) no-repeat left top;}
@-moz-document url-prefix() {
  #contact .btn-enq input.btn-confirmNext {padding: 0 5px 2px;}
  #contact input.btn-confirmNext {padding: 0 5px 2px;}
  #contact input.btn-confirmBack {padding: 0 2px 2px 8px;}
  #contact input.btn-confirmCancel {padding: 0 2px 3px 8px;}
  #contact input.btn-confirmClose {padding: 0 2px 4px 8px;}
  #contact input.btn-confirm120, #contact input.btn-confirm160, #contact input.btn-confirmReg {padding: 0 5px 2px;}
  #contact input.btn-confirmBackItem {padding: 0 2px 2px 8px;}
}
#contact legend {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px dotted;
  font-size: 75%;
  font-weight: bold;
  line-height: 200%;
  margin-bottom: 10px;
  padding: 0;
  width: 100%;
}
#contact fieldset {margin-bottom: 25px;}
#contact fieldset p {margin-bottom: 5px;font-size: 75%;font-size: 0.75rem;}
#contact fieldset ul {overflow: hidden;}
#contact fieldset li {font-size: 75%;font-size: 0.75rem;}
#contact fieldset li.fL {float: left;margin-right: 20px;}
#contact fieldset input {margin: 0 3px 2px 0;}
#contact fieldset label {margin-right: 10px;font-size: 100%;font-size: 0.75rem;}
#contact fieldset textarea {width: 70%;height: 150px;padding: 5px;}
#contact .commentItem {padding: 10px 0 0;font-weight: 150%;}
#contact table td.commentWite {
  border-bottom: 1px dotted #000;
  border-top: 1px dotted #000;
  font-size: 100%;
  padding: 15px 20px 20px;
  width: 72%;
}
#contact .atttxt {color: #333;font-size: 75%;padding: 5px 0 0;}
#contact .memberF {padding: 20px 20px 10px;margin: 20px 0 0 0;border: 10px solid #EEE;}
#contact .memberF input {width: 40%;height: 16px;margin: 0;padding: 2px 5px;}
#contact .memberF th {padding: 10px 20px;}
#contact .memberF td {padding: 10px 20px;font-size: 100%;}
#contact .memberF input.btn-confirm160 {margin: 10px 0 0;}
.memberName {
  border-bottom: 1px dotted;
  font-size: 75%;
  font-weight: bold;
  line-height: 200%;
  margin-bottom: 5px;
  padding: 0;
}
#contact .mailm:first-child {margin: 3px 0 0;}
#contact .mailm {margin: 30px 0 0 0;}
#contact .mailm .txtBox {margin: 0;}
#contact .mailm .txtBox h2 {border-bottom: none;margin: 0;font-weight: normal;}
#contact .mailm .caution {margin: 0 0 5px;}
div#wrapper div#enquete-section:first-child,
div.cart-article div.cart-section:first-child,
article section:first-child {border-top: none;}
article p {color: #333;font-size: 0.75rem;}
div.cart-article a:hover p,
article a:hover p {color: #666;}
div#wrapper  div#enquete-section ul,
div.cart-article div.cart-section ul {font-size: 90%;font-size: 0.9rem;line-height: 160%;color: #333;}
#mainVisual {width: 100%;}
#comment-form #comment-post {margin: 0;}
#comment-form legend  {
  background: none repeat scroll 0 0 transparent;
  font-size: 75%;
  line-height: 200%;
  padding: 0;
  width: 100%;
  font-weight: bold;
}
#comment-form p {margin-bottom: 15px;}
#comment-form .name {width: 215px;height: 16px;}
#comment-form .comment-txt {width: 360px;padding: 0;height: auto;}
#comment-post {margin: 35px 0;}
.comment-box {margin: 30px 0 0;}
div.caution p {color: #d51414;font-size: 70%;line-height: 145%;}
#JournalList h2, #Journal h2 {font-size: 85%;}
#JournalList .journal-cont, #Journal .journal-cont {margin: 0 0 15px;}
#JournalList article {margin: 0 0 40px;}
#JournalList .journal-cont ul, #Journal .journal-cont ul {margin: 0px 40px;}
#JournalList .journal-cont ul li, #Journal .journal-cont ul li {list-style-type: square;}
#JournalList .journal-cont ol, #Journal .journal-cont ol {margin: 0px 40px;}
#JournalList .journal-cont ol li, #Journal .journal-cont ol li {list-style-type: decimal;}
section#document_wrap h2 {
  font-size: 85%;
  font-weight: bold;
  line-height: 200%;
  border-bottom:1px dotted;
  margin-bottom: 10px;
  background: none;
  padding: 0;
}
section#document_wrap h3 {font-size: 75%;}
section #document li {font-size: 75%;font-size: 0.75rem;}
section #document .txt-list01 {padding-bottom: 30px;}
section #document .txt-list01 li.c1 {display: inline-block;*display: inline;*zoom: 1;padding: 0 25px 0 0;}
section #document .txt-list02 {padding-bottom: 10px;overflow: hidden;}
section #document .txt-list02 h3 {font-weight: bold;}
section #document .txt-list02 section.tree00 {float: left;padding: 0 35px 20px 0;width:156px;}
section #document .txt-list02 ul.tree01 {padding: 0 0 0 12px;overflow: hidden;}
section #document .txt-list02 ul.tree01 li.c2 {padding: 0 0 0 14px;margin: 0 0 0 3px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 li.c3 {padding: 0 0 0 28px;margin: 0 0 0 3px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 li.c4 {padding: 0 0 0 42px;margin: 0 0 0 3px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {padding: 0 0 0 56px;margin: 0 0 0 3px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 li.sp1 {float:left;padding: 0 0 0 14px;margin: 0 0 0 3px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 li.sp2 {float:left;padding: 0 0 0 2px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 li.sp3 {float:left;padding: 0 0 0 2px;font-size: 75%;font-size: 0.75rem;}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a{
  display: inline;
  *display: inline;
  *zoom: 1;
  padding: 0 10px 0 0;
  font-size: 110%;
  font-size: 0.75rem;
}
section #document .txt-list02 ul.iB {padding: 5px 0 0 12px;float: left;line-height: 120%;}
section #document .txt-list02 ul.iB li {padding: 0 10px 0 0;float: left;}
section #document .txt-list03 {padding-bottom: 30px;overflow: hidden;}
section #document .txt-list03 section.tree00 {float: left;padding: 0 35px 0 0;width: 156px;}
section #document .txt-list03 ul.tree01 li {padding: 0 0 0 7px;margin: 0 0 0 5px;background: url(../img/ico_list01.gif) no-repeat left center;}
article #main-column #itemBox {overflow: hidden;margin-bottom: 15px;}
article #itemBox h2 {float: left;font-size: 90%;border-bottom: none;}
article #itemBox p {float: right;}
#contact #center1 .middle{vertical-align:middle!important;}
#contact #center1 .buttom{vertical-align:bottom!important;}
#contact #center1 .float_left{float:left!important;}
.backcolor1 strong,.backcolor2 strong{font-weight:bold;}
#deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1{width:15%!important;}
#deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1{width:35%\9!important;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{
  background:#DDDDDD;
  width:30%\9!important;
}
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"],
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"]{width:49%;}
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td{width:2%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td{width:auto;}
#deli_scadule table.deli_plan_cal tbody tr td{vertical-align:top;}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border{border: 1px solid #999999;width:100%!important}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {font-size: 100%;background-color: inherit;border: none;}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td[align="center"],
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong{font-weight:bold;}
#contact #center1 .float_right {float:right!important;}
#contact #center1 .box_in_box{text-align:center!important;}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center{width: 2%;}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong{font-size: 0.75rem;}
#contact .mainFrame .mainCont #tradesafe_div1 {font-size: 100% !important;line-height: 142% !important;}
#contact #center1 .red{color:#C00;font-size: 0.75rem!important;}
#contact #center1 .point {font-size:120%;color:red;font-weight:900;}
#contact #center1 .pointline {font-size:100%;color:#FFF;font-weight:900;padding:5px ;padding-bottom:5px;background:#666;margin-top:5px;margin-bottom:5px;}
#contact .mainFrame .mainCont a{color: #333;font-size: 1rem;font-weight: bold;}
#contact .mainFrame .mainCont a:hover{color:#666666; text-decoration: underline;}
#contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
  border: 1px solid #EBEBEB;
  margin: 0;
  padding: 10px;
  background-color:#fff;
}
#contents .enquete-section #contact table tbody tr td div.mainCont:first-child{padding:0px;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p {margin: 5px 0;padding: 2px 0;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child{width:45%;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table{width:50%;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td{
  padding: 1px;
  text-align: left;
  vertical-align: top;
  word-break: break-all;
  border:none;
  font-size:100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{border:soild 1px;}
div.enquete-section #contact{width:100%;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"],
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"],
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select {height: 20px;padding: 0;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px dotted;
  font-size: 110%;
  font-weight: bold;
  line-height: 200%;
  margin-bottom: 10px;
  padding: 0;
  width: 100%;
}
#enquete-header{width:960px;margin:0 auto;background-color: #FFF;}
#enquete-header #logo {margin: 0 auto;width: 960px;}
#enquete-header #logo .shoplogo img{display: table-cell;vertical-align: middle;padding: 5px 0;}
#enquete-header #logo .shoplogo h1 {max-width: 340px;background: none;margin: 0;padding-top: 5px;}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right{float:right;}
#enquete-header #logo .shoplogo img.float_left{float:left;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio] ,
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {margin:0px 5px 3px 5px;}
div.enquete-section{padding:0;}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1{
  background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
  color: #333333;
  font-size: 120%;
  font-weight: bold;
  line-height: 165%;
  margin-bottom: 15px;
  padding: 0 0 12px;
}
div.enquete-section #contact table tbody tr td{width:100%;border-top:none;padding:0px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {margin-left:22px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2] ,
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3]{margin-left:11px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1]{margin-left:13px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2]{margin-left:25px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3]{margin-left:2px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4]{margin-left:26px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong{font-weight:bold;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea{height: 150px;padding: 5px;width: 70%;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]{
  background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
  border: medium none;
  color: #FFFFFF;
  font-size: 0.75rem;
  height: 25px;
  margin: 0 5px;
  padding: 0;
  width: 200px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover{background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
.shoplogo{width:340px;}
#enquete-footer{
  width:960px;
  margin:0 auto;
  height: 57px;
  line-height: 100%;
  position: relative;
  clear: both;
}
#enquete-footer #footer-inner .footer_gnavi{float:left;}
#enquete-footer #footer-inner .footer_gnavi ul li:first-child{background-image:none;padding:0 3px 0 0;}
#enquete-footer #footer-inner .footer_gnavi ul li{
  background: url("../img/slash_ccc.gif") no-repeat scroll left center transparent;
  color: #999999;
  display: inline-block;
  font-size: 60%;
  line-height: 100%;
  padding: 0 3px 0 18px;
}
#enquete-footer #footer-inner .footer_gnavi ul li a{color:#999;}
#enquete-footer #footer-inner .footer_gnavi ul li a:hover{color:#fff;text-decoration: underline;}
#enquete-footer #footer-inner .footer_gnavi ul li{float:left}
#enquete-footer #copyright{float: right;font-size: 67%;text-align: right;color: #FFF;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select {
  height: 20px;
  line-height:20px;
  padding: 0px;
  margin: 2px 0px;
  min-width: inherit;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select {padding: 1px;margin: 2px 0px;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {background-color:#FFFFFF;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {margin: 0px 3px;height: 20px;}
#center3 .centerbox table td[align="right"]{text-align:right!important;}
#center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center3 .centerbox table th[align="left"],
#center3 .centerbox table td[align="left"]{text-align:left!important;}
#center3 .centerbox .red {color:#C00;font-size: 0.75rem!important;}
#center3 .centerbox .caution {font-weight: bold;color: #d51414;}
#center3 .centerbox table td[width="5%"] {width: 10%;}
#center3 .layoutp3 table th,
form[name$="FORM"]~tbody #center3 .layoutp3 table th {width: 25%;font-weight: bold;*width: 0%;}
#center3 .centerbox th.backcolor1 {border: 1px solid #999999;vertical-align: middle;}
#center3 .bordlayoutp3 .layoutp3 th,
#center3 .bordlayoutp3 .layoutp3 td {padding: 0px;border: none;}
#center3 .bordlayoutp3 .layoutp3 td.send_info {border: 1px solid #999999;}
#center3 .bordlayoutp3 .layoutp3 td.send_info+td {*width: 70%;}
#center3 .centerbox strong,
#center3 .centerbox h4 {text-align: left;font-weight: bold;}
#center3 .centerbox .layoutp3 + .bordlayoutp3>table {width:95%;}
#center3 input[type="submit"] {
  height: 25px;
  color: #FFF;
  padding: 0 8px 0 8px;
  font-size: 80%;
  font-size: 0.8rem;
  text-align: center;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
  margin: 2px 2px;
  width:auto;
  width:initial;
}
#center3 textarea{padding: 1px;margin: 2px 0px;}
#center3 select[name="SEL_CARD"] {margin-left: 5px;padding: 1px;}
#center3 input[type="submit"]:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#center3 .centerbox table td input[type="radio"] {margin: -3px 3px 0px 5px;}
#center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {display: inline-block;}
#enter #contents {width: auto;}
table#enter td#center3 div.centerbox form div.mainCont input.float_right{float:right!important;}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr{display:block;margin:5px;}
table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info{width:75% !important;margin:0 54px !important;}
table#enter td#center3 div.centerbox form div.mainCont div{width:100%!important;}
table#enter td#center3 div.centerbox form div.mainCont input.float_right{position: absolute;right: 19px;top: 77px;}
table#enter td#center3 div.centerbox input[type=checkbox]{margin-top:5px;}
table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {margin: -3px 4px 0px 0px;}
table#enter #center-seo .centerbox .mainCont div.bordlayoutp3 {padding: 5px 0;}
#center-seo .centerbox a{text-decoration : underline;}
#center-seo .centerbox .center {text-align:center;}
#center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center-seo .centerbox table th[align="left"],
#center-seo .centerbox table td[align="left"] {text-align:left!important;}
#center-seo .centerbox {
  font-size: 75%;
  line-height: 200%;
  margin: 0px;
  padding: 0 10px 10px;
  word-break:break-all;
}
#center-seo h3.title1 {
  background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
  color: #333333;
  font-size: 120%;
  font-weight: bold;
  line-height: 165%;
  margin-bottom: 15px;
  padding: 0 0 10px;
}
#center-seo #bread {
  margin: 0px;
  padding: 3px 15px;
  text-align: left;
  font-size: 75%;
  line-height: 200%;
}
#center-seo .mainCont {padding: 10px;margin: 0px;width: auto;}
#center-seo .centerbox .caution {font-weight: bold;color: #d51414;}
#center-seo .centerbox table th,#center-seo .centerbox table td {
  word-break: break-all;
  vertical-align: top;
  text-align: left;
  padding: 1px;
}
#center-seo .centerbox .backcolor1 {background-color: #EEEEEE;}
#center-seo .centerbox .bordlayoutp3 table th {
  color: #2B2B2B;
  font-weight: bold;
  text-align: center;
  word-break: normal;
}
#center-seo .centerbox th.backcolor1,
#center-seo .bordlayoutp3 th,
#center-seo .bordlayoutp3 td {border: 1px solid #999999;vertical-align: middle;}
#center-seo .centerbox .layoutp3 + .bordlayoutp3>table {width:95%;}
#center-seo input[type="submit"],
#center-seo input[type="button"] {
  color: #FFF;
  padding: 0 8px 0 8px;
  font-size: 80%;
  font-size: 0.8rem;
  text-align: center;
  background: url(../img/btn-confirm_bg.gif) repeat-x left top;
  border: none;
  margin: 2px 2px;
  width:auto;
  width:initial;
}
#center-seo select, #center-seo input[type="text"]{
  line-height:20px;
  padding: 0px;
  margin: 2px 0px;
  min-width: inherit;
}
#center-seo select,
#center-seo textarea {padding: 1px;margin: 2px 0px;}
#center-seo input[type="submit"]:hover,
#center-seo input[type="button"]:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#center-seo .centerbox table td input[type="radio"] {margin: -3px 3px 0px 5px;}
#center-seo p {margin: 5px 0px;padding: 2px 0px;}
#center-seo .bordlayoutp3 table tbody tr td input[type="button"]{width:190px;}
section .freeTop h2 {
  border: medium none;
  font-size: 90%;
  font-weight: bold;
  line-height: 165%;
  margin-bottom: 10px !important;
  padding: 0 0 10px !important;
}
.leftSearch {overflow: hidden;}
.leftSearch #searchbox_wrap {margin: 10px 0;overflow: hidden;}
.leftSearch #searchbox {
  color: #999999;
  float: right;
  font-size: 65%;
  line-height: 160%;
  overflow: hidden;
  text-align: right;
}
.leftSearch #searchbox form {
  border: 1px solid #777777;
  float: left;
  height: 27px;
  width: 160px;
}
.leftSearch #searchbox input.searchbox {
  border: medium none;
  margin-left: 1px;
  padding: 0 5px;
  width: 117px;
  height:26px;
}
.leftSearch #searchbox input.searchSubmit {padding: 1px 1px 0 0;}
.leftSearch #searchbox p {float: left;margin: 5px 5px 0 0;}
#header-inner h2 {max-width : 340px;}
.siteName {
  margin:0px;
  padding:10px 10px 5px 10px;
  font-size:100%;
  line-height:1em;
}
.siteName a {color:black ;text-decoration:none;}
.siteName a:hover {color:blue;text-decoration:underline;}
.sitecopy{
  padding:10px 10px 5px 5px;
  margin:0px;
  color:#999999;
  font-size:80%;
  line-height:1em;
}
.sitecopy a {color:black;text-decoration:none;}
.sitecopy a:hover {color:blue;text-decoration:underline;}
.header_area {
  text-align:left;
  width:680px;
  margin:0px 5px 0px 5px;
  padding:0px;
}
.footer_area {
  text-align:left;
  width:680px;
  margin:0px 5px 0px 5px;
  padding:0px;
}
.cart-section .header_area {margin: 0 auto;}
.cart-section .footer_area {margin: 0 auto;}
#contents #main-column .footer_area{padding-top:5px;}
div.cart-section div#contact img[height="1"]{display:none;}
.itemDescFc {position:absolute;margin-left:5px;}
.itemThumb-wrap-left {width:170px;padding-left:10px;}
.itemThumb-wrap-right {width:70%;word-break:break-all;margin-left:210px;}
/* フッタご利用ガイド調整用*/
.footer_area .w100 .freeArea2 { border: none; }
.footer_area .w100 .freeArea2 h2 {background: url(../img/Tline-shop.gif) repeat-x left bottom !important;border: none !important; font-size:90% !important;}
/*カートのまとめ割引リンク用*/
.bundle_display a {
  display:inline-block;
  margin-top:3px;
  padding:3px;
  border:1px solid #f00;
  line-height:1.3;
  text-decoration:none !important;
  color:#f00;
}
.bundle_display a:hover {border:1px solid #f00;background:#ffefef;}
 
/*まとめ割引詳細用*/
div[aria-describedby='bundle_dialog'] * {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
div[aria-describedby='bundle_dialog'] .ui-dialog-content {padding-bottom:0 !important;}
div[aria-describedby='bundle_dialog'] .ui-dialog-title {font-size:0.8em;color:#333;}
#bundle_detail > h4 {font-size:0.7em;font-weight:bold;color:#333;padding-bottom:0.5em;}
#bundle_detail > .bundle_table + h4,
#bundle_detail > .bundle_table + .bundle_table {margin-top:1.5em;}
 #bundle_detail > .bundle_table td {
  padding:2px 4px;
  border:1px solid #999;
  font-size:0.7em;
  color:#333;
  word-break:break-all;
}
#bundle_detail > .bundle_table td.bundle_title,
#bundle_detail > .bundle_table td.bundle_backcolor1 {background:#ddd;}
#bundle_detail > .bundle_table td.bundle_backcolor1 {text-align:center;}
#bundle_detail > .bundle_table td span.bundle_name {
  display:inline-block;
  margin-top:3px;
  padding:3px;
  border:1px solid #f00;
  line-height:1.3;
}
#bundle_detail > div:last-child {padding:1.5em 0 1em;text-align:center;}
#bundle_detail > div:last-child input {
  height:25px;
  padding:0 8px;
  background:url(../img/btn-confirm_bg.gif);
  border:none;
  font-size:0.75em;
  color:#fff;
}
#bundle_detail > div:last-child input:hover {background:url(../img/btn-confirm_bg_on.gif);}
div[aria-describedby='bundle_dialog'] .ui-widget-header {border: 0px;background: #ffffff;text-align: left;}
#bundle_dialog table {border-collapse: collapse;}
.bundle_name {
  display: inline-block;
  margin-top: 3px;
  padding: 3px;
  border: 1px solid #f00;
  line-height: 1.3;
  text-decoration: none;
  color: #f00;
}
#bundle_link {font-size:90%;}
#bundle_link a {font-weight:normal;}