@charset "UTF-8";

/* ---------------------------------------------
 Common
--------------------------------------------- */
* { margin: 0; padding: 0;}
*, *:before, *:after { box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body  { min-width: 1280px; margin: 0; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 14px; text-align: left; line-height: 150%; color: #3A3A3A; background: #FFF;}
ol li { margin-left: 2em; list-style: none;}
ul li { list-style: none;}
img   { max-width: 100%; order: none; vertical-align: middle;}
strong { font-weight: bold;}
input { vertical-align: middle;}
input,
textarea,
select { font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; line-height: 1.2em;}

input[type="text"],
input[type="password"] { padding: 6px 3px; border: solid 1px #d1cfcf;}

textarea,
select{border: solid 1px #d1cfcf;}

textarea { max-width: 100%; padding: 2px 1px; box-sizing: border-box;}
select { padding: 2px 1px;}
label { margin: 0 20px 0 5px;}
a { text-decoration: none; color: #444; transition: 0.25s ease 0s;}
a.img_link { text-decoration: none !important;}

a:link    { color: #3a3a3a; text-decoration: underline;}
a:visited { color: #3a3a3a; text-decoration: underline;}
a:active  { color: #3a3a3a; text-decoration: underline;}
a:hover   { color: #3a3a3a; text-decoration: underline;}

th,
td { word-wrap: break-word;}
dt { display: block;}

/* ---------------------------------------------
 common 汎用クラス
--------------------------------------------- */
.large_  { font-size: 16px;}
.xlarge_ { font-size: 144%;}
.small_  { font-size: 80%;}
.xsmall_ { font-size: 64%;}

.leftfloat_  { float: left; display: inline;}
.rightfloat_ { float: right; display: inline;}
img.leftfloat_  { margin: 0 10px 10px 0;}
img.rightfloat_ { margin: 0 0 10px 10px;}

.lefttext_   { text-align: left;}
.righttext_  { text-align: right;}
.centertext_ { text-align: center;}

.error_      { margin-bottom: 15px; color: #CC0000; font-weight: bold;}
.notice_     { color: #993300; font-weight: bold;}
.info_       { font-weight: bold;}

div.block_message_,
table.block_message_ { padding: 8px 8px 4px 8px; margin: 4px auto; border: #666 1px solid; font-weight: bold; background-color: #fff; text-align: left;}
div.error_,
table.error_  { padding: 8px 8px 4px 8px; margin: 4px auto; border: #ff5500 1px solid; text-align: left; background-color: #fff;}
div.notice_,
table.notice_ { width: 580px; padding: 8px 8px 4px 8px; margin: 4px auto; border: #666 1px solid; text-align: left; background-color: #fff;}
div.contents_ > div.notice_,
div.contents_ > table.notice_ { margin: 50px auto 4px;}
div.info_,
table.info_   { max-width: 680px; padding: 8px 8px 4px 8px; margin: 4px auto; border: #666 1px solid; text-align: left; background-color: #fff;}
ul.error_     { padding: 8px 8px 4px 8px; margin: 4px auto; border: #ff5500 1px solid; background-color: #fff;}

.top_comment_ { margin-bottom: 32px;}
.submit_      { margin: 20px auto; text-align: center;}
.submit_ input,
.submit_ img  { margin: 0px 16px; vertical-align: middle;}
.submit_ a:hover,
.submit_ input:hover { opacity: .7;}
p.message_    { margin: 10px 0;}
div.message_  { margin-bottom: 10px;}

.disp_none_   { display: none;}
.hidden_      { visibility: hidden; clear: both;}
.nocell_      { border: none !important; background-color: transparent !important;}
.hiddenEnter_ { width: 0; height: 0; display: inline; float: left;}

span.price_pop_     { font-size: 10px; color: #CC0000; display: block;}
span.price_         { font-size: 14px; font-weight: bold; color: #3a3a3a;}
span.price_ .small_ { font-size: 12px; font-weight: normal;}
span.sale_price_    { font-size: 14px; font-weight: bold; color: #CC3300;}

span.tax_class_name_ { padding: 2px; margin: 0 8px; font-size: 11px; color: #333;}

/* ---------------------------------------------
 common ヘッドライン
--------------------------------------------- */
h1.goods_name_     { padding: 0; margin: 0 0 30px 0; font-size: 34px; font-weight: bold; line-height: 1.17; color: #3a3a3a;}
h1.supplier_name_  { padding: 9px 7px 8px 22px; margin: 0 0 5px 0; font-size: 18px; font-weight: bold; line-height: 1.3; color: #003780; background: none;}
h1.category_name_  { padding: 0 7px 8px 0; margin: 0 0 23px 0; font-size: 28px; font-weight: bold; line-height: 1.3; color: #3a3a3a;}
h1.category_name_img_ { margin-bottom: 18px;}
h1.event_name_     { padding: 0 7px 8px 0; margin: 0; font-size: 28px; font-weight: bold; line-height: 1.3; color: #3a3a3a; display: inline-block;}
h1.event_name_img_ { margin-bottom: 10px;}
h1.genre_name_     { padding: 9px 7px 8px 0; margin: 0 0 5px 0; font-size: 30px; font-weight: bold; line-height: 1.3; color: #3a3a3a;}
h1.genre_name_img_ { margin-bottom: 10px;}
h1.tag_name_       { padding: 9px 7px 8px 22px; margin: 0 0 5px 0; color: #003780; font-size: 18px; font-weight: normal; line-height: 1.3; background: none;}
h1.topic_head_     { padding: 9px 7px 8px 0; margin: 0 0 5px 0; color: #3a3a3a; font-size: 26px; font-weight: bold;}
.common_headline1_ {  width: 100%; padding: 9px 7px 8px 0; margin: 0 0 5px 0; font-size: 26px; font-weight: bold; line-height: 1.3; color: #3a3a3a; background: none;}
.common_headline2_ { padding: 8px 4px 12px 0; margin: 2px 0 8px; font-size: 14px; font-weight: bold; background: no-repeat;}
*:first-child + html .common_headline2_ { padding: 9px 4px 11px 20px;}
.common_headline3_ { padding: 5px 0; margin: 0 0 6px 0; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold;}
.img_headline_ { margin-bottom: 10px;}

/* ---------------------------------------------
 common イベント
--------------------------------------------- */
.event_ { width: 100%; overflow: hidden; margin-bottom: 10px;}
.event_banner_ { margin: 0 5px 10px 5px;}
.contents_ .event_banner_ { float: left; display: inline;}
.event_title_ { padding: 10px 0 10px 0; margin-top: 30px; margin-bottom: 8px; font-size: 30px; text-align: center; font-weight: bold; line-height: 1.6; clear: both !important;}
.event_ .event_title_ a { text-decoration: none;}
*:first-child + html .event_title_ { padding: 9px 4px 11px 20px;}
.event_more_btn_ a { width: 320px; padding: 14px 0; margin: 40px auto 0 auto; text-align: center; border-radius: 30px; border: solid 2px #3a3a3a; color: #3a3a3a; font-size: 16px; text-decoration: none; display: block;}
.event_more_btn_ a:link,
.event_more_btn_ a:visited,
.event_more_btn_ a:active{ text-decoration: none;}
.event_rank_more_btn_ a { width: 320px; padding: 14px 0; margin: 0 auto; text-align: center; border-radius: 30px; border: solid 2px #3a3a3a; color: #3a3a3a; font-size: 16px; text-decoration: none; display: block;}
.event_more_btn_ a:hover,
.event_rank_more_btn_ a:hover { border: solid 2px #1d5fb3; background: #1d5fb3; color: #fff;}
.event_comment5_ { margin-top: 10px; margin-bottom: 45px; float: right; display: inline-block; vertical-align: middle;}
.event_comment5_:after { content: ""; display: block; clear: both;}

/* ---------------------------------------------
 common タグ一覧
--------------------------------------------- */
.side_tag_cloud_ {}
.side_tag_cloud_ span { line-height: 140%;}
.tag_lowest_  { font-size: 80%;}
.tag_low_     { font-size: 100%;}
.tag_medium_  { font-size: 120%;}
.tag_high_    { font-size: 144%; font-weight: bold;}
.tag_highest_ { font-size: 173%; font-weight: bold;}

/* ---------------------------------------------
 common タグ詳細
--------------------------------------------- */
.tag_cloud_ span   { line-height: 140%;}
.tag_cloud_more_   { margin: 10px 0 0 0; font-weight: bold;}
.tag_add_shaping_  { width: 580px; padding: 9px; margin-bottom: 10px; border: #CCC 1px solid; overflow: hidden; background: #F8F8F8;}
.tag_add_shaping_ h2   { margin-bottom: 10px; border-bottom: #CCC 1px solid; font-size: 14px; font-weight: bold;}
.tag_add_shaping_ span { padding-left: 15px; margin-right: 10px; float: left; white-space: nowrap; background: url(../img/usr/icon_tag.gif) 0 center no-repeat;}
.tag_other_        { width: 580px; padding: 9px; margin-bottom: 10px; border: #CCC 1px solid; overflow: hidden; background: #F8F8F8;}
.tag_other_ h2     { margin-bottom: 10px; border-bottom: #CCC 1px solid; font-size: 14px; font-weight: bold;}
.tag_other_ span   { padding-left: 15px; margin-right: 10px; float: left; white-space: nowrap; background: url(../img/usr/icon_tag.gif) 0 center no-repeat;}
.tag_tree_         { width: 580px; padding: 9px; margin-bottom: 10px; border: #CCC 1px solid; overflow: hidden; background: #F8F8F8;}
.tag_tree_ h2      { margin-bottom: 10px; border-bottom: #CCC 1px solid; font-size: 14px; font-weight: bold;}
.tag_tree_ span    { margin-right: 10px; padding-left:15px; float: left; white-space: nowrap; background: url(../img/usr/icon_tag.gif) 0 center no-repeat;}
.tag_info_         { margin-bottom: 10px;}
.tag_info_ p.name_ { margin: 0 0 5px 0; padding: 0 0 5px 15px; background: url(../img/usr/icon_tag.gif) 0 center no-repeat; border-bottom: 1px dotted #CCC;}

/* ---------------------------------------------
 common ナビゲーション
--------------------------------------------- */
.navitopicpath_inner_ { padding: 0; margin: 0 0 40px 0; background: #f6f6f4;}
.navitopicpath_ { font-size: 12px; color: #3a3a3a;}
.navitopicpath_inner_ .navitopicpath_ { padding: 8px 30px; margin: 0 auto; text-align: left;}
.navitopicpath_ > a,
.navitopicpath_ li { padding: 0 12px; text-decoration: none; display: inline; position: relative;}
.navitopicpath_ > a:after,
.navitopicpath_ li:after { content: ""; width: 6px; height: 6px; border-right: #000 1px solid; border-bottom: #000 1px solid; transform: rotate(-45deg); position: absolute; left: -4px; top: 4px;}
.navitopicpath_ a:hover { opacity: .7; text-decoration: none;}
.navitopicpath_ > a:first-child,
.navitopicpath_ li:first-child { padding-left: 0;}
.navitopicpath_ > a:first-child:after,
.navitopicpath_ li:first-child:after { display: none;}
.navitopicpath_ > a:last-child,
.navitopicpath_ li:last-child { padding-right: 0;}
.navitopicpath_ span.current_ { margin: 0 0.5em; color: #00479d; font-size: 12px; font-weight: bold;}

/* ページジャンプ */
.navipage_ { display: inline-block; vertical-align: top; font-size: 0; text-align: right; padding: 5px 0; margin: 3px 0;}
.navisort_inner_ .navipage_ { margin-left: 15px;} 
.navisort_inner_.top_ .navisort_,
.navistyle_ { opacity: 0;}
.navipage_ .navipage_first_ a { padding-left: 18px; background: url(../img/sys/navifirst.gif) left center no-repeat;}
.navipage_ .navipage_prev_ a { width: 30px; height: 30px; padding: 0 0 0 12px; display: inline-block; vertical-align: top;}
.navipage_ .navipage_next_ a { width: 30px; height: 30px; padding: 0 12px 0 0; display: inline-block; vertical-align: top;}
.navipage_ .navipage_last_ a { padding-right: 18px; background: url(../img/sys/navilast.gif) right center no-repeat;}
.navipage_sum_ { font-size: 16px; font-weight: bold; text-align: left; display: block;}
.navipage_now_ { width: 20px; min-width: 20px; height: 30px; padding: 0; margin: 0 3px 0 0; border-radius: 4px; font-weight: bold; font-size: 12px; text-align: center; text-decoration: none; line-height: 30px; color: #fff; background: #1d5fb3; display: inline-block; vertical-align: top;}
.navipage_ .navipage_reverse_ { margin-right: 2px;}
.navipage_ .navipage_forward_ { margin-left: 2px;}
.navipage_ a { width: 20px;  min-width: 20px; height: 30px; padding: 0; margin: 0 3px 0 0; border: 1px solid #e3e3e2; border-radius: 4px; font-size: 12px; text-decoration: none; text-align: center; line-height: 27px; display: inline-block; background-color: #fff;}
.navipage_ a:hover { opacity: .7; text-decoration: none;}
.navipage_ .omi { display: inline-block; font-size: 8px;}
.navipage_prev_ a,
.navipage_next_ a { padding: 0; border: none; font-size: 0; color: #fff; background: #3a3a3a; position: relative;}
.navipage_prev_ a:after { content: ""; width: 8px; height: 8px; margin: -4px 0 0 0; border-right: solid 1px #fff; border-bottom: solid 1px #fff; position: absolute; right: 8px; top: 50%; transform: rotate(135deg);}
.navipage_next_ a:after { content: ""; width: 8px; height: 8px; margin: -4px 0 0 0; border-right: solid 1px #fff; border-bottom: solid 1px #fff; position: absolute; right: 12px; top: 50%; transform: rotate(-45deg);}

.customer_.col1_ .navipage_sum_ { padding: 10px 0;}

/* 並び替え */
.navisort_inner_ { width: 100%; min-width: 682px; padding: 0; margin-bottom: 15px; display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap;}
.navisort_inner_ .navipage_sum_ { order: 1; text-align: left; flex-grow: 1;}
.navisort_inner_ .navisort_     { order: 2;}
.navisort_inner_ .navistyle_    { order: 3;}
.navisort_inner_ .navipage_     { order: 4;}
.navisort_inner_.top_ { margin-top: 30px;}
.navisort_inner_.bottom_ { margin-top: 40px;}
.navisort_ { width: 200px; padding: 0; margin: 0 10px 0 0; display: flex; justify-content: center; align-items: center; font-size: 11px;}
.navisort_ dt { margin: 0 10px 0 0; font-size: 14px; font-weight: normal; text-align: right; letter-spacing: -1px;}
.navisort_ dd select { padding: 8px 2px; border: solid 1px #e3e3e2; font-size: 13px;}
.navisort_now_ { margin: 2px 5px; text-decoration: none; white-space: nowrap; color: #CC0000;}
.navisort_ a { margin: 2px 5px; white-space: nowrap;}

/* 表示切替 */
.navistyle_ { width: 220px; padding: 0; margin: 0 10px 0 0; display: flex; justify-content: center; align-items: center; font-size: 11px;}
.navistyle_ dt { margin: 0 10px 0 0; font-size: 14px; font-weight: normal; text-align: right;}
.navistyle_ dd select { padding: 8px 2px; border: solid 1px #e3e3e2; font-size: 13px;}
.navistyle_now_ { color: #CC0000; text-decoration: none; margin: 2px 5px; white-space: nowrap;}
.navistyle_ a { margin: 2px 5px; white-space: nowrap;}

.navisort_.goodslist_qty_ { width: 130px;}
.navisort_.goodslist_qty_ .list-custom-select-wrapper .custom-select { width: 55px;}
.navisort_.goodslist_qty_ .list-custom-select-wrapper .custom-select-trigger { width: 55px;}

.navistyle_.goodslist_style_ { width: 230px; margin: 0;}
.navistyle_.goodslist_style_ dd { padding: 0 0 0 10px; font-size: 14px; position: relative;}
.navistyle_.goodslist_style_ dd::before { content: '：'; line-height: 1.0; display: inline-block; position: absolute; top: calc(50% - 0.5em); left: -8px;}
.navistyle_.goodslist_style_ .styleD { height: 24px; padding: 0 0 0 25px; margin: 0 10px 0 0; color: #C2C2C2; text-decoration: none; line-height: 24px; letter-spacing: -1px; display: inline-block; font-size: 14px; background: url("../img/usr/common/styleD.png") left center no-repeat; -webkit-background-size: 16px auto; background-size: 16px auto; transition: 0s;}
.navistyle_.goodslist_style_ .styleP { height: 24px; padding: 0 0 0 28px; margin: 0; color: #C2C2C2; text-decoration: none; line-height: 24px; letter-spacing: -1px; display: inline-block; font-size: 14px; background: url("../img/usr/common/styleP.png") left center no-repeat; -webkit-background-size: 20px auto; background-size: 20px auto; transition: 0s;}
.navistyle_.goodslist_style_ .styleD:hover,
.navistyle_.goodslist_style_ .styleD.selected { color: #3a3a3a; background: url("../img/usr/common/styleD_on.png") left center no-repeat; -webkit-background-size: 16px auto; background-size: 16px auto;}
.navistyle_.goodslist_style_ .styleP:hover,
.navistyle_.goodslist_style_ .styleP.selected { color: #3a3a3a; background: url("../img/usr/common/styleP_on.png") left center no-repeat; -webkit-background-size: 20px auto; background-size: 20px auto;}

/* ブランド絞込 */
.brand_name_     { width: 100%; overflow: hidden;}
.brand_name_now_ { margin: 2px 5px; color: #CC3300; text-decoration: none; white-space: nowrap;}
.brand_name_ a   { margin: 2px 5px; white-space: nowrap;}

/* メーカー絞込 */
.maker_name_     { width: 100%; overflow: hidden;}
.maker_name_now_ { margin: 2px 2px 2px 2px; white-space: nowrap; text-decoration: none; color: #CC3300;}
.maker_name_ a   { margin: 2px 2px 2px 2px; white-space: nowrap;}

/* 商品分類絞込 */
#goods_class_filter_ { padding-bottom: 3px;}
#goods_class_filter_ .class_filter_ { margin-right: 10px; display: inline;}
#goods_class_filter_ .class_filter_ .selected_ { background-color: #ffeeff;}

/* ---------------------------------------------
 common フォーム
--------------------------------------------- */
.formlist_ { margin: 0 auto; border: #d1cfcf 1px solid; border-collapse: collapse;}
.formlist_ th { padding: 8px 8px 6px 8px; border: #d1cfcf 1px solid; font-weight: bold; white-space: nowrap; background-color: #ededea; box-sizing: border-box;}
.formlist_ td { padding: 8px 8px 6px 8px; border-bottom: #d1cfcf 1px solid; font-weight: normal; background-color: #FFF;}
.formlist_ td.line0_    { background-color: #f9f9f9;}
.formlist_ td.line1_    { background-color: #FCFCFC;}
.formlist_ tr.line0_ td { background-color: #f9f9f9;}
.formlist_ tr.line1_ td { background-color: #FCFCFC;}
.formdetail_    { margin: 0 auto; border-collapse: collapse;}
.formdetail_ th { padding: 8px 8px 6px 8px; border-top: #d1cfcf 1px solid; border-bottom: #d1cfcf 1px solid; font-weight: bold; text-align: left; vertical-align: top; background: #ededea;}
.formdetail_ td { padding: 8px 8px 6px 8px; border-top: #d1cfcf 1px solid; border-bottom: #d1cfcf 1px solid; font-weight: normal; vertical-align: top; background-color: #FFF;}
.formdetailcard_    { margin: 0 auto; border-collapse: collapse;}
.formdetailcard_ th { padding: 8px 8px 6px 8px; border-top: #d1cfcf 1px solid; border-bottom: #d1cfcf 1px solid; font-weight: bold; text-align: left; vertical-align: top; background: #ededea;}
.formdetailcard_ td { padding: 8px 8px 6px 8px; border-top: #d1cfcf 1px solid; border-bottom: #d1cfcf 1px solid; font-weight: normal; vertical-align: top; background-color: #FFF;}
.formsublist_    { border-collapse: collapse;}
.formsublist_ th { border: #d1cfcf 1px dotted; background-color: #FFF; font-weight: bold; white-space: nowrap;}
.formsublist_ td { border: #d1cfcf 1px dotted; background-color: #FFF; font-weight: normal;}
.must_ { margin-left: 10px; float: right; display: inline;}

/* ---------------------------------------------
 common Trace
--------------------------------------------- */
/* for Trace */
.tracecontent { text-align:left; background-color: #FFCCFF;}
#__asptrace { text-align:left; background-color: #FFF;}
span.tracecontent tr.subhead { background-color: #CCC;}
span.tracecontent tr.alt { background-color: #eee;}

/* ---------------------------------------------
 Ajax Zip
--------------------------------------------- */
#suggestZipArea { background-color: #fff; border: 1px solid #999; display: none; padding: 2px 0; font-size: 12px; position: absolute; z-index: 9999;}
#suggestZipArea .itemNotFound { padding: 0 4px; height: 20px; line-height: 20px; text-align: center; color: #999; font-style: italic;}
#suggestZipArea .itemLine { padding: 0 4px; height: 20px; line-height: 20px; list-style: none; white-space: nowrap; font-size: 12px; color: #000; cursor: default;}
#suggestZipArea .selected { background-color: #ffdddd; color: #c00000;}
#suggestZipArea .itemLine .itemCode { float: left; font-weight: bold; margin-right: 4px; font-size: 11px;}
#suggestZipArea .itemLine .itemName {}

/* ---------------------------------------------
 common header (on login)
--------------------------------------------- */
div.common_order_cart_ { display: none; position: fixed; top: 0; padding: 4px 4px 0 4px; background-color: #555; z-index: 9999;}
div.common_order_cart_ .common_order_cart_title_ { background: #555 url(../img/usr/common_order_cart_title.png) 2px top no-repeat; padding-left: 30px; color: #fff; cursor: pointer; font-weight: normal; font-weight: bold; font-size: 12px;}
div.common_order_cart_ .common_order_cart_title_ table { width: 100%;}
div.common_order_cart_ .common_order_cart_title_ .common_order_cart_note_ { padding-left: 1.5em; font-weight: normal; font-size: 11px; color: #fff;}
div.common_order_cart_list_ { width: 590px; padding: 2px; margin: 0; background-color: #fff; float: left;}
div.common_order_cart_list_bottom_ { clear: both; height: 4px;}
div.common_order_cart_list_ .item_ { width: 116px; height: 24px; float: left; margin-right: 2px; margin-bottom:2px;}
div.common_order_cart_list_ .item_ input { display: none;}
div.common_order_cart_list_ .item_ label { display: block; overflow: hidden; border: 1px solid #ccc; position: relative; text-decoration: none; margin: 1px; cursor: pointer;}
div.common_order_cart_list_ .item_ label .title_ { display: block; padding-top: 4px; padding-left: 16px; padding-bottom: 2px; margin: 0; font-size: 12px; line-height: 1.3; color: #666; font-weight: normal; background: #f0f0f0 url(../img/usr/icon_cart_off.png) left top no-repeat; height: 14px;}
div.common_order_cart_list_ .item_ label.checked_ { border: 2px solid #cc0000; margin: 0;}
div.common_order_cart_list_ .item_ label.checked_ .title_ { color: #333; background: #fff3f3 url(../img/usr/icon_cart_on.png) left top no-repeat;}
div.common_order_cart_list_ .item_ label.add_ .title_ { text-align: center; color: #333; background-color: #fff; padding: 4px 4px 2px 4px ; background-image: none;}
div.common_order_cart_list_ .item_ div.info_ { font-weight: normal; position: absolute; border: 1px solid #ccc; background-color: #fff; width: 130px; z-index: 999; padding: 1px; display: none;}
div.common_order_cart_ a.order_cart_navi_ { height: 17px; padding: 2px 10px 0 18px; margin: 0 0 3px 20px; font-size: 11px; line-height: 1.5; display: inline-block; overflow: visible; text-decoration: none; background: #ededed url(../img/usr/common_order_cart_close.png) left top no-repeat; color: #666;}
div.common_order_cart_ a.order_cart_navi_:hover { background-color: #dfdfdf;}

/* ---------------------------------------------
 cart button
--------------------------------------------- */
div.cart_btn_overlay_ { position: absolute; text-align: center; z-index: 9999;}
div.add_cart_btn_overlay_ { position: absolute; display: none; z-index: 9999;}
.jquery-ui-dialog-alert div.ui-dialog-titlebar { border-color: red; background-color: #f74e74; background-image : url(ui-lightness/images/ui-bg_gloss-wave_35_f74e74_500x100.png);}

/* ---------------------------------------------
 button
--------------------------------------------- */
.move_button_ { height: 32px; padding: 8px 12px; margin: 4px; border: #909090 1px solid; font-size: 12px; font-weight: normal; line-height: 13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 1px 1px 1px #ccc; text-decoration: none; background-color: #fff; color: #333; display: inline-block; position: relative; overflow: visible; cursor: pointer;}
.move_button_:hover { border: #333 1px solid; color: #000;}
.move_button_:active { top: 1px;}
.move_button_bk_ { height: 32px; padding: 8px 12px; margin: 4px; border: 1px solid #ccc; border-radius: 4px; font-size: 12px; line-height: 13px; font-weight: normal; box-shadow: 1px 1px 1px #ccc; text-decoration: none; background-color: #ededed; color: #aaa; display: inline-block; text-shadow: 1px 1px 0px #fff; position: relative; overflow: visible;}
.move_button_orange_ { height: 32px; padding: 8px 12px; margin: 4px; border: #909090 1px solid; border-radius: 4px; overflow: visible; cursor: pointer; font-size:12px; line-height: 13px; font-weight: normal; box-shadow: 1px 1px 1px #ccc; text-decoration: none; background-color: #fff; color: #333; display: inline-block; position: relative;}
.move_button_orange_:hover  { border: #333 1px solid; color: #000;}
.move_button_orange_:active { top: 1px;}
.move_button_mini_ { height: 25px; margin: 4px; padding: 4px 6px; border: #909090 1px solid; border-radius: 4px; overflow: visible; cursor: pointer; font-size:12px; line-height: 13px; font-weight: normal; box-shadow: 1px 1px 1px #ccc; text-decoration: none; background-color: #fff; color: #333; display: inline-block; position: relative;}
.move_button_orange_:hover  { border: #333 1px solid; color: #000;}
.move_button_orange_:active { top: 1px;}
.btn_return_,
a.btn_return_ { width: 200px; padding: 11px 0; margin: 0 auto; border: #3a3a3a 2px solid; border-radius: 30px; font-size: 15px; text-align: center; text-decoration: none; color: #3a3a3a; display: inline-block; background: #fff; transition: 0.25s ease 0s; cursor: pointer;}
.btn_return_ { padding: 13px 0;}
.btn_return_.btn_return_m_ { width: 150px; height: auto; font-size: 13px; box-shadow: none; transition: 0.25s ease 0s;}
.btn_return_.btn_return_s_ { width: 70px; font-size: 13px; background: #fff;}
.btn_return_:hover { border: solid 2px #1d5fb3; background: #1d5fb3; color: #fff; text-decoration: none;}
.btn_change_ { width: 200px; padding: 12px 0; border: #3a3a3a 2px solid; border-radius: 30px; font-weight: bold; color: #fff; background: #3a3a3a; cursor: pointer;
 transition: 0.25s ease 0s;}
input.btn_change_ { padding: 14px 0;}
input.btn_change_:hover { padding: 14px 0;}
.btn_change_.btn_change_s_ { width: 70px; padding: 8px 0; border-radius: 20px; font-size: 13px; background: #3a3a3a;}
.btn_change_.btn_change_s_:hover { padding: 8px 0;}
.move_button_orange_.btn_change_.btn_change_m_ { width: 150px; height: auto; padding: 11px 12px; margin: 0; border: #3a3a3a 2px solid; border-radius: 20px; font-size: 13px; background: #3a3a3a; display: inline-block; box-shadow: none;}
.move_button_orange_.btn_change_.btn_change_m_:hover { border: #3a3a3a 2px solid; color: #3a3a3a; background: #fff;}
.btn_change_.btn_change_long_ { width: 380px; margin-right: 20px; font-size: 13px;}
a.btn_change_ { margin: 0 auto; display: block; color: #fff; text-align: center; text-decoration: none;}
.btn_change_:hover { padding: 12px 0; border: #3a3a3a 2px solid; color: #3a3a3a; background: #fff; box-sizing: border-box; text-decoration: none;}
.delButton,
.del_s_btn { transition: 0.25s ease 0s;}
.delButton:hover,
.del_s_btn:hover { opacity: .7;}
.btn_change_.btn_s_,
.btn_return_.btn_s_ { width: 80px; padding: 5px 0; font-size: 12px;}
.btn_change_.btn_s_:hover { padding: 5px 0; text-decoration: none;}

/* ---------------------------------------------
 ローディング（読み込み中）イメージ
--------------------------------------------- */
.loading-img { width: 24px; height: 24px; display: block; position: relative;}
.loading-img .loading-balls { width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.loading-img .loading-balls .loading-ball { width: 50%; height: 5px; position: absolute; top: calc(50% - 3px); transform-origin: 100% 50%; left: 0;}
.loading-img .loading-balls .loading-ball::before { content: ""; width: 5px; height: 5px; border-radius: 50%; display: block; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.loading-img .loading-balls .loading-ball.loadball-1::before { animation: ballloading-keyframes 1s linear 0s infinite;}
.loading-img .loading-balls .loading-ball.loadball-2 { transform: rotate(45deg);}
.loading-img .loading-balls .loading-ball.loadball-2::before { animation: ballloading-keyframes 1s linear -0.125s infinite;}
.loading-img .loading-balls .loading-ball.loadball-3 { transform: rotate(90deg);}
.loading-img .loading-balls .loading-ball.loadball-3::before { animation: ballloading-keyframes 1s linear -0.25s infinite;}
.loading-img .loading-balls .loading-ball.loadball-4 { transform: rotate(135deg);}
.loading-img .loading-balls .loading-ball.loadball-4::before { animation: ballloading-keyframes 1s linear -0.375s infinite;}
.loading-img .loading-balls .loading-ball.loadball-5 { transform: rotate(180deg);}
.loading-img .loading-balls .loading-ball.loadball-5::before { animation: ballloading-keyframes 1s linear -0.5s infinite;}
.loading-img .loading-balls .loading-ball.loadball-6 { transform: rotate(225deg);}
.loading-img .loading-balls .loading-ball.loadball-6::before { animation: ballloading-keyframes 1s linear -0.625s infinite;}
.loading-img .loading-balls .loading-ball.loadball-7 { transform: rotate(270deg);}
.loading-img .loading-balls .loading-ball.loadball-7::before { animation: ballloading-keyframes 1s linear -0.75s infinite;}
.loading-img .loading-balls .loading-ball.loadball-8 { transform: rotate(315deg);}
.loading-img .loading-balls .loading-ball.loadball-8::before { animation: ballloading-keyframes 1s linear -0.875s infinite;}
@keyframes ballloading-keyframes { 
	0%   { width: 5px; height: 5px; opacity: 1;}
  100% { width: 2px; height: 2px; margin-left: 2px; opacity: .2;}
}