@import "/store/u_page/img/css/marble_site.css"; /*マーブルのSite.css*/ .inputError{color:red;} /* 契約情報一覧 */ .ContractList { margin:5px 5px 15px 5px; padding:0; font-size:80%; } .ContractList li { padding:5px; border-left:solid 2px #333; border-right:solid 2px #333; border-bottom:dotted 1px #333; list-style-type:none; line-height:20px; } .ContractList li:last-child { border-bottom:solid 2px #333; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .ContractList li:first-child { border-top:solid 2px #333; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } /* 関連商品(商品グループ) */ .RelatedProductTitle { font-weight: bold; text-align: center; margin: 10px; } .RelatedProductGroupTitle { margin:10px 5px 0px 5px; background: -moz-linear-gradient(top, #666, #333); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); font-size:80%; padding:5px; color:#FFFFFF; clear:both; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } .RelatedProductGroupTitle:after { display: block; content: " "; overflow: hidden; clear: both; } .RelatedProductGroupFrame { padding:0px; margin:0px 5px; font-size:80%; } .RelatedProductGroupFrame li { padding:0px; margin:0px; list-style-type:none; border-left:solid 2px #333; border-right:solid 2px #333; background: -moz-linear-gradient(top, #EEE, #FFF); background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF)); } .RelatedProductGroupFrame li:last-child { border-bottom:solid 2px #333; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .ItemCenter { text-align:center; } /* ファイルアップロードパネル */ #UploadPanel { display:none; z-index:9999; width:87%; padding:10px; margin:10px; position:fixed; top:50%; left:50%; } #UploadHeader { background-color: #EEE; padding:2px; width:98%; margin:0 auto; font-size:12px; font-weight:bold; zoom:1; overflow:hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } #UploadHeaderLeft { float:left; } #UploadHeaderRight { float:right; cursor: pointer; } #Upload { clear:both; background-color: #FFF; padding:2px; width:98%; margin:0 auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } .ShowDataTitle { font-size:large; margin:8px; text-align:left; border-bottom:solid 1px #c0c0c0; } .ShowDataContentBox { width:80%; margin:0 auto; } .ShowDataTextLine { margin:1px; padding:4px; background: none repeat scroll 0 0 #E5E7EB; color: #606060; font-size: 12px; } .ShowDataButtonArea { margin:8px; } .ShowDataButtonArea input { width:80px; } .ShowDataDiv { margin:1px; padding:4px; background: none repeat scroll 0 0 #003366; color: #FFFFFF; font-size: 14px; font-weight:bold; margin: 0 0 8px; padding: 5px 3px 5px 20px; } .ShowDataResult .ErrorMessage { color:Red; } .UploadBox .Notes { color:Red; } .PopUpFrame{ background-color:White; border:0px solid black; overflow:auto; } /* Cart Quantity Detail */ div.CartQuantityBreakDown { margin-top:30px; } div.CartQuantityBreakDown .tab { margin:0; padding:0; overflow:auto; } div.CartQuantityBreakDown .tab li:first-child { -moz-border-radius: 0; -webkit-border-radius: 0; } div.CartQuantityBreakDown .tab li:last-child { -moz-border-radius: 0; -webkit-border-radius: 0; } div.CartQuantityBreakDown .tab li { background-color:#9D9D9D; color:#fff; width:40%; text-align:center; border: none; } div.CartQuantityBreakDown .tab li:nth-child(1) { float:left; } div.CartQuantityBreakDown .tab li:nth-child(2) { float:right } div.CartQuantityBreakDown .tab li.selected { background-color:#172a88 } div.CartQuantityBreakDown .tab li a { padding:1.2em 0.5em; color:#fff; display:block } div.CartQuantityBreakDown #detail article { margin:0 auto; width:100%; } div.CartQuantityBreakDown #detail article p { display:inline-block; margin:10px 10px 0 0 } div.CartQuantityBreakDown { padding:1em 0 0 1em } /* Cart Quantity Detail */ /* Cart Quantity Detail Input */ @media screen { #inline-wrap1,#inline-wrap2 { position:relative; margin:10px auto; max-width:700px; background:#fff; box-sizing:border-box; padding-bottom:30px } #inline-wrap1 .modaltit,#inline-wrap2 .modaltit { width:100%; background-color:#172a88; color:#fff; font-size:20px; padding:1em 0; text-align:center } #inline-wrap1 .mfp-close,#inline-wrap2 .mfp-close { color:#fff; -moz-border-radius:27px; -webkit-border-radius:27px; border-radius:27px; background-color:#000; margin-top:-3% } #inline-wrap1 #detail div.modaltabarea,#inline-wrap2 #detail div.modaltabarea { display:block; margin:0 auto; width:100%; text-align:center; padding:3%; box-sizing:border-box } #inline-wrap1 #detail div.modaltabarea p,#inline-wrap2 #detail div.modaltabarea p { display:inline-block; margin:20px 30px 0 0 } #inline-wrap1 #detail div.modaltabarea p input,#inline-wrap2 #detail div.modaltabarea p input { display:block; width:3em; font-size:16px; margin:5px auto 0 auto; padding:7px } #inline-wrap1 #detail div.modaltabarea p input.classotherbox,#inline-wrap2 #detail div.modaltabarea p input.classotherbox { width:4em } .classsubmit a { padding:1em; background-color:#172a88; color:#fff; width:40%; display:block; text-align:center; margin:30px auto 10px auto } /* Cart Quantity Detail Input */ /* Comfirmation Quantity Detail */ div.quantityBreakDownBlock { text-align:left; } span.quantityBreakDown { display:inline-block; } /* Comfirmation Quantity Detail */ /* SetItemsShipping */ .SetItemsShipping { margin:5px 5px 15px 5px; padding:0; } .DivideShippingProductList { font-size:80%; } .SetItemsShipping dd { margin:0; padding:0; } .SetItemsShipping ul { margin:0; padding:0; list-style-type:none; } .SetItemsShipping li ,.SetItemsShippingModal li { padding:5px; border-left:solid 2px #333; border-right:solid 2px #333; border-bottom:dotted 1px #333; list-style-type:none; line-height:20px; } .SetItemsShipping li:last-child ,.SetItemsShippingModal li:last-child { border-bottom:solid 2px #333; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .SetItemsShipping li:first-child ,.SetItemsShippingModal li:first-child { border-top:solid 2px #333; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } .SetItemsShipping .LargeButton { font-size:100%; } .SetItemsShipping .ErrorMessage { font-size:100%; } .SetItemsShippingModal { margin:10px; padding:10px; background-color:#ffffff; text-align:center; } .SetItemsShippingModal .SelectShippingList { text-align:left; font-size:80%; } .SetItemsShippingModal .message { text-align:left; font-size:80%; display:inline-block; } .SetItemsShippingModal ul { margin:0; padding:0; list-style-type:none; } /* SetItemsShipping */ /* MultiColumnLayout */ .multiColumnLayout .contents { display:block; width:1080px!important; margin:auto; } .multiColumnLayout .contents ul { list-style:none; } .multiColumnLayout .contents .leftArea { float:left; width:200px; margin:auto; } .multiColumnLayout .contents .mainArea { float:left; width:650px; margin:auto; } .multiColumnLayout .contents .mainArea #divProductImages .arrows > .prev { float:left; position:relative; top:-150px; left:auto; z-index: 1; } .multiColumnLayout .contents .mainArea #divProductImages .arrows > .next { float:right; position:relative; top:-150px; right:auto; z-index: 1; } .multiColumnLayout .contents .rightArea { float:left; width:200px; margin:auto; } /* MultiColumnLayout */ /* セール商品 */ .SaleProductTitle { margin:10px 5px 0px 5px; background: -moz-linear-gradient(top, #666, #333); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); font-size:80%; padding:5px; color:#FFFFFF; clear:both; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } .SaleProductTitle:after { display: block; content: " "; overflow: hidden; clear: both; } .SaleProductList { padding:0px; margin:0px 5px; font-size:80%; } .SaleProductList li { padding:0px; margin:0px; list-style-type:none; border-left:solid 2px #333; border-right:solid 2px #333; background: -moz-linear-gradient(top, #EEE, #FFF); background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF)); overflow: hidden; } .SaleProductList li:last-child { border-bottom:solid 2px #333; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } /* MultiColumnLayout */ /* SNSログインボタン */ .FacebookLogin { display:inline-block; height:30px; width:250px; background-color:#4267B2; color:#FFFFFF; border-radius: 10px 10px 10px 10px; padding: 2px 5px; margin:2px 2px 2px 2px; } .FacebookLoginIcon { position:relative; top:2px; left:0px; height:20px; width:20px; } .TwitterLogin { display:inline-block; height:30px; width:250px; background-color:#1ab7ea; color:#FFFFFF; border-radius: 10px 10px 10px 10px; padding: 2px 5px; margin:2px 2px 2px 2px; } .TwitterLoginIcon { position:relative; top:5px; left:2px; height:20px; width:20px; } .LineLogin { display:inline-block; height:30px; width:250px; background-color:#00C300; color:#FFFFFF; border-radius: 10px 10px 10px 10px; padding: 2px 5px; margin:2px 2px 2px 2px; } .LineLoginIcon { position:relative; top:5px; left:3px; height:20px; width:20px; } /* くじ企画リスト */ .LotteryPlanListTitle { margin-top:10px; background: -moz-linear-gradient(top, #666, #333); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); font-size:80%; padding:5px; color:#FFFFFF; } .LotteryPlanListSubTitle { margin-top:5px; font-size:80%; padding:5px; text-align: center; } #LotteryPlanList { margin: 0; padding: 0; font-size:80%; } #LotteryPlanList .ListItem { border-bottom: 1px dotted #333; line-height: 20px; list-style-type: none; padding: 5px; } .LotteryPlanListStatusSale { color: #fff; background-color: #fd8e2a; width: 80px; text-align: center; border-radius: 5px 5px 5px 5px; } .LotteryPlanListStatusSaleEnd { color: #fff; background-color: #2f9fbc; width: 80px; text-align: center; border-radius: 5px 5px 5px 5px; } .LotteryPlanListStatusToSale { color: #fff; background-color: #98bf46; width: 80px; text-align: center; border-radius: 5px 5px 5px 5px; } .LotteryPlanListHeader { background-color:#000; color:#FFF; padding:10px; text-align:center; } .LotteryPlanListFooter { background-color:#000; color:#FFF; padding:10px; text-align:center; } /* ----- */ /* ポイントチャージ */ .PointChargeList { margin: 5px 5px 15px 5px; padding: 0; } .PointChargeList .Main { font-size: 80%; } .PointChargeList .ULPointChargeList{ display: flex; flex-wrap: wrap; } .PointChargeList .ULPointChargeList li { width: 30.5%; padding:0.2em 1em; cursor: pointer; } .PointChargeList .ULPointChargeList li+li, .PointChargeList .ULPointChargeList li:first-child{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .PointChargeList .ULPointChargeList li:nth-child(3n+1){ border-left: 1px solid #ccc; } .PointChargeList .ULPointChargeList li:nth-child(-n+3){ border-top: 1px solid #ccc; } /*.PointChargeList .PaymentLabel { float: left; width: 20%; } .PointChargeList .PaymentAmount { float: left; text-align: right; width: 20%; } .PointChargeList hr { border: solid 1px #AAA; margin: 3px 0px; width: 60%; } */ .PointChargeList .PriceCommentFrame{width:100%;} } /*.titvalidPoint:before{ content: "\f51e"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin: 10px; font-size: 19px; color: #ffd700; } */ .titvalidPoint{font-weight: 800;margin-left: 5px;} .buyPT,.validPoint .Point{ font-size: 18px; font-weight: bold; color: #fa8072; line-height: 2.5; } /* ---------------- */ .ULPointChargeList li{ display: flex; align-items: center; flex-wrap: wrap; position: relative; } .ULPointChargeList li input[type="radio"] { display: none; } .ULPointChargeList li:hover{ background: #f0f8ff; } .ULPointChargeList li.Active{background: #e0ffff;} .ULPointChargeList li:after{ background-image: URL("../images/common/listarrow-round.png"); display:block; background-size:68%; background-repeat: no-repeat; } .ULPointChargeList li:after{ position: absolute; top: 37%; right: 0; content: ""; width: 15px; height: 20px; margin: auto; } .PointChargeList.payment .ULPointChargeList li{height: 72px;} @media only screen and (max-width: 768px) { .PointChargeList .ULPointChargeList li{width:100%;} .PointChargeList .ULPointChargeList li:nth-child(-n+3){border-top:none;} .PointChargeList .ULPointChargeList li:nth-child(3n+1) { border-left: none; } .PointChargeList .ULPointChargeList li+li, .PointChargeList .ULPointChargeList li:first-child { border-right: none; border-bottom:1px dotted #ccc; } .ULPointChargeList li:after{top: 17%;} } /***** 決済方法設定 ラジオボタン*******/ input[type=radio]{ display: inline-block; background-color: #999999; border: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 22px; height: 22px; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; -moz-appearance: radio; -webkit-appearance: radio; } input[type="radio"] { margin: 0px 5px 0px 0px; line-height: normal; } .PointChargeList.payment ul li{ line-height: 3; } /**********テーブル表示*************/ .defaultList2columnBox dl.List2ColumnBox { border-bottom: 1px solid #CCC; padding: 1.7em 0; text-align: left; } .defaultList2columnBox dl.List2ColumnBox > dt { width: 200px; } .defaultList2columnBox dl.List2ColumnBox > dd { width: 100%; margin-left: -200px; } .defaultList2columnBox dl.List2ColumnBox>dd>.ddIn { text-align: left; line-height: 1.8; } .defaultList2columnBox dl.List2ColumnBox > dd > .ddIn { margin-left: 200px; } .defaultList2columnBox dl.List2ColumnBox.borderb { border-top: 2px solid #333; } dl.ddIn_CreditCard dd { margin-bottom: 1em; } dl.marble_cart__total { text-align: right; font-weight: bold; font-size: 1.3em; border: none; padding: 0.2em 15px; box-sizing: border-box; } dl.List2ColumnBox dl.PaymentLabel dd { width: auto; float: none; margin: 0; display: inline-block; width: 180px; } .marble_cart__tax{font-size: 0.6em;} /*********【決済方法選択】***********/ .PointChargeList .ULPointChargeList.PaymentMethodList li{width: 70%;margin: 5px auto;} .PointChargeList .ULPointChargeList.PaymentMethodList li label i{margin:5px;} .ULPointChargeList.PaymentMethodList li:after{content:"";} .ULPointChargeList.PaymentMethodList li{border: 1px solid #ccc !important;} .PointChargeList.payment .Main > div { text-align: center; display: block; } ul.ULPointChargeList.PaymentMethodList{ text-align: center; display: inline-block; width: 70%; } ul.ULPointChargeList.PaymentMethodList li{ text-align: center; } ul.ULPointChargeList.PaymentMethodList li label{ text-align: left; } @media only screen and (max-width: 768px){ .defaultList2columnBox dl.List2ColumnBox { padding: 0 0 1.0em 0; flex-wrap: wrap; } .defaultList2columnBox dl.List2ColumnBox > dt { width: 100%; float: none; font-size: 1.05em; padding: 0.5em 0; margin-bottom: 1em; border-bottom: 1px dashed #999; } .defaultList2columnBox dl.List2ColumnBox > dd { margin-left: 0; float: none; } .defaultList2columnBox dl.List2ColumnBox > dd > .ddIn { margin-left: 0; } .confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dd { width: 130px; } ul.ULPointChargeList.PaymentMethodList { display: inline-block; width: 100%; } .PointChargeList .ULPointChargeList.PaymentMethodList li{width:90%;} } #RefineSearchOverlay { top: 0; left: 0; width: 100%; height: 100%; display: none; position: fixed; background-color: #ccc; filter: alpha(opacity=50); opacity: 0.5; z-index:9000; } #RefineSearchLoading { position: fixed; top: 50%; left: 50%; display: none; text-align: center; z-index:9001; } /* RealTime Coupon */ .IncentiveMsgRT { color:red; border-color:LightGrey; border-width:1px; border-style:solid; margin:5px; padding:5px; } /* RegistCardInfoMulti */ .RegistCardMultiPanel { margin:5px 5px 15px 5px; padding:0; font-size:80%; } .RegistCardMultiPanel .CardList { padding:0; } .RegistCardMultiPanel .CardItem ul,.RegistCardMultiPanel .CardItem li { padding:0; } .RegistCardMultiPanel .CardItem { padding:5px; border-left:solid 2px #333; border-right:solid 2px #333; border-bottom:dotted 1px #333; list-style-type:none; line-height:20px; } .RegistCardMultiPanel .CardItem:first-child { border-top:solid 2px #333; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } .RegistCardMultiPanel .CardItem:last-child { border-bottom:solid 2px #333; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } /* CardPaymentPanel */ .CardPaymentPanel .CardList { margin:0; padding:0; } .CardPaymentPanel .CardList li { border:none; margin:0 0 0 5px; padding:0; } /* ConfirmZipMessageBox */ .ConfirmZipMessageBox .ConfirmMessage { margin:10px; text-align:center; } .ConfirmZipMessageBox .ConfirmTitle { display:inline-block; text-align:left; } /* SelectPaymentAndShippingTypeParts */ .selectPaymentAndShippingTypeParts { text-align:center; } .selectPaymentAndShippingTypeParts a { text-decoration: none; color: #000000; cursor: pointer; } .selectPaymentAndShippingTypeParts ul { margin:0; padding:0; } .selectPaymentAndShippingTypeParts li ,.selectPaymentAndShippingTypeParts li:first-child ,.selectPaymentAndShippingTypeParts li:last-child { border:none; list-style-type: disc; margin:0; padding:0; } .selectPaymentAndShippingTypeParts.settingBox dl { position: relative; text-align: left; } .selectPaymentAndShippingTypeParts.settingBox dt { margin:2px; } .selectPaymentAndShippingTypeParts .modal { width: 100%; height: 0; min-height: 0; max-height: 100vh; padding: 0 10px; box-sizing: border-box; overflow-y: scroll; opacity: 0; transition: opacity 0.5s 0s; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 1000000; } .selectPaymentAndShippingTypeParts .modal.open { min-height: 100vh; padding: 40px 10px; opacity: 1; } .selectPaymentAndShippingTypeParts .modal > .box { width: 100%; max-width: 800px; padding: 40px 20px; padding-top: 60px; box-sizing: border-box; background-color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; } @media (min-width: 800px) { .selectPaymentAndShippingTypeParts .modal > .box { margin-left: calc(50% - 400px); } } .selectPaymentAndShippingTypeParts .modal > .box dl { text-align: left; font-size: 16px; line-height: 26px; } .selectPaymentAndShippingTypeParts .modal > .box dl dt { margin-bottom: 10px; font-weight: bold; color: #eb0000; } .selectPaymentAndShippingTypeParts .modal > .box dl dd time { margin-bottom: 10px; display: block; color: #444444; } .selectPaymentAndShippingTypeParts .modal > .box dl dd .title { margin-bottom: 10px; font-weight: bold; } .selectPaymentAndShippingTypeParts .modal > .box .title { margin-bottom: 20px; font-weight: bold; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab { margin: 100px 0 40px 0; position: relative; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box { width: 100%; box-sizing: border-box; background-color: #ffffff; position: absolute; text-align: left; top: 0; left: 0; z-index: 10; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box h2 { width: 50%; padding: 10px; box-sizing: border-box; background-color: #cecece; color: #ffffff; text-align: center; font-weight: bold; position: absolute; top: -70px; cursor: pointer; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box .boxRadio { height: 0; overflow: hidden; padding: 20px; box-sizing: border-box; border: 1px solid #ededed; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box .boxRadio .selectBase:nth-child(odd) { margin-right: 20px; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(1) h2 { left: 0; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(2) h2 { left: 50%; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box:nth-child(n + 3) h2 { display:none; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open { position: relative; z-index: 1000; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open h2 { background-color: #00935F; margin-left: 0; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open h2:after { content: ''; width: 0; height: 0; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #00935F; position: absolute; bottom: -10px; left: 50%; } .selectPaymentAndShippingTypeParts .modal > .box .boxTab .box.open .boxRadio { height: auto; } .selectPaymentAndShippingTypeParts .modal.open { min-height: 100vh; padding: 40px 10px; opacity: 1; } .selectPaymentAndShippingTypeParts .modal i.close { width: 40px; height: 40px; display: inline-block; background-image: url("../Images/Common/x.png"); background-position: center; background-repeat: no-repeat; position: absolute; top: 20px; right: 20px; cursor: pointer; } .selectPaymentAndShippingTypeParts .modal .boxBtn { margin-top: 20px; text-align: center; } .selectPaymentAndShippingTypeParts .modal .boxBtn .close { cursor: pointer; } .selectPaymentAndShippingTypeParts.settingBox dl > dt .btnBorderBlack { width: auto; position: absolute; top: 0; right: 0; } .selectPaymentAndShippingTypeParts .btnBorderBlack.min { padding: 5px 10px; width: auto; display: inline-block; } .selectPaymentAndShippingTypeParts .btnBorderBlack.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .selectPaymentAndShippingTypeParts .btnBorderBlack { width: 100%; max-width: 300px; padding: 17px 14px; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; font-size: 14px; line-height: 24px; font-weight: bold; border: 1px solid #444444; color: #000000; background-color: #ffffff; } .selectPaymentAndShippingTypeParts .btnBorderBlack:hover { border: 1px solid #00935F; color: #00935F; } .selectPaymentAndShippingTypeParts .btnColor { width: 100%; max-width: 300px; padding: 17px 14px; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; font-size: 14px; line-height: 24px; font-weight: bold; background-color: #00935F; color: #ffffff; font-weight: bold; } .selectPaymentAndShippingTypeParts .btnColor.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .selectPaymentAndShippingTypeParts .btnColor:hover { opacity: 0.7; } .selectPaymentAndShippingTypeParts .inputBox { display: flex; flex-wrap: wrap; } #ProductListCategoryLoading { clear:both; width:95%; height:50px; margin:5px auto; background-color:#FFFFFF; background-image:url("../images/common/loading.gif"); background-repeat:no-repeat; background-position:center; } #SelectItemMessagePanel { display:none;position:absolute } #SelectItemMessagePanel .message { z-index:1000; transform:translate(-50%, 0%); margin:2px; padding:4px; border:solid 1px red; border-radius:5px; color:red; background:#FFFFFF; } .shippingDate.errorMessage { color:#FF0000; font-weight:bold; display:block; } .shippingDate.errorMessage p { margin:0px 0px 0px 5px; } /* RankPriceList */ #ProductDetail ul { font-size:80%; } .rankPriceList { margin:3px; padding:0; } .rankPriceList li { background:transparent; margin:0; padding:0; } .rankPriceList .rankPriceTitle ,.rankPriceList .rankPriceBlock { margin:0; padding:0; display:inline; } .rankPriceList .rankPriceBlock .rankPriceCaption { margin:0 0 0 2px } .rankPriceList .rankPriceBlock .rankPrice { margin:0 0 0 2px; font-weight:bold; } hr.border { border: dotted 1px #666; margin:0; padding:0; } /* ----------------------------------- */