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


/* ----------------------------------- */