@charset "UTF-8";
/* CSS Document */







.fontDown{
	font-size:0.9em;
}




.col-md-3{ }
.col-md-9{ }
.col-md-10{}
.col-md-6{}

	

.templateInner{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	padding:50px 0;
	font-size:1.1em;
}




.templateInner #marble_main{margin:0 auto;}


#marble_main h1,
#cleanup_main h1{
	font-size:2.0em;
	padding-bottom:1em;
}




#marble_main .text-center{text-align:center !important;}
#marble_main .text-right{ text-align:right !important;}

.box-center{
	margin-left:auto!important;
	margin-right:auto !important;
}
.box-centerInline{
	width:100%;
	text-align:center;
}
.box-centerInline .marble_txt{
	display:inline-block;
	text-align:left;
}







.marble_btn,
.marble_btn--back,
.marble_btn--not{
	margin:15px auto;
}


.marble_btn-box{
	text-align:center;
	width:100%;
	max-width:650px;
	margin:40px auto 20px;
}

.marble_btn-miniBox{}

.marble_box{
	text-align:center;
}




.widthHalfBox{
	width:100%;
	max-width:700px;
	margin:0 auto;
	box-sizing:border-box;
}

.widthFullBox{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	box-sizing:border-box;
}

.backColoringBox{
	background:#f3f1ef;
	margin:0 auto;
}





.marble_ttl--lv3{
	font-weight:bold;
	font-size:1.1em;
}



.marble_label--required{
	font-size:10px;
	color:#D80C24;
	border:1px solid #D80C24;
	padding:0.1em 0.2em;
	line-height:1;
	margin-left:0.5em;
}

.templateInner input[type="text"],
.templateInner input[type="password"],
.templateInner input[type="submit"]{
	font-size:16px;
	box-sizing:border-box;
	border:solid 1px #999;
	padding:7px;
	background:#FFF;
	-webkit-transition:border-color 0.2s;
	   -moz-transition:border-color 0.2s;
	        transition:border-color 0.2s;
}

.templateInner select,
table.itemBuyBox select{
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	padding:0 2em 0 0.5em;
    background:#FFF url(../../images/common/pulldown.png) right center no-repeat;
	background-size:22px;
    height:28px;
    line-height:26px;
    font-size:1.0em;
    vertical-align: middle;
    border:1px solid #999;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	margin-right:0.3em;
}
.templateInner select::-ms-expand,
table.itemBuyBox select::-ms-expand{
    display: none;
}
.ie9 .templateInner select,
.ie8 .templateInner select,
.ie9 table.itemBuyBox select,
.ie8 table.itemBuyBox select{
	padding:0;
	background:none;
}
@-moz-document url-prefix() { /* for firefox */
    .templateInner select{
        background:#FFF url(../../images/common/pulldown.png) right center no-repeat;
		background-size:22px;
    }
	table.itemBuyBox select{
        background:#FFF url(../../images/common/pulldown.png) right center no-repeat;
		background-size:22px;
    }
	
}


.templateInner textarea{
	font-size:16px;
	box-sizing:border-box;
	border:solid 1px #999;
	padding:7px;
	background:#FFF;
	-webkit-transition:border-color 0.2s;
	   -moz-transition:border-color 0.2s;
	        transition:border-color 0.2s;
}





.templateInner input[type="text"]:focus,
.templateInner input[type="password"]:focus,
.templateInner textarea:focus{
  border: 1px solid #D80C24 !important;
}



.ErrorMessage{text-align:left;}



/* =================== 購入STEP ==================== */

.marble_step-area{
	width:95%;
	max-width:1200px;
	margin:20px auto 0;
	padding:1.5em 0;
	background:#f3f1ef;
}
.marble_step-area ul{
	font-size:0;
	text-align:center;
}
.marble_step-area ul li{
	display:inline-block;
	font-size:13px;
	padding:0;
	margin:0 1.5em;
	color:#999;
	vertical-align:middle;
}
.marble_step-area ul li br{ display:none;}

.marble_step01 .sp01,
.marble_step02 .sp02,
.marble_step03 .sp03,
.marble_step04 .sp04{
	color:#826140;
	border-bottom:1px solid #826140;
}




/* =================== 入力エリアレイアウト ==================== */

.defaultList2columnBox{
	border-top:1px solid #CCC;
}
.defaultList2columnBox dl.List2ColumnBox{
	border-bottom:1px solid #CCC;
	padding:1.7em 0;
}
.defaultList2columnBox dl.List2ColumnBox > dt{
	width:200px;
	float:left;
}
.defaultList2columnBox dl.List2ColumnBox > dd{
	width:100%;
	margin-left:-200px;
	float:right;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn{
	margin-left:200px;
}

.defaultList2columnBox .UserRegistDescription{
	font-size:0.9em;
	padding:0.5em 0 0;
}

.defaultList2columnBox span.addressbtn{
	display: inline-block;
	width: auto;
	display: inline-flex;
}

.defaultList2columnBox .bnkbAddSearch{
	background:#F8F5F2;
	padding:0.6em 0.8em 0.7em;
	margin:0 0 0 1em;
	border:1px solid #CBB79E;
	color:#826140 !important;
	cursor:pointer;
	vertical-align:middle;
}
.defaultList2columnBox .bnkbAddSearch:hover{
	background:#CBB79E;
	border-color:#B69D80;
	color:#FFF !important;
}

.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn .marble_form-name{
	display: inline-block;
	vertical-align: top;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn .errormsg{
	font-size: 12px;
	color: #e8413f;}
.defaultList2columnBox dl.List2ColumnBox dd .UserRegistLabel{margin:0.7em 0 0;}






.defaultList2columnBox .txtLastName,
.defaultList2columnBox .txtFirstName,
.defaultList2columnBox .txtLastNameKana,
.defaultList2columnBox .txtFirstNameKana,
.defaultList2columnBox .MailFirst,
.defaultList2columnBox .MailSecond{
	width:11em !important;
}
.defaultList2columnBox .Mail1{
	width:23em !important;
}

.defaultList2columnBox .Zip{
	width:7em !important;
}

.defaultList2columnBox .NarrowID,
.defaultList2columnBox .List2ColumnBox_txtTitle{
	width:100% !important;
	max-width:300px;
}
.defaultList2columnBox .txtAddress1,
.defaultList2columnBox .txtAddress2,
.defaultList2columnBox .CorpName_txtCorpName,
.defaultList2columnBox .DeptName_txtDeptName{
	width:100% !important;
	max-width:800px;
}
.defaultList2columnBox input.Tel{
	width:5em;
}


.defaultList2columnBox input[type="radio"]{
	margin:0.3em 0.3em 0.3em 0;	
}

.templateInner input[type="checkbox"]{
	margin:0 0.3em 0 0;
}

.defaultList2columnBox input[type="text"]{margin:0 0.3em;}
.defaultList2columnBox .ddIn input[type="text"]:first-child{margin-left:0;}
.defaultList2columnBox label{ margin-right:1.5em;}


.defaultList2columnBox .marble_form-name input{
	margin:0 0.5em !important;
	width:12em;	
}

@media only screen and (max-width: 540px){
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn .marble_form-name{
	width: 48%;
}
}


/* =================== 左右2ボタン共通 =================== */


.cart_aspx .marble_btn-box .marble_btn,
.checkout_aspx .marble_btn-box .marble_btn,
.confirmation_aspx .marble_btn-box .marble_btn,
.purchaselimitinformation_aspx .marble_btn-box .marble_btn,
.setshipping_aspx .marble_btn-box .marble_btn,
.addressbook_aspx .marble_btn-box .marble_btn,
.addressbookregist_aspx .marble_btn-box .marble_btn{
	float:right;
	width:47%;
	max-width:300px;
}
.cart_aspx .marble_btn-box .marble_btn--back,
.checkout_aspx .marble_btn-box .marble_btn--back,
.confirmation_aspx .marble_btn-box .marble_btn--back,
.purchaselimitinformation_aspx .marble_btn-box .marble_btn--back,
.setshipping_aspx .marble_btn-box .marble_btn--back,
.addressbook_aspx .marble_btn-box .marble_btn--back,
.addressbookregist_aspx .marble_btn-box .marble_btn--back{
	float:left;
	width:47%;
	max-width:300px;
}













/* =================== Account =================== */
.purchaselimitinformation_aspx .text-center:nth-child(2){
	margin-bottom: 30px;
}

/* =================== Account =================== */


.account_aspx h1 span{
	width:1.4em;
	display:inline-block;
	padding-right:8px;
}
.account_aspx h1 span img{
	width:100%;
}














.account_aspx .memberPersonal{
	width:100%;
	border:1px solid #CBB79E;
	box-sizing:border-box;
	padding:2px;
}

.account_aspx .memberPersonalIn{
	border:2px solid #F1ECE6;
	box-sizing:border-box;
	padding:2px;
}

.account_aspx .memberPersonal .welcome{
	font-size:1.2em;
	padding:2.5em 120px 2.5em 1.2em;
	box-sizing:border-box;
	text-align:left;
/*	background:#F8F5F2 url(../../images/common/account_character.png) center right no-repeat; */
	background-size:115px;
}
.account_aspx .memberPersonal .welcome span{
	font-weight:bold;
	font-size:1.2em;
}

.account_aspx .memberPersonalButtonBox{
	width:95%;
	margin:0 auto;
	margin-top:30px;
}

.account_aspx .memberPersonalButtonBox p{
	display:inline-block;
	margin-right:20px;
}
.account_aspx .memberPersonalButtonBox .Button{
	padding-left:1.5em;
	padding-right:1.5em;
}


.account_aspx .PersonalNewsBox{
	width:95%;
	margin:0 auto;
	margin-top:25px;
	padding-top:20px;
	border-top:1px solid #CBB79E;
}
.account_aspx .PersonalNewsBox h2{
	font-size:1.5em;
	padding-bottom:0.5em;
}
.account_aspx .PersonalNewsBox ul{
	border-top:1px solid #CCC;
}
.account_aspx .PersonalNewsBox ul li{
	border-bottom:1px solid #CCC;
	padding:0.6em 0;
}
.account_aspx .PersonalNewsBox ul li .date{
	width:100px;
	float:left;
}
.account_aspx .PersonalNewsBox ul li .newsTitle{
	width:100%;
	float:right;
	margin-left:-100px;
}
.account_aspx .PersonalNewsBox ul li .newsTitle span{
	display:block;
	margin-left:100px;
}
.account_aspx .PersonalNewsBox .newsAll{
	text-align:right;
	padding:0.6em 0 1em;
}
.account_aspx .linkIcon a:before{
	content:"\f152";
	font-family:'FontAwesome';
	padding:0 0.3em 0;
}





.account_aspx .MyPageDashboardContents{
	margin-top:60px;
	font-size:1.1em;
}

.account_aspx .MyPageDashboardContents h2.MyPageSubtitle{
	background:#F5F1EC;
	border-left:7px solid #CBB79E;
	box-sizing: border-box;
	font-size:1.5em;
	line-height:35px;
	margin-bottom:20px;
	padding:7px 0 5px 10px;
}
.account_aspx .MyPageDashboardContents h2.MyPageSubtitle span{
	font-size:0.8em;
	padding-left:0.5em;
	vertical-align:middle;
}
.account_aspx .MyPageDashboardContents h2.MyPageSubtitle img{
	width:35px;
	vertical-align:top !important;
	padding-right:10px;
}

.account_aspx .agreementBox{
	border:1px solid #CCC;
	box-sizing: border-box;
	padding:0 1em;
	font-size:1.1em;
	margin-bottom:5px;
}
.account_aspx .agreementBox div{
	border-top:1px dashed #CCC;
	padding:0.7em 0;
}
.account_aspx .agreementBox div:first-child{
	border:none;
}


.account_aspx .ContractInfoRegist{
	margin-top:20px;
	width:100%;
	overflow:hidden;
}
.account_aspx .ContractInfoRegist h3{
	font-size:1.3em;
	padding:0.7em 0 0.5em;
}
.account_aspx ul.application{
	width:102%;
	font-size:0;
	margin-bottom:5px;
}
.account_aspx ul.application li{
	width:31.33333%;
	font-size:13px;
	margin-right:2%;
	display:inline-block;
	vertical-align:top;
}
.account_aspx ul.application li a{
	display:block;
	border:1px solid #CBB79E;
	box-sizing:border-box;
	padding:15px 12px 12px;
}
.account_aspx ul.application li a:hover{
	background:#F8F5F2;
	color:inherit !important;
}
.account_aspx ul.application li .appIcon{
	width:60px;
	float:left;
}
.account_aspx ul.application li .appIcon img{
	width:100%;
	height:auto;
}

.account_aspx ul.application li .appText{
	width:100%;
	float:right;
	margin-left:-75px;
}
.account_aspx ul.application li .appText p{
	margin-left:75px;
}
.account_aspx ul.application li .appText p.appTit{
	font-size:1.3em;
	line-height:1.4;
	color:#A08571;
}
.account_aspx .appBody{
	padding-top:0.3em;
}

.account_aspx .accountMenuBox{
	/*border-top:1px solid #CCC;*/
	margin:0 0 60px 0;
	padding-top:20px;
	width:100%;
	overflow:hidden;
}
/*.account_aspx .accountMenuBox h2{
	font-size:1.5em;
}*/
.account_aspx .accountMenuBox ul.accountMenu{
	width:101.5%;
}
.account_aspx .accountMenuBox ul.accountMenu li{
	width:31.833333%;
	margin:1.5% 1.5% 0 0;
	float:left;
}
.account_aspx .accountMenuBox ul.accountMenu li a{
	border:1px solid #333;
	display:block;
	text-align:center;
	font-size:1.15em;
	background:transparent;
	padding:1.5em 1em;
	line-height:1.3;
	box-sizing:border-box;
	color: #333;
}
.account_aspx .accountMenuBox ul.accountMenu li a:hover{
	color:#FFF !important;
	background:#ad9f88 !important;
	border:transparent;;
}


.account_aspx .accountMenuBox ul.accountMenu li a div i.fa,
.account_aspx .accountMenuBox ul.accountMenu li a div i.fas{
	margin-right: 10px;
}






.account_aspx .GuestBlock{
	font-size:1.1em;
}
.account_aspx .guestInfo{
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
}
.account_aspx .guestInfo p{
	line-height:1.4;
	padding-bottom:0.5em;
}
.account_aspx .guestInfo .topdown{
	padding-left:1.1em;
	text-indent:-1.1em;
	box-sizing:border-box;
}

.account_aspx .guestInfoButton{
	margin-top:10px;
}

.account_aspx .guestBT{
	display:inline-block;
	margin-right:20px;
	width:299px;
}
.account_aspx .guestBT a{
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
	        transition: opacity 0.2s;
}
.account_aspx .guestBT a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity: 0.7;
   	   -moz-opacity: 0.7;
   	        opacity: 0.7;
}

.account_aspx .guestBT img{
	width:100%;
	height:auto;

}








/* =================== AddressBook =================== */

.addressbook_aspx ul.AddressListBox,
.setshipping_aspx ul.AddressListBox{
}
.addressbook_aspx ul.AddressListBox > li,
.setshipping_aspx ul.AddressListBox > li{
	font-size:12px;
	box-sizing:border-box;
	text-align:left;
}
.addressbook_aspx ul.AddressListBox > li .AddressTitle p,
.setshipping_aspx ul.AddressListBox > li .AddressTitle p{
	font-size:1.25em;
}
.addressbook_aspx ul.AddressListBox > li .AddressDetail p,
.setshipping_aspx ul.AddressListBox > li .AddressDetail p{
	font-size:1.1em;
}
/* =================== AddressBookRegist =================== */

.addressbookregist_aspx .List2ColumnBox_pnlAddressTitle{
	margin-bottom:2em;
}



/* =================== BookmarkList =================== */
.bookmarklist_aspx .ProductList li{
	text-align:center;
}
.bookmarklist_aspx .marble_btn{
	margin-top:70px;
}






/* =================== Cart =================== */
.cart_aspx{}
.cart_aspx .Cart{
	border-top:1px solid #CCC;
	margin-top:1em;
}


.cart_aspx .Cart .marble_box-wrap--line{
	border-bottom:1px solid #CCC;
	padding:1.5em 0;
}

.cart_aspx .cart2columnBox > dl > dt{
	width:130px;
	float:left;
	position:relative;
	z-index:100;
}
.cart_aspx .cart2columnBox > dl > dt img{
	width:100%;
}
.cart_aspx .cart2columnBox > dl > dd{
	width:100%;
	float:right;
	margin-left:-180px;
}
.cart_aspx .cart2columnBox > dl > dd > .ddIn{
	margin-left:180px;
}


.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl > dt{
	float:left;
	width:100%;
	margin-right:-200px;
}
.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl > dt > .dtIn{
	margin-right:200px;
	font-size:1.1em;
	line-height:1.8;
}
.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl > dd{
	width:180px;
	float:right;
}

.cart_aspx .cart2columnBox .marble_cart__order p{
	line-height:1.7;
	font-size:1.1em;
	padding-bottom:0.5em;
}

.cart_aspx .cart2columnBox .marble_cart__order .marble_btn--not{margin:0;}
.cart_aspx .cart2columnBox .marble_cart__order input{
	background:#F3F3F3;
	font-size:13px;
	border:2px solid #E6E6E6;
	padding:0.3em 1.3em;
	cursor:pointer;
}

.cart_aspx .Cart_liPrice dl{
	font-size:2.2em;
	font-weight:bold;
	text-align:right;
}
.cart_aspx .Cart_liPrice dl dt{
	display:inline-block;
	padding-right:0.5em;
	font-size:0.8em;
}
.cart_aspx .Cart_liPrice dl dt span{
	font-size:0.7em;
}
.cart_aspx .Cart_liPrice dl dd{
	display:inline-block;
	padding-right:0em;
}

.cart_aspx .Cart .Cart_liPrice{
	padding-top:1em;
	padding-bottom:2em;
}

.cart_aspx .cartNoneMessage{
	padding:3em 0 6em;
}


.cart_aspx .marble_post-free{
	text-align:right;
}



.cart_aspx .marble_post-free .marble_box-wrap--line{
	padding-bottom:0.8em;
}
.cart_aspx .marble_post-free span{
	font-size:1.2em;
}
.cart_aspx #SearchShippingFreeGoods{
	font-size:1.1em;
}
.cart_aspx #SearchShippingFreeGoods a:before{
	content:"\f112";
	font-family: 'FontAwesome';
	padding-right:0.4em;
	font-size:0.9em;
}

.cart_aspx .CartRecommendTitle{
	font-size:1.2em;
	border-top:1px solid #CCC;
	padding-top:1em;
}





/* =================== CheckOut =================== */

.checkout_aspx .marble_btn-miniBox{
	margin:0.8em 0;
}
.checkout_aspx .marble_btn-miniBox span{
	margin-right:0.5em;
}
.checkout_aspx .marble_btn-miniBox input{
	background:#F3F3F3;
	font-size:13px;
	border:2px solid #E6E6E6;
	padding:0.3em 1.3em;
	cursor:pointer;
}

.wrapper.checkout_aspx .shippingDateBlock .newCartSetShippingTimeTable .newCartSetShippingDate{
    position: relative;
  width: 180px;
}
.wrapper.checkout_aspx .shippingDateBlock .newCartSetShippingTimeTable .newCartSetShippingDate select {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #cccccc;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.wrapper.checkout_aspx .shippingDateBlock .newCartSetShippingTimeTable .newCartSetShippingDate:after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px + 2px);
    right: 16px;
    z-index: 11;
    pointer-events: none;
}
.checkout_aspx .newCartShippingOptionTitle{
	padding-bottom:0.5em;
}

.checkout_aspx .newCartSetShippingDate input[type="text"]{
	margin-right:0.3em;
}
.checkout_aspx .DeliveryYear{
	width:5em !important;
}
.checkout_aspx .DeliveryMonth,
.checkout_aspx .DeliveryDay{
	margin-left:0.5em;
	width:3em !important;
}










/* =================== ContractDetail =================== */
.contractdetail_aspx h2{
	font-size:1.5em;
	padding:0 0 0 0.5em;
	border-left:6px solid #CBB79E;
	box-sizing: border-box;
	margin-top:1em;
}

.contractdetail_aspx table.SmileMemberInfoList,
.contractdetail_aspx table.CMSMemberInfoList{
	margin:20px 0 60px;
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.contractdetail_aspx table.SmileMemberInfoList th,
.contractdetail_aspx table.CMSMemberInfoList th{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#F5F5F5;
	padding:0.5em 0.7em;
	box-sizing: border-box;
}
.contractdetail_aspx table.SmileMemberInfoList td,
.contractdetail_aspx table.CMSMemberInfoList td{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:0.5em 0.7em;
	box-sizing: border-box;	
}




.contractdetail_aspx .contractdetailProductBox{
	margin:20px 0 60px;
}
.contractdetail_aspx table.ProductInfoList{
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.contractdetail_aspx table.ProductInfoList th{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#F5F5F5;
	padding:0.5em 0.7em;
	box-sizing: border-box;
}
.contractdetail_aspx table.ProductInfoList td{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:0.5em 0.7em;
	box-sizing: border-box;
}

.contractdetail_aspx table.ProductInfoList th.model{width:25%;}
.contractdetail_aspx table.ProductInfoList th.function{}
.contractdetail_aspx table.ProductInfoList th.item{ width:16em;}
.contractdetail_aspx table.ProductInfoList th.CSNo{ width:7em;}










/* dlでのBOX組用

.contractdetail_aspx .ProductInfoList{
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
.contractdetail_aspx .ProductInfoList ul{
	width:102%;
}
.contractdetail_aspx .ProductInfoList li{
	width:31.33333%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	padding:1em;
	box-sizing:border-box;
	border:1px solid #CCC;
	line-height:1.4;
}

.contractdetail_aspx .ProductInfoList li dl{}
.contractdetail_aspx .ProductInfoList li dl dt{
	padding:0.4em 0em;
	box-sizing:border-box;
	width:5.5em;
	float:left;
}
.contractdetail_aspx .ProductInfoList li dl dt:after{
	content:":";
}
.contractdetail_aspx .ProductInfoList li dl dd{
	box-sizing:border-box;
	width:100%;
	padding:0.4em 0.3em 0.4em 5.5em;
	border-top:1px dashed #CCC;
	display:block;
}
.contractdetail_aspx .ProductInfoList li dl dd:first-of-type{
	border:none;
}
.contractdetail_aspx .ProductInfoList li dl dd:after{
	content: "\A" ;
	white-space: pre ;
}

.contractdetail_aspx .marble_btn{
	margin-top:4em;
}

*/








/* =================== Confirmation =================== */

.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox{
	border-bottom:1px solid #CCC;
	padding:0 0 1em;
	margin-bottom:1em;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dt{
	float:left;
	width:150px;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dd{
	float:right;
	width:100%;
	margin-left:-200px;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox dd > .ddIn{
	margin-left:200px;
}




.confirmation_aspx .marble_btn-miniBox input{
	background:#FFF;
	font-size:13px;
	border:1px solid #CCC;
	padding:0.8em 1.3em;
	cursor:pointer;
}
.confirmation_aspx .marble_btn-miniBox input:hover{
	background:#CBB79E;
	color:#FFF;
	border-color:#B69D80;
}



.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel{
	text-align:right;
	font-weight:bold;
	font-size:1.3em;
	border:none;
	padding:0.2em 15px;
	box-sizing:border-box;
}
.confirmation_aspx dl.List2ColumnBox dl.marble_cart__total--l{font-size:1.8em;}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dt{
	width:auto;
	float:none;
	margin:0;
	display:inline-block;
}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dt span{font-size:0.7em;}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dd{
	width:auto;
	float:none;
	margin:0;
	display:inline-block;
	width:180px;
}
.confirmation_aspx dl.List2ColumnBox .marble_box-wrap{
	background:#F3F3F3;
	padding:1em 15px 1em 0;
	margin-top:1em;
}
.confirmation_aspx dl.List2ColumnBox dd > div .marble_box-wrap dl{
	padding:0;
}


.confirmation_aspx .List2ColumnBox_CreditCardPanel{
	margin-top:1em;
}

.confirmation_aspx .List2ColumnBox_CreditCardPanel dt{
	margin:1.0em 0 0.3em;
}

.confirmation_aspx .List2ColumnBox_CreditCardPanel dd p{
	font-size:0.9em;
	padding:0.3em 0;
}
.confirmation_aspx .List2ColumnBox_CreditCardPanel .CreditCardInfo_pnlSecurityCode0{
	margin:1em 0;
}

.confirmation_aspx .pnlCreditCardInput_CreditCardNumberTextBox,
.confirmation_aspx .pnlCreditCardInput_CreditCardHolderNameTextBox{
	width:18em;
}

.confirmation_aspx .pnlCreditCardInput_CreditCardSecurityCodeTextBox{
	width:6em;
}






/* =================== Error =================== */

.error_aspx .widthHalfBox{
	text-align:center;
	margin-top:3em;
	padding:30px 0 40px;
}





/* =================== Information =================== */

.information_aspx .InfomationPage{
	font-size:1.1em;
	padding:2em 0 4em;
}
.information_aspx .marble_btn-box{
	overflow:hidden;
	width:100%;
	text-align:center;
}

.information_aspx .marble_btn-box a{
	width:40%;
	margin:0 3%;
	display:inline-block;
}







/* =================== Inquiry =================== */

.inquiry_aspx .checkMailSend{
	margin:20px 0;
}

.inquiry_aspx input.Address{
	max-width:450px;
	width:100%;
}
.inquiry_aspx textarea.Address{
	max-width:450px;
	width:100%;
}
.inquiry_aspx .ddIn p{
	display:inline-block;
}



/* =================== Login =================== */
/* =================== memberReset =================== */
/* .Login{
	background:#f3f1ef;
	width:100%;
	max-width:700px;
	text-align:center;
	padding:40px 0;
	margin:0 auto;
	box-sizing:border-box;
} */
.Login dl{
	text-align:center;
	padding:0.7em 0;
}
.Login dt{
	width:8em;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding-top:0.5em;
}
.Login dd{
	width:55%;
	text-align:left;
	display:inline-block;
	font-size:0;
	margin:0;
}
.Login dd span{
	font-size:12px;
	width:50%;
}

.Login input[type="text"],
.Login input[type="password"]{
	width:100%;
}


.Login.mt1{
	margin-top:3px;
	padding:40px 0;
}


.login_aspx .login dd{position:relative;}
.login_aspx .login dd span{
	position:absolute;
	top:0;
	right:-1em;
	display:inline-block;
	width:auto;
}




.memberreset_aspx .marble_txt{
	padding:1em 0 2em;
}
.memberreset_aspx dd{
	position:relative;
}
.memberreset_aspx dd span{
	position:absolute;
	top:0;
	right:-1em;
	display:inline-block;
	width:auto;
}
.memberreset_aspx #contents > span.ErrorMessage{
	display:block;
	width:90%;
	margin:0 auto;
	padding:6em 0 3em;
}







/* =================== MemberShip =================== */
.membership_aspx{}

/*.membership_aspx .Login{
	width:49%;
	float:left;
}*/
.membership_aspx .Login dt{
	width:8em;
}
.membership_aspx .Login.nonMember{
	float:right;
}
.membership_aspx .Login.nonMember .Button{
	width:60%;
	padding-left:0;
	padding-right:0;
	margin-bottom:1em;
}
.membership_aspx .MembershipTitle{
	font-size:1.2em;
}
.membership_aspx .Login .marble_ttl--lv3{
	padding:0.5em 0 1.5em;
}

.membership_aspx dd{
	position:relative;
}
.membership_aspx dd span{
	position:absolute;
	top:0;
	right:-1em;
	display:inline-block;
	width:auto;
}

.membership_aspx .marble_box{
	padding:1em 0 0.5em;
}






/* =================== News =================== */

.news_aspx .WhatsNew{}

.news_aspx .WhatsNewDate,
.groupnews_aspx .WhatsNewDate{
	font-size:1.1em;
}

.news_aspx .WhatsNewTitle,
.groupnews_aspx .WhatsNewTitle{
	width:100%;
	font-size:1.6em;
	padding-bottom:0.3em;
	border-bottom:1px solid #CCC;
}

.news_aspx .WhatsNewBody,
.groupnews_aspx .WhatsNewBody{
	padding:2em 0;
}




/* =================== NewsList =================== */


ul.newsListBox{}

ul.newsListBox li{
	border-bottom:1px solid #CCC;
}
ul.newsListBox li:first-child{
	border-top:1px solid #CCC;
}
ul.newsListBox li a{
	padding:1.5em 0.5em;
	display:block;
	box-sizing:border-box;
}
ul.newsListBox li .WhatsNewDate{
	width:100px;
	float:left;
}
ul.newsListBox li .WhatsNewLink{
	float:right;
	width:100%;
	margin-left:-100px;
}
ul.newsListBox li .WhatsNewLink p{
	margin-left:100px;
}





/* =================== OrderHistory =================== */

.orderhistory_aspx .viewCount{
	width:100%;
}
.orderhistory_aspx .marble_box-wrap--line{	
}


.orderhistory_aspx .marble_cart-box{
	padding:1.2em 1.5em;
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:15px 0;
}
.orderhistory_aspx .marble_cart-box:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}
.orderhistory_aspx .marble_cart-box h2{
	font-size:1.2em;
	padding-bottom:0.5em;
	border-bottom:1px solid #CCC;
}
.orderhistory_aspx .marble_cart-box .DetailBox{
	width:55%;
	float:left;
	margin-top:1em;
}










.orderhistory_aspx .marble_btn-miniBox{
	float:right;
	width:45%;
	max-width:450px;
	margin-top:2em;
}
.orderhistory_aspx .marble_btn-miniBox input[type="submit"]{
	background:#fff;
	font-size:13px;
	padding:0;
	border:1px solid #5f92ce;
	color:#484848;
	cursor:pointer;
	height:36px;
	width:100%;
	-webkit-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	   -moz-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	        transition:color 0.2s,border-color 0.2s,background-color 0.2s;
}

.orderhistory_aspx .marble_btn-miniBox input:hover{
	background:#5f92ce;
	border-color:#5f92ce;
	color:#FFF !important;
}

.orderhistory_aspx .marble_btn-miniBox .marble_btn{
	margin:0 0 0 5%;
	width:45%;
	float:left;
}









.orderhistory_aspx .pagination{
	width:100%;
	margin:30px 0;
	text-align:center;
}
.orderhistory_aspx .pagination li{
	margin:0 0.3em;
}














.orderhistory_aspx .regularly{
	margin-bottom:60px;
	
}
.orderhistory_aspx .regularly #SubTitle{
	font-size:2.2em;
	padding:1em 0 0.2em;
	border-bottom:1px dashed #CCC;
	margin-bottom:0.6em;
}



.SceduledHistoryList{
	margin-top:2em;
	border:2px solid #CCC;
}

.SceduledHistoryList .SceduledIn{
	border-bottom:2px solid #CCC;
	box-sizing:border-box;
	padding:1.5em;
	background:#F9F9F9;
	font-size:1.1em;
}


.SceduledHistoryList span.Message{
	padding:1em;
	display:block;
}

.SceduledHistoryList .regularlyInfo{
	width:55%;
	float:left;
        text-align:left;
}
.orderhistory_aspx .regularly .marble_btn-miniBox{
	margin-top:0.3em;
}


.SceduledHistoryList .SceduledHistoryCalendarList{
	border-top:1px dashed #CCC;
	box-sizing:border-box;
	padding:1.5em;
}

.SceduledHistoryList .SceduledHistoryCalendarList:first-child{
	border:none;
}

.orderhistory_aspx input[type="submit"][disabled]{
	background:#F5F5F5;
	border:1px solid #CCC;
	color:#999;
	cursor:default;
}
.orderhistory_aspx input[type="submit"][disabled]:hover{
	background:#F5F5F5 !important;
	border:1px solid #CCC !important;
	color:#999 !important;
}









#PurchaseIntervalPanel,
#RequestDatePanel{
	text-align:center;
}

#PurchaseIntervalPanel .PurchaseIntervalPanelIn,
#RequestDatePanel .RequestDatePanelIn{
	float:none !important;
	text-align:center;
	padding:3em !important;
	width: auto !important;
	display:inline-block !important;
	background:#FFF;
}

#PurchaseIntervalPanel .PurchaseIntervalPanelIn select,
#RequestDatePanel .RequestDatePanelIn select{
	margin:0 auto;
}
#PurchaseIntervalPanel .marble_btn-miniBox,
#RequestDatePanel .marble_btn-miniBox{
	float:none !important;
	display:block !important;
	width:100%;
	text-align:center;
	margin-top:2em;
}
#PurchaseIntervalPanel .marble_btn-miniBox span,
#RequestDatePanel .marble_btn-miniBox span{
	display:block;
	padding-top:0.5em;
}

#PurchaseIntervalPanel .marble_btn,
#RequestDatePanel .marble_btn{
	display:inline-block !important;
	float:none !important;
	width:auto;
	min-width:7em;
	margin:0 0.5em;
	
}
#PurchaseIntervalPanel input[type="submit"],
#RequestDatePanel input[type="submit"]{
	background:#FFF !important;
	font-size:13px;
	border:1px solid #999 !important; 
	cursor:pointer;
	width:100%;
	color:#333 !important;
}
#PurchaseIntervalPanel input[type="submit"]:hover,
#RequestDatePanel input[type="submit"]:hover{
	background:#FFF !important;
	border:1px solid #999 !important;
	color:#333 !important;
}












/* =================== OrderHistoryDetail =================== */

.orderhistorydetail_aspx{}

.orderhistorydetail_aspx dl.marble_list-desc{}
.orderhistorydetail_aspx dl.marble_list-desc dt{
	background:#a5854a;
	box-sizing:border-box;
	padding:0.2em 0.5em;
	 margin-top:2em;
}
.orderhistorydetail_aspx dl.marble_list-desc dd{
	box-sizing:border-box;
	padding:0.5em 0.5em 0.5em;
}



.orderhistorydetail_aspx input.OrderHistoryDetail_btnBack{
	width:100%;
	max-width:300px;
	display: block;
	padding:1.1em;
	font-size:17px;
	text-align:center;
	cursor: pointer;
	border:1px solid #333;
	box-sizing:border-box;
	float:left;
	color:#333 !important;
	-webkit-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	   -moz-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	        transition:color 0.2s,border-color 0.2s,background-color 0.2s;
}
.orderhistorydetail_aspx input.OrderHistoryDetail_btnBack:hover{
	border-color:#CCC;
	background:#F3F3F3;
	color:#999 !important;
}


.orderhistorydetail_aspx input.OrderHistoryDetail_btnBuyAgain{
	width:100%;
	max-width:300px;
	display: block;
	padding:1.1em;
	font-size:17px;
	text-align:center;
	cursor: pointer;
	background:#B69D80;
	border:1px solid #B69D80;
	box-sizing:border-box;
	float:right;
	color:#FFF !important;
	-webkit-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	   -moz-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	        transition:color 0.2s,border-color 0.2s,background-color 0.2s;
}
.orderhistorydetail_aspx input.OrderHistoryDetail_btnBuyAgain:hover{
	background:#826140;
	border-color:#826140;
}
.GoToInquiry{
	display:inline-block;
	position:relative;
	padding:1.2em;
	padding-bottom:1.0em;
	font-size:13px;
	margin:1em auto 0;
	text-align:center;
	cursor: pointer;
	box-sizing:border-box;
	border:1px solid #B69D80;
	color:#B69D80 !important;
	-webkit-transition:background-color 0.2s;
	   -moz-transition:background-color 0.2s;
	        transition:background-color 0.2s;
}
.GoToInquiry:hover{
	background:#F8F5F2;
}








/* =================== ProductViewedHistory =================== */
.productviewedhistory_aspx .ProductList li{
	text-align:center;
}
.productviewedhistory_aspx .ProductViewedHistoryClear a{
	display:inline-block;
	padding:0.2em 0.5em;
	border:1px solid #CCC;
}
.productviewedhistory_aspx .ProductViewedHistoryClear a:hover{
	color:#999 !important;
}
.productviewedhistory_aspx .ProductViewedHistoryClear a i{
	padding-right:0.3em;
}
 




/* =================== PointHistory =================== */

.pointhistory_aspx .widthHalfBox{
	width:100%;
	max-width:450px;
	border-top:1px solid #CCC;
	margin:1em auto 5em;
}
.pointhistory_aspx .widthHalfBox dl{
	text-align:left;
	border-bottom:1px solid #CCC;
	margin:0.5em 0;
	padding:0.5em 0;
}
.pointhistory_aspx .widthHalfBox dt{
	display:inline-block;
	width:48%;
	box-sizing:border-box;
	padding-left:0.3em;
	vertical-align:middle;
}
.pointhistory_aspx .widthHalfBox dd{
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	text-align:right;
	font-size:1.4em;
	padding-right:0.2em;
	vertical-align:middle;
}

.pointhistory_aspx .widthHalfBox .PointHistory_liPointExpire dd{
	font-size:1.3em !important;
}



/* =================== Reminder =================== */

.reminder_aspx .Login{margin-top:1.5em;}
.reminder_aspx .marble_btn{padding-top:2em;}




/* =================== RegisteMail =================== */
.member_registemail_aspx .marble_btn{
	margin:35px auto;
}
.member_registemail_aspx .marble_txt{
	width:80%;
	margin:0 auto;
}

.member_registemail_aspx .marble_box-wrap--login{
	margin-bottom:1em;
}


.member_registemail_aspx .marble_txt a{
	font-size:1.1em;
	padding:1.0em 0 0.5em;
	display:inline-block;
}
.member_registemail_aspx .marble_txt a:before{
	content:"\f054";
	font-family: 'FontAwesome';
	padding-right:0.2em;
	font-size:0.80em;
}








/* =================== RegistCardInfo =================== */

.registcardinfo_aspx .marble_btn{

}

.registcardinfo_aspx .RegistCardInfoButton{
	padding-top:3em;
	width:100%;
}
.registcardinfo_aspx .RegistCardInfoButton input{
	width:100%;
	max-width:300px;
	display: block;
	padding:1.1em;
	font-size:17px;
	text-align:center;
	cursor: pointer;
	background:#B69D80;
	border:1px solid #B69D80;
	box-sizing:border-box;
	color:#FFF !important;
	margin:0 auto !important;
	-webkit-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	   -moz-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	        transition:color 0.2s,border-color 0.2s,background-color 0.2s;
}
.registcardinfo_aspx .RegistCardInfoButton input:hover{
	background:#826140;
	border-color:#826140;
}




.registcardinfo_aspx .marble_btn--back{width:46%;float:left;margin:0 !important;}
.registcardinfo_aspx .marble_btn--not{width:46%;float:right;margin:0 !important;}



.registcardinfo_aspx .card_no,
.registcardinfo_aspx .card_holder{width:100%;max-width:18em;}
.registcardinfo_aspx .card_securityCord{width:6em;}






/* =================== QuestionNaire =================== */

.questionnaire_aspx .defaultList2columnBox dl.List2ColumnBox > dt{width:280px;}
.questionnaire_aspx .defaultList2columnBox dl.List2ColumnBox > dd{margin-left:-290px;}
.questionnaire_aspx .defaultList2columnBox dl.List2ColumnBox > dd > .ddIn{margin-left:290px;}


.questionnaire_aspx .defaultList2columnBox label{ margin-right:2em;}
.questionnaire_aspx .defaultList2columnBox input[type="text"]{ margin-right:0.3em;}






.questionnaire_aspx .WaterPurifierListBlock .ddIn li{margin-bottom:15px;}
.questionnaire_aspx .WaterPurifierListBlock .ddIn li:first-child{margin-top:0px;}

.questionnaire_aspx .WaterPurifierListBlock .ddIn li input{
	margin-left:1em;
	display:inline-block;
}

.questionnaire_aspx .WaterPurifierListBlock .ddIn li label{
	margin:0;
	margin-top:30px;
	display:inline-block;
}
.questionnaire_aspx .WaterPurifierListBlock img{
	width:80px;
	¥display:inline-block;
}





/* =================== Resign =================== */

.resign_aspx .widthHalfBox{
	font-size:1.1em;
	padding:3em 0 2em;
}

.resign_aspx .marble_btn-box .marble_btn{width:46%;float:right;}
.resign_aspx .marble_btn-box .marble_btn--not{width:46%;float:left;}



.resign_aspx .marble_btn{
	text-align:center;
}





/* =================== Thanks =================== */

.thanks_aspx .marble_box-wrap--line dl{
	border:1px solid #CCC;
	box-sizing:border-box;
	display:inline-block;
	font-size:1.3em;
	padding:1em;
}

.thanks_aspx .box-centerInline{
	padding:3em 0 2em;
}





/* =================== UserCoupon =================== */

.usecoupon_aspx .backColoringBox{
	text-align:center;
	padding:40px 0 0;
	margin-bottom:40px;
}

.usecoupon_aspx .couponBox{
	text-align:left;
	width:60%;
	margin:2em auto 0;
	padding-bottom:2em;
	position:relative;
}
.usecoupon_aspx .couponBox input{width:100%;}

.usecoupon_aspx .couponBox span{
	position:absolute;
	top:1em;
	right:-1em;
	display:inline-block;
	width:auto;
}

.usecoupon_aspx ul.CouponList{
	width:100%;
	margin:25px auto 0;
	text-align:left;
}
.usecoupon_aspx ul.CouponList li{
	border-top:2px solid #FFF;
	box-sizing:border-box;
	padding:2em 5%;	
}

.usecoupon_aspx ul.CouponList input{
	font-size:14px;
	padding:0.3em 1.0em;
	cursor:pointer;
	margin-top:1em;
	-webkit-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	   -moz-transition:color 0.2s,border-color 0.2s,background-color 0.2s;
	        transition:color 0.2s,border-color 0.2s,background-color 0.2s;

}
.usecoupon_aspx ul.CouponList input:hover{
}


.usecoupon_aspx .marble_btn--back{width:46%;float:left;margin:0 !important;}
.usecoupon_aspx .marble_btn--not{width:46%;float:right;margin:0 !important;}

.usecoupon_aspx .ErrorMessage{
	text-align:center;
	margin:0 auto;
	display:block;
}


/* =================== UserPoint =================== */

.usepoint_aspx .backColoringBox{
	text-align:center;
	padding:40px 0 60px;
	margin-bottom:40px;
}

.usepoint_aspx .UsePointTotalPoint{
	padding-top:1em;
}
.usepoint_aspx .UsePointTotalPoint span{
	font-size:1.4em;
}
.usepoint_aspx .pointBox{
	width:10em;
	margin:1em auto 0;
	position:relative;
}
.usepoint_aspx .pointBox input{
	width:100%;
}
.usepoint_aspx .pointBox span{
	position:absolute;
	top:1em;
	right:-1em;
	display:inline-block;
	width:auto;
}

.usepoint_aspx .marble_btn--back{width:46%;float:left;margin:0 !important;}
.usepoint_aspx .marble_btn--not{width:46%;float:right;margin:0 !important;}

.usepoint_aspx .ErrorMessage{
	text-align:center;
	margin:0 auto;
	display:block;
}



/* =================== UserRegistTop =================== */

.userregisttop_aspx #marble_main{
	width:100%;
	max-width:900px;
}
.userregisttop_aspx .marble_box-wrap--line{
	border:1px solid #CCC;
	box-sizing:border-box;
	margin-bottom:2em;
}
.userregisttop_aspx .marble_ttl--lv3{
	padding:3em 0 1em;
}





/* =================== Magazine 一覧 =================== */


#UserPageDigest{
	margin-top:30px;
	width:100%;
	overflow:hidden;
}
#UserPageDigest .UserPageList ul.ListBox{
	width:101.5%;
	margin-bottom:2em;
}
#UserPageDigest .UserPageList ul.ListBox li{
	width:23.5%;
	margin-right:1.5%;
	margin-bottom:1.5%;
	float:left;
}
#UserPageDigest .UserPageList ul.ListBox li a{
	display:block;
	box-sizing:border-box;
	padding:10px;
	background:#F6F6F6;
}
#UserPageDiges .UserPageListt ul.ListBox li a:hover{
	color:#333 !important;
	background:#E5DBCE;
}
#UserPageDigest .UserPageList ul.ListBox h3{
	font-size:1.1em;
	padding:0.8em 0 0.2em;
	line-height:1.5;
}








/* =================== ご利用ガイド =================== */

/* =================== 特定商取引に関する法律に基づく表示 =================== */

/* =================== ショッピング規約 =================== */



.u_page_guide_aspx main,
.u_page_deal_aspx main,
.u_page_terms_aspx main,
.u_page_faq_aspx main{
	max-width:950px;
}
.u_page_guide_aspx main h1,
.u_page_deal_aspx main h1,
.u_page_terms_aspx main h1,
.u_page_faq_aspx main h1{
	text-align:center;
	font-size:1.9em !important;
}

.u_page_guide_aspx main h1 br,
.u_page_deal_aspx main h1 br,
.u_page_terms_aspx main h1 br{
	display:none;
}

.u_page_guide_aspx main h4,
.u_page_deal_aspx main h4,
.u_page_terms_aspx main h4{
	font-size:1.2em;
	margin:2em 0 1em 0;
	background:#F8F5F2;
	padding:0.5em 1em 0.4em 0.3em;
	line-height:1.4;
	box-sizing:border-box;
}
.u_page_guide_aspx main h5,
.u_page_deal_aspx main h5,
.u_page_terms_aspx main h5{
	font-weight:bold;
	margin-top:1em;
	
}
.u_page_guide_aspx main p,
.u_page_deal_aspx main p,
.u_page_terms_aspx main p{
	margin:0.5em 0;
}

.u_page_guide_aspx main table,
.u_page_deal_aspx main table,
.u_page_terms_aspx main table{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:1em 0;
}

.u_page_guide_aspx main table th,
.u_page_deal_aspx main table th,
.u_page_terms_aspx main table th{
	background:#F3F3F3;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:0.2em 0.5em;
	box-sizing:border-box;
}
.u_page_guide_aspx main table td,
.u_page_deal_aspx main table td,
.u_page_terms_aspx main table td{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:0.2em 0.5em;
	box-sizing:border-box;
}

.u_page_guide_aspx main p.notice,
.u_page_deal_aspx main p.notice,
.u_page_terms_aspx main p.notice{
	padding-left:1em;
	text-indent:-1em;
}



/* =================== Maintenance / Busy =================== */

.Maintenance .MaintenanceBox{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:50px 0;
	font-size:1.1em;
}
.Maintenance .MaintenanceBox h1{
	width:120px;
	margin:0 auto;
}
.Maintenance .MaintenanceBox h1 img{
	width:100%;
}
.Maintenance .MaintenanceBox h2{
	margin:3.5em 0 1.8em;
	font-size:1.6em;
}
.Maintenance .MaintenanceBox h2 br{display:none;}
.Maintenance .MaintenanceBox h3{
	display:inline-block;
	text-align:left;
	font-size:1.1em;
	line-height:1.8;
}
.Maintenance .MaintenanceBox h4{
	font-size:1.1em;
	margin-top:1em;
}
.Maintenance .marble_btn-box{
	margin-top:4em;
}





/* ======================================================================================
                                注文前のチェックポイント
  ======================================================================================= */


.u_page_check_point_aspx .orderCheckPointBox{
	border-top:1px solid #CCC;
}
.orderCheckPointBox{
	width:100%;
	padding:2em 0;
	margin-top:2.5em;
}
.orderCheckPointBox h2{
	font-size:1.7em;
	padding-bottom:0.5em;
}

.orderCheckPointBox h2 br{display:none;}


.orderCheckPointBox span.sizeA{
	background:#E60012;
	color:#FFF;
	padding:0 0.3em;
	margin:0 0.2em;
	-webkit-border-radius:0.5em;
       -moz-border-radius:0.5em;
            border-radius:0.5em;
}
.orderCheckPointBox span.sizeB{
	background:#009644;
	color:#FFF;
	padding:0 0.3em;
	margin:0 0.2em;
	-webkit-border-radius:0.5em;
       -moz-border-radius:0.5em;
            border-radius:0.5em;
}

.patternSide{
	width:100%;
	line-height:1.5;
}

.leftTextBox{
	width:30%;
	float:left;
}

.rightImageBox{
	width:67%;
	float:right;
	overflow:hidden;
}
.rightImageBox .sizeAimg{
	width:66%;
}
.rightImageBox .image2column,
.rightImageBox .image3column{
	width:102%;
	font-size:0;
	text-align:left;
}

.rightImageBox .image3column li{
	width:31.33333%;
	margin-right:2%;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}
.rightImageBox .image2column li{
	width:48%;
	margin-right:2%;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}
.rightImageBox .image2column img,
.rightImageBox .image3column img,
.supportPlate li img{
	margin-bottom:5px;
	display:block;
}

.rightImageBox .modelMark{
	background:#E60012;
	color:#FFF;
	padding:0 0.4em;
	font-size:1.1em;
	margin-bottom:0.2em;
	display:inline-block;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}


.orderCheckPointBox .red{
	color:#D80C24;
}

.image2column h4,
.supportPlate h4{
	font-size:1.2em;
	font-weight:bold;
}



.attachment{
}

.attaBoxSet{
	width:100%;
	font-size:12px;
	margin-top:1em
}
.attaBoxSet h3{
	width:100%;
	font-size:1.5em;
	position:relative;
	margin-bottom:0.7em;
}
.attaBoxSet h3:after{
	content:"";
    display:block;
    border-top:solid 1px #B69D80;
    width:100%;
    height:1px;
    position:absolute;
    top:50%;
    z-index:1;
}
.attaBoxSet h3 span{
	background:#fff;
    padding:0 15px 0 0;
    position:relative;
    z-index:5;
}

.attachment h4{
	color:#E60012;
	line-height:1.2;
	font-size:1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}


.attaMethod{
	width:65%;
	float:left;
}
.attaPitch{
	width:29%;
	float:right;
}
.attaPitch p{
	font-size:1.1em;
}
.pitchImg{
	margin-top:1em;
}


.attaMethod .method01{
	width:64%;
	float:left;
}
.attaMethod .method02{
	width:32%;
	float:right;
}

.attaMethod .methodImg01{margin:0.5em 0 2em 0;}
.attaMethod .methodImg02{margin:0.5em 0 0 0;}


.supportPlate{
	width:100%;
	overflow:hidden;
}
.supportPlate ul{
	width:102%;
	font-size:0;
	text-align:left;
	margin-top:15px;
}
.supportPlate ul li{
	width:23%;
	margin-right:2%;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}





.orderCheckPointBox:after,
.attaMethod:after,
.orderCheckPointBox .patternSide:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}






.UserHtmlPartsIn .orderCheckPointBox{
	border-top:1px solid #CCC;
}
.UserHtmlPartsIn .orderCheckPointBox .patternSide,
.UserHtmlPartsIn .orderCheckPointBox .attachment,
.UserHtmlPartsIn .orderCheckPointBox .supportPlate{
	font-size:1.1em;
}
.UserHtmlPartsIn .orderCheckPointBox h2:before{
	content:"\f00c";
	font-family:'FontAwesome';
	padding:0 0.3em 0 0.1em;
	color:#CBB79E;
}

.UserHtmlPartsIn .attaBoxSet h3{
	font-size:1.4em;
	padding:0 !important;
}














/* ======================================================================================
                                                 適合表
  ======================================================================================= */



.u_page_fit_sink_aspx{}


.u_page_fit_sink_aspx .CategorySeries{
	width:100%;
	overflow:hidden;
}
.u_page_fit_sink_aspx ul.seriesList{
	width:102%;
}
.u_page_fit_sink_aspx ul.seriesList li{
	width:31.33333%;
	margin-right:2%;
	float:left;
	text-align:center;
	border:1px solid #CCC;
	box-sizing:border-box;
	padding:10px 0;
}
.u_page_fit_sink_aspx ul.seriesList li img{
	margin:0 auto;
	width:90%;
	max-width:220px;
}

.u_page_fit_sink_aspx .infoLink{
	margin:10px 0 0 0;
}
.u_page_fit_sink_aspx .infoLink i{
	padding-right:0.2em;
}


#ss{
	margin-top:40px;
	padding-top:20px;
}
#cleanlady,
#rakuera{
	margin-top:80px;
	padding-top:20px;
}






























@media only screen and (max-width: 960px) {

/* =================== 購入STEP ==================== */
.marble_step-area ul li{margin:0 1.2em;}






/* =================== AddressBook =================== */
.addressbook_aspx ul.AddressListBox > li{width:31.33333%;}


/* =================== ContractDetail =================== */
.contractdetail_aspx .ProductInfoList li{width:48%;}


/* =================== Magazine 一覧 =================== */
#UserPageDigest .UserPageList ul.ListBox li{width:31.8333%;}


/* =================== BookmarkList =================== */
.bookmarklist_aspx .pickListFullWidth ul.itemlist li{width:21%;}

/* =================== ProductViewedHistory =================== */
.productviewedhistory_aspx .pickListFullWidth ul.itemlist li{width:21%;}

	

}
	







@media only screen and (max-width: 768px) {
.templateInner{width:92%;padding:7% 0 0;}

#marble_main h1,
#cleanup_main h1{text-align:center;font-size:1.9em;}



.templateInner select{
    height:30px;
    line-height:28px;
    font-size:16px;
}

/* =================== 購入STEP ==================== */
.marble_step-area{width:100%;margin:20px auto 0;padding:1.2em 0;}
.marble_step-area ul li{font-size:12px;line-height:1.3;margin:0 1.3em;}
.marble_step-area ul li br{display:block;}



/* =================== 入力エリアレイアウト ==================== */

.defaultList2columnBox dl.List2ColumnBox{padding:0 0 1.0em 0;}

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



.defaultList2columnBox input[type="radio"]{margin:0.5em 0.3em 0.5em 0;	}





/* =================== Account =================== */

.account_aspx .memberPersonalIn{
	padding-bottom:5%;
}
.account_aspx .memberPersonal .welcome{
	padding:1.2em 1.2em 110px;
	background:#F8F5F2 url(../../images/common/account_character.png) center bottom no-repeat;
	background-size:100px;
}


.account_aspx .memberPersonalButtonBox p{display:block;margin-right:0; margin:10px 0;}
.account_aspx .memberPersonalButtonBox .Button{padding-left:0.5em;padding-right:0.5em;width:100%;box-sizing:border-box;}

.account_aspx .PersonalNewsBox ul li .date{width:100%;float:none;}
.account_aspx .PersonalNewsBox ul li .newsTitle{float:none;margin-left:0;}
.account_aspx .PersonalNewsBox ul li .newsTitle span{margin-left:0;}

.account_aspx .PersonalNewsBox .newsAll{text-align:center;padding:0;}
.account_aspx .linkIcon{
	width:100%;
	text-align:center;
	margin-top:10px;
	
}
.account_aspx .linkIcon a{
	box-sizing:border-box;
	background:#F5F5F5;
	display:block;
	padding:0.5em 1em;
}
.account_aspx .linkIcon a:before{display:none;}

.account_aspx .ContractInfoRegist h3{text-align:center;}

.account_aspx .MyPageDashboardContents h2.MyPageSubtitle{
	border:0;
	text-align:center;
	font-size:1.4em;
	line-height:1.4;
	padding:0.5em 1em;
}
.account_aspx .MyPageDashboardContents h2.MyPageSubtitle span{
	padding:0;
	display:block;
}
.account_aspx .MyPageDashboardContents h2.MyPageSubtitle img{
	display:block;
	margin:0 auto;
	margin-bottom:5px;
	padding:0;
}
.account_aspx ul.application{width:100%;}
.account_aspx ul.application li{
	width:100%;
	margin-right:0%;
	margin-top:10px;
	display:block;
}
.account_aspx ul.application li:first-child{margin-top:0;}

.account_aspx .accountMenuBox h2{
	text-align:center;
	padding-bottom:0.5em;
}
.account_aspx .accountMenuBox ul.accountMenu li{
	width:48.5%;
}

.account_aspx .guestBT{
	display:block;
	width:100%;
	margin:10px 0;
}
.account_aspx .guestBT a{
	background:#B69D80;
	display:block;
	text-align:center;
}
.account_aspx .guestBT img{
	width:280px;
}









/* =================== AddressBook =================== */
.addressbook_aspx ul.AddressListBox > li{width:48%;}



/* =================== BookmarkList =================== */
.bookmarklist_aspx  .pickListFullWidth ul.itemlist li{width:29.33333%;}
.bookmarklist_aspx .marble_btn{margin-top:10%;}


/* =================== Cart =================== */
.cart_aspx .cart2columnBox > dl > dt{
	width:35%;
	float:none;
	margin:0 auto;
}

.cart_aspx .cart2columnBox > dl > dd{float:none;margin:3% 0 0;}
.cart_aspx .cart2columnBox > dl > dd > .ddIn{margin-left:0; text-align:center;}
.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl{width:80%;margin:0 auto;}
.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl > dt{float:none;margin-right:0; }
.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl > dt > .dtIn{margin-right:0;line-height:1.5;font-size:1.0em;}
.cart_aspx .cart2columnBox > dl > dd > .ddIn > dl > dd{width:100%;margin-top:3%;padding-top:4%;float:none;border-top:1px dotted #CCC;}
.cart_aspx .marble_txt{text-align:center;}



/* =================== CheckOut =================== */
.checkout_aspx .marble_btn-miniBox{margin:1em 0;}







/* =================== Error =================== */
.error_aspx .widthHalfBox{padding:3% 0 4%;}




/* =================== Inquiry =================== */
.inquiry_aspx input.Address{max-width:none;}
.inquiry_aspx textarea.Address{max-width:none;}




/* =================== Login =================== */
/* =================== memberReset =================== */

.Login{padding:5% 0;}

.Login dl{width:80%;max-width:550px;margin:0 auto;padding:0.4em 0;}
.Login dt{width:100%;display:block;padding-top:0;padding-bottom:0.2em;}
.Login dd{width:100%;display:block;font-size:inherit;}
.Login dd span{width:auto;}

.Login.mt1{padding:5% 0;}

.Login .marble_btn{width:80%;margin:5% auto 0;}

.login_aspx .marble_txt{padding-top:2em;width:70%;margin:0 auto;}
.memberreset_aspx .marble_txt{padding:1em 0 1em;}






/* =================== MemberShip =================== */

.membership_aspx .Login{width:100%;float:none;}
.membership_aspx .Login.nonMember{float:none;margin-top:10px;}

.membership_aspx .Login dt{width:100%;}
.membership_aspx .marble_txt{padding-top:2em;width:70%;margin:0 auto;}



/* =================== NewsList =================== */
ul.newsListBox li .WhatsNewDate{width:100%;float:none;}
ul.newsListBox li .WhatsNewLink{float:none;margin-left:0;}
ul.newsListBox li .WhatsNewLink p{margin-left:0;}
ul.newsListBox li a{padding:1.0em 0.5em;}




/* =================== OrderHistory =================== */
.orderhistory_aspx .pagination{margin:5% 0;}
.orderhistory_aspx .marble_cart-box .DetailBox{width:100%;float:none;}

.orderhistory_aspx .marble_cart-box{padding:1.2em;}
.orderhistory_aspx .marble_cart-box h2{font-size:1.1em;}
.orderhistory_aspx .marble_btn-miniBox{float:none;width:100%;margin-top:1em;}
.orderhistory_aspx .marble_btn-miniBox .marble_btn{
	margin:0;
	display:inline-block;
	width:auto;
	float:none;
	margin-right:10px;
}

.orderhistory_aspx .regularly #SubTitle{
	font-size:1.9em;
	text-align:center;
	padding:1em 0 0.7em;
	margin-bottom:0.8em;
}


.orderhistory_aspx .marble_btn-miniBox input[type="submit"]{
	padding:0 1em;
}
.orderhistory_aspx .pagination{margin:5% 0 8%;}
.orderhistory_aspx .regularly .regularlyInfo{width:100%;float:none;}
.orderhistory_aspx .regularly .marble_btn-miniBox{margin-top:1em;}



/* =================== OrderHistoryDetail =================== */
.orderhistorydetail_aspx input.OrderHistoryDetail_btnBack{max-width:45%;}
.orderhistorydetail_aspx input.OrderHistoryDetail_btnBuyAgain{max-width:45%;}





/* =================== QuestionNaire =================== */
.questionnaire_aspx .defaultList2columnBox dl.List2ColumnBox > dt{width:100%;}
.questionnaire_aspx .defaultList2columnBox dl.List2ColumnBox > dd{margin-left:0;}
.questionnaire_aspx .defaultList2columnBox dl.List2ColumnBox > dd > .ddIn{margin-left:0;}




/* =================== RegisteMail =================== */
.member_registemail_aspx .marble_btn{margin:20px auto;}





/* =================== RegistCardInfo =================== */
.registcardinfo_aspx .RegistCardInfoButton{padding-top:2em;}




/* =================== Resign =================== */

.resign_aspx .LargeButton{font-size:15px !important;}





/* =================== Thanks =================== */
.thanks_aspx h1{padding:0 0 1.5em 0 !important;}
.thanks_aspx .box-centerInline{padding:3em 0 2em;}






/* =================== UserCoupon =================== */
.usecoupon_aspx .backColoringBox{padding:6% 0 0;margin-bottom:6%;}
.usecoupon_aspx .backColoringBox p.marble_txt{width:90%;margin:0 auto;}
.usecoupon_aspx ul.CouponList{margin:4% auto 0;}




/* =================== UserRegistTop =================== */
.userregisttop_aspx .marble_txt{width:80%;margin:0 auto;}




/* =================== Magazine 一覧 =================== */
#UserPageDigest{margin-top:5%;}
#UserPageDigest .UserPageList ul.ListBox{width:103%;}
#UserPageDigest .UserPageList ul.ListBox li{width:47%;margin-right:3%;margin-bottom:3%;}




/* =================== ProductViewedHistory =================== */
.productviewedhistory_aspx .pickListFullWidth ul.itemlist li{width:29.3333%;}





/* =================== Maintenance / Busy =================== */
.Maintenance .MaintenanceBox{width:90%;padding:10% 0;}






/* ======================================================================================
                                注文前のチェックポイント
  ======================================================================================= */
.orderCheckPointBox h2{font-size:1.6em;}

.leftTextBox{width:100%;float:none;padding-bottom:1.5em;}
.rightImageBox{width:100%;float:none;}


.rightImageBox .sizeAimg{width:70%;}

.rightImageBox .image2column,
.rightImageBox .image3column{width:103%;}
.rightImageBox .image3column li{width:30.33333%;margin-right:3%;}
.rightImageBox .image2column li{width:47%;margin-right:3%;}


.attaMethod{width:100%;float:none;}
.attaPitch{width:100%;float:none; margin-top:3em;}

.pitchImg{width:50%;margin:2em auto 0;}
.supportPlate ul{width:105%;}
.supportPlate ul li{width:45%;margin-right:5%; margin-bottom:5%;}





/* =================== 適合表 =================== */

.u_page_fit_sink_aspx ul.seriesList li{padding:5px 0;}

#ss{margin-top:0;padding-top:80px;}
#cleanlady,
#rakuera{margin-top:0;padding-top:100px;}



}





@media only screen and (max-width: 765px) {

.contractdetail_aspx table.SmileMemberInfoList,
.contractdetail_aspx table.CMSMemberInfoList{
	border:none;
	margin:10px 0 50px 0;
}

.contractdetail_aspx table.SmileMemberInfoList tr,
.contractdetail_aspx table.CMSMemberInfoList tr{
	display:block;
	margin-top:15px;
	
	
}
.contractdetail_aspx table.SmileMemberInfoList th,
.contractdetail_aspx table.CMSMemberInfoList th{
	display:none;
	padding:0;
	margin:0;
}
.contractdetail_aspx table.SmileMemberInfoList td,
.contractdetail_aspx table.CMSMemberInfoList td{
	display:block;
	width:100%;
	border-right:1px solid #CCC;
	padding:0.4em 0 0.4em 11.5em;
	margin:0;
	position:relative;

}
.contractdetail_aspx table.SmileMemberInfoList td:first-child,
.contractdetail_aspx table.CMSMemberInfoList td:first-child{
	border-top:1px solid #CCC;
}
.contractdetail_aspx table.SmileMemberInfoList td:before,
.contractdetail_aspx table.CMSMemberInfoList td:before{
	content:"";
	display:block;
	float:left;
	padding:0.4em 0 0.4em 0.5em;
	vertical-align:top;
	top:0;
	left:0;
	width:10.5em;
	position:absolute;
	margin:0 !important;
	background:#F5F5F5;	
	box-sizing: border-box;	
}







.contractdetail_aspx table.SmileMemberInfoList td:nth-of-type(1):before { content:"会員No"}
.contractdetail_aspx table.SmileMemberInfoList td:nth-of-type(2):before { content:"契約種別"}
.contractdetail_aspx table.SmileMemberInfoList td:nth-of-type(3):before { content:"有効期限"}
.contractdetail_aspx table.SmileMemberInfoList td:nth-of-type(4):before { content:"ご契約状況"}

.contractdetail_aspx table.CMSMemberInfoList td:nth-of-type(1):before { content:"CSNo"}
.contractdetail_aspx table.CMSMemberInfoList td:nth-of-type(2):before { content:"カートリッジ型番"}
.contractdetail_aspx table.CMSMemberInfoList td:nth-of-type(3):before { content:"品名"}
.contractdetail_aspx table.CMSMemberInfoList td:nth-of-type(4):before { content:"交換時期"}
.contractdetail_aspx table.CMSMemberInfoList td:nth-of-type(5):before { content:"ご契約状況"}

.contractdetail_aspx .ProductInfoList{margin-top:5%;}

.contractdetail_aspx .ProductInfoList ul{width:100%;}
.contractdetail_aspx .ProductInfoList li{width:100%;margin-right:0%;}


.contractdetail_aspx .marble_btn{margin-top:3em;}



.contractdetail_aspx .contractdetailProductBox{
	width:100%;
	overflow-x:scroll;
	margin:0px 0 50px 0;
}
.contractdetail_aspx .contractdetailProductBox table.ProductInfoList{width:750px;}






}








@media only screen and (max-width: 540px) {

.templateInner{width:90%;padding:10% 0 0;}

#marble_main h1,
#cleanup_main h1{font-size:1.7em;}


/* =================== 左右2ボタン共通 =================== */
.cart_aspx .marble_btn-box .marble_btn,
.checkout_aspx .marble_btn-box .marble_btn,
.confirmation_aspx .marble_btn-box .marble_btn,
.addressbook_aspx .marble_btn-box .marble_btn,
.addressbookregist_aspx .marble_btn-box .marble_btn{
	float:none;
	width:100%;
	max-width:none;
}
.cart_aspx .marble_btn-box .marble_btn--back,
.checkout_aspx .marble_btn-box .marble_btn--back,
.confirmation_aspx .marble_btn-box .marble_btn--back,
.addressbook_aspx .marble_btn-box .marble_btn--back,
.addressbookregist_aspx .marble_btn-box .marble_btn--back {
	float:none;
	width:100%;
	max-width:none;
}




/* =================== 購入STEP ==================== */
.marble_step-area{width:100%;margin:15px auto 0;padding:1.2em 0;}
.marble_step-area ul li{font-size:11px;line-height:1.3;margin:0 0.6em;}




/* =================== 入力エリアレイアウト ==================== */

.defaultList2columnBox .marble_form-name input{
	margin:0 0.5em 0 0.5em;
	width:31% !important;
}
.defaultList2columnBox .Mail1{
	width:100% !important;
}
.defaultList2columnBox .MailFirst,
.defaultList2columnBox .MailSecond{
	width:40% !important;
}
.defaultList2columnBox .NarrowID,
.defaultList2columnBox .List2ColumnBox_txtTitle{
	width:100% !important;
	max-width:inherit;
}
.defaultList2columnBox input.Tel{
	width:4em;
}





/* =================== Account =================== */

.account_aspx .memberPersonal .welcome{
	padding:1.2em 1.2em 90px;
	background-size:80px;
	font-size:1.1em;
}

.account_aspx .PersonalNewsBox h2{font-size:1.4em;}
.account_aspx .MyPageDashboardContents h2.MyPageSubtitle{font-size:1.3em;}
.account_aspx .ContractInfoRegist h3{font-size:1.2em;}
.account_aspx .accountMenuBox h2{font-size:1.4em;}
.account_aspx .accountMenuBox ul.accountMenu{width:100%;}
.account_aspx .accountMenuBox ul.accountMenu li{
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}




/* =================== AddressBook =================== */
.addressbook_aspx ul.AddressListBox{width:100%;}
.addressbook_aspx ul.AddressListBox > li{width:100%;display:block;}




/* =================== BookmarkList =================== */
.bookmarklist_aspx  .pickListFullWidth ul.itemlist li{width:46%;}
.bookmarklist_aspx .marble_btn{margin-top:15%;}



/* =================== Cart =================== */
.cart_aspx .cart2columnBox > dl > dt{width:45%;}

.cart_aspx .Cart_liPrice dl{font-size:2.0em;}
.cart_aspx .Cart .Cart_liPrice{padding-top:1.0em;}


.cart_aspx .marble_txt{text-align:left;}
.cart_aspx .dtIn .marble_txt{text-align:center;}
.cart_aspx .CartRecommendTitle{font-size:1.1em;}




/* =================== Confirmation =================== */

.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dt{
	float:none;
	width:45%;
	margin:0 auto;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dt img{
	width:100%;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dd{float:none;margin:1.5em 0 0;}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox dd > .ddIn{margin-left:0;}


.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel{font-size:1.1em;padding:0 10px 0 0;}
.confirmation_aspx dl.List2ColumnBox dl.marble_cart__total--l{font-size:1.5em;}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dd{width:130px;}

.confirmation_aspx dl.List2ColumnBox .marble_box-wrap{padding:0.8em 10px 0.8em 0;margin-top:1em;}






/* =================== ContractDetail =================== */

.contractdetail_aspx h2{font-size:1.4em;}
.contractdetail_aspx table.SmileMemberInfoList td,
.contractdetail_aspx table.CMSMemberInfoList td{
	display:block;
	width:100%;
	padding:2.8em 0.5em 0.8em 0.5em;
	text-align:center;
}
.contractdetail_aspx table.SmileMemberInfoList td:before,
.contractdetail_aspx table.CMSMemberInfoList td:before{
	float:none;
	padding:0.3em 0;
	margin-bottom:15em;
	text-align:center;
	width:100%;
	display:block;
}



/* =================== Error =================== */
.error_aspx .widthHalfBox{text-align:left;padding:1% 0 4%;}
.error_aspx .Button{max-width:50%;}


/* =================== Information =================== */
.information_aspx .InfomationPage{padding:1em 0 2em;}






/* =================== Login =================== */
/* =================== memberReset =================== */

.Login{padding:8% 0;}
.Login.mt1{padding:8% 0;}
.login_aspx .marble_txt{padding-top:1.5em;}



/* =================== MemberShip =================== */
.membership_aspx .marble_txt{padding-top:1.5em;}
.membership_aspx .Login.nonMember .Button{width:80%;}



/* =================== OrderHistory =================== */

.orderhistory_aspx .regularly{margin-bottom:10%;}
.SceduledHistoryList .SceduledIn{padding:1.0em 1.0em 1.5em;}
.SceduledHistoryList .SceduledHistoryCalendarList{padding:1.0em;}
.orderhistory_aspx .marble_btn-miniBox .marble_btn{margin-right:5px;}
.orderhistory_aspx .marble_btn-miniBox input[type="submit"]{padding:0 0.7em;}

.orderhistory_aspx .regularly #SubTitle{font-size:1.7em; padding-bottom:0.6em;}
.SceduledHistoryList .SceduledIn{font-size:1.0em;}
.SceduledHistoryList .SceduledIn .marble_btn-miniBox {margin-top:0.5em;}
.SceduledHistoryList .SceduledIn .marble_btn-miniBox .marble_btn{width:100%; margin-right:0; margin-top:0.5em;}
.SceduledHistoryList .SceduledIn input[type="submit"]{ width:100%; display:block; float:none;}


/* =================== OrderHistoryDetail =================== */

.orderhistorydetail_aspx input.OrderHistoryDetail_btnBack{
	width:100%;
	float:none;
	max-width:none;
	font-size:15px;
}
.orderhistorydetail_aspx input.OrderHistoryDetail_btnBuyAgain{
	width:100%;
	float:none;
	max-width:none;
	font-size:15px;
}

.orderhistorydetail_aspx .marble_btn-box{margin-bottom:0;}
.GoToInquiry{font-size:12px;}



/* =================== PointHistory =================== */

.pointhistory_aspx .widthHalfBox{
	margin:1em auto 2em;
}




/* =================== QuestionNaire =================== */
.questionnaire_aspx .defaultList2columnBox label:after{
	content: "\A" ;
	white-space: pre ;
}
.questionnaire_aspx .defaultList2columnBox dl{font-size:14px;}
.questionnaire_aspx .defaultList2columnBox input[type="radio"]{}
.questionnaire_aspx .defaultList2columnBox input[type="text"]{ margin-right:0.3em;}




/* =================== RegistCardInfo =================== */



.registcardinfo_aspx .card_no,
.registcardinfo_aspx .card_holder{max-width:none;}




.registcardinfo_aspx .RegistCardInfoButton input{font-size:15px;max-width:none;}

.registcardinfo_aspx .marble_btn{padding-top:0em; }
.registcardinfo_aspx .marble_btn-box{padding-top:1em;margin-top:0;}
.registcardinfo_aspx .marble_btn-box .MiddleButton{padding-left:0 !important;padding-right:0 !important;}





/* =================== Resign =================== */
.resign_aspx .widthHalfBox{
	padding:2em 0 1em;
	width:100%;
	margin:0 auto;
}

.resign_aspx .marble_btn-box .marble_btn{width:100%;float:none;}
.resign_aspx .marble_btn-box .marble_btn--not{width:100%;float:none;}








/* =================== Thanks =================== */
.thanks_aspx h1{ font-size:1.6em !important; }
.thanks_aspx h1 br{ display:none;}





/* =================== UserCoupon =================== */
.usecoupon_aspx .backColoringBox{padding:8% 0 0;margin-bottom:6%;}
.usecoupon_aspx .backColoringBox p.marble_txt{width:85%;text-align:left;}

.usecoupon_aspx .couponBox{width:85%;margin-top:1.5em;}

.usecoupon_aspx ul.CouponList li{padding:2em 7.5%;	}
.usecoupon_aspx ul.CouponList input{
	padding:0.3em 0;
	width:100%;
	display:block;
	margin:1em auto 0 !important;
}


.usecoupon_aspx .marble_btn{padding-top:1em;}

.usecoupon_aspx .marble_btn-box{padding-top:1em;margin-top:0;}





/* =================== UserPoint =================== */
.usepoint_aspx .backColoringBox{padding:8% 0 10%;margin-bottom:6%;}
.usepoint_aspx .backColoringBox .PointText{width:90%; margin:0 auto;}
.usepoint_aspx .marble_btn{padding-top:1em;}
.usepoint_aspx .marble_btn-box{padding-top:1em;margin-top:0;}



/* =================== UserRegistTop =================== */
.userregisttop_aspx .marble_txt{width:100%;margin:0 auto;}
.userregisttop_aspx .marble_ttl--lv3{padding-top:1.5em;}
.userregisttop_aspx .marble_btn-box{margin-top:2em;}



/* =================== Inquiry =================== */

.inquiry_aspx input.Address{
	width:100%;
}

.inquiry_aspx .templateInner select{
	width:100%;
}






/* =================== ご利用ガイド =================== */

/* =================== 特定商取引に関する法律に基づく表示 =================== */

/* =================== ショッピング規約 =================== */



.u_page_guide_aspx main h1,
.u_page_deal_aspx main h1,
.u_page_terms_aspx main h1{
	text-align:center;
	font-size:1.7em !important;
	padding-bottom:0.4em !important;
	line-height:1.4;
}

.u_page_guide_aspx main h1 br,
.u_page_deal_aspx main h1 br,
.u_page_terms_aspx main h1 br{
	display:block;
}



/* =================== Magazine 一覧 =================== */
#UserPageDigest .UserPageList ul.ListBox{width:100%;}
#UserPageDigest .UserPageList ul.ListBox li{width:100%;margin-right:0%;margin-bottom:5%;}




/* =================== ProductViewedHistory =================== */
.productviewedhistory_aspx .pickListFullWidth ul.itemlist li{width:46%;}





/* =================== Maintenance / Busy =================== */
.Maintenance .MaintenanceBox{width:90%;padding:10% 0;}
.Maintenance .MaintenanceBox h1{
	width:60%;
	
}
.Maintenance .MaintenanceBox h2{margin:2.5em 0 1.8em;font-size:1.5em;}
.Maintenance .MaintenanceBox h3{display:block;}
.Maintenance .MaintenanceBox h4{text-align:left;}





/* ======================================================================================
                                注文前のチェックポイント
  ======================================================================================= */


.orderCheckPointBox{margin-top:1.5em;}

.orderCheckPointBox h2{font-size:1.6em;text-align:center;line-height:1.4;padding-bottom:0.7em;}
.orderCheckPointBox h2 br{display:block;}

.rightImageBox .sizeAimg{width:100%;}

.rightImageBox .image2column{width:100%;margin:0 auto;}
.rightImageBox .image3column{width:80%;margin:0 auto;}

.rightImageBox .image3column li{
	width:100%;
	margin-right:0%;
	margin-bottom:2em;
	font-size:13px;
	display:block;
	text-align:center;
}
.rightImageBox .image2column li{
	width:100%;
	margin-right:0%;
	margin-bottom:2em;
	display:block;
	font-size:13px;
	text-align:center;
}

.rightImageBox .image2column img,
.rightImageBox .image3column img,
.supportPlate li img{
	margin-bottom:10px;
}

.rightImageBox .image3column li:last-child,
.rightImageBox .image2column li:last-child{
	margin-bottom:0;
}

.attaBoxSet h3{text-align:center;}
.attaBoxSet h3 span{margin:0 auto;display:inline-block;padding:0 15px;}


.attaMethod .method01{width:100%;float:none;}
.attaMethod .method02{width:100%;float:none; margin-top:2em;}

.attaMethod .method02 .method02-B{width:47.5%;float:left;}
.attaMethod .method02 .method02-C{width:47.5%;float:right;}

.pitchImg{width:80%;margin:1em auto 0;}


.supportPlate ul{width:100%;}
.supportPlate ul li{width:100%;margin-right:0%; margin-bottom:2em;}
.supportPlate ul li:last-child{margin-bottom:0;}





.UserHtmlPartsIn .orderCheckPointBox h2:before{
	content:"\f00c";
	font-family:'FontAwesome';
	padding:0 0 0.2em 0;
	color:#CBB79E;
	display:block;
	font-size:1.3em;
	text-align:center;
}




/* =================== 適合表 =================== */

#ss{padding-top:60px;}
#cleanlady,
#rakuera{padding-top:80px;}




}




















@media only screen and (max-width: 350px) {
/* =================== 購入STEP ==================== */
.marble_step-area ul li{margin:0 0.3em;}




/* =================== Cart =================== */
.cart_aspx .Cart_liPrice dl{font-size:1.8em;}


/* =================== Confirmation =================== */
.confirmation_aspx dl.List2ColumnBox dl.marble_cart__total--l{font-size:1.35em;}
.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dd{width:110px;}



/* =================== UserPoint =================== */
.usepoint_aspx .backColoringBox p.PointText{text-align:left;}
.usepoint_aspx .backColoringBox p br{ display:none;}



}




.userregist_aspx #AddressList,
.addressbookregist_aspx #AddressList {
    background: #fff;
    left: 50%!important;
    padding: 40px;
    position: fixed!important;
    top: 50%!important;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 90%;
}

.userregist_aspx #AddressList,
.addressbookregist_aspx #AddressList {
    color: #FC7777;
    background-color: #fff;
    border: none;
}
.userregist_aspx #AddressList .selectZipRadioButtonFrame,
.addressbookregist_aspx #AddressList .selectZipRadioButtonFrame {
    display: inline-block;
    text-align: left;
}
.userregist_aspx #AddressList .selectZipRadioButtonFrame input[type="radio"],
.addressbookregist_aspx #AddressList .selectZipRadioButtonFrame input[type="radio"]{
margin-right:5px;
}
















































































































/* -----------------------------------------
                   Clearfix 
   ----------------------------------------- */

ul:after,
li:after,
dl:after,
.clear:after,
.templateInner:after,
#marble_main:after,
.marble_btn-box:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}