/******************* 基本 *******************/
.col-red{color:red;}
h3.tit--subject {
    width: 100%;
    margin: 20px 0;
    font-size: 2em;
    padding: 10px 0 40px 0;
    text-align: center;
	line-height: 1.5;
}
.templateInner #marble_main{margin:0 auto;}
.marble_ttl--main{
	font-size:2.0em;
	padding-bottom:1em;
}

#SubTitle{
	font-weight:bold;
	text-align:center;
	margin:10px;
}
.fullContents {
    font-size: 13px;
}
.text-center{text-align:center !important;}
.text-right{ text-align:right !important;}
.templateInner input[type="text"],
 .templateInner input[type="password"]{
	font-size:18px;
	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;
}
.flex{display: flex;}
.flex-w{
	display: flex;
    flex-wrap: wrap;
}
.Errormsg{color:red;}
.marble_label--required {
    font-size: 10px;
    color: #D80C24;
    border: 1px solid #D80C24;
    padding: 0.1em 0.2em;
    line-height: 1;
    margin-left: 0.5em;
}
.bold{font-weight: bold;}
ul.decimal li{list-style-type: decimal}
ul.disc li {list-style-type: disc;}

.templateInner input[type="checkbox"],
.userregist_aspx #UserRegistPage input[type="checkbox"]{
    margin: 0 0.3em 0 0;
    width: 20px;
    height: 20px;
    /* vertical-align: middle; */
}

.txt-center{text-align: center;}
col-red{color:red;}
.defaultList2columnBox input[type="tel"],
.defaultList2columnBox input[type="email"]{padding:7px;margin: 0 0.3em; box-sizing:border-box;}

ul.decimal{list-style-type: decimal}

.userregist_aspx #UserRegistPage input{
	height: 56px;
	font-size: 18px;
}

.userregist_aspx #UserRegistPage 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;
}















@media only screen and (max-width: 768px){
#marble_main h1 {
    text-align: center;
    font-size: 1.9em;
}
}
@media only screen and (max-width: 540px){
#marble_main h1 {
    font-size: 1.7em;
}
}

/*************** UserRegistTop ****************/
.userregisttop_aspx .marble_box-wrap--line {
    border: 1px solid #CCC;
    box-sizing: border-box;
    margin-bottom: 2em;
}

.marble_form-check,.form-check{
    display: flex;
    align-items: center;
    justify-content: center;
}
.marble_CheckBox{
    display: flex;
    align-items: center;
}
/*********************** ぱんくず ************************************/
.pankuzu{
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    padding: 10px;
}
.pankuzu a {
    display: inline-block;
    text-decoration: none;
}
/* =================== 入力エリアレイアウト ==================== */

.defaultList2columnBox{
	border-top:1px solid #CCC;
}
.defaultList2columnBox dl.List2ColumnBox{
	border-bottom:1px solid #CCC;
	padding:1.7em 0;
	display: flex;
}
.defaultList2columnBox dl.List2ColumnBox:last-child{border-bottom: none;}

.defaultList2columnBox dl.List2ColumnBox > dt{
	width:200px;

}
.defaultList2columnBox dl.List2ColumnBox > dd{
	width:100%;
	margin-left:-200px;

}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn{
	margin-left:200px;
}
.defaultList2columnBox dl.List2ColumnBox>dd>.ddIn {
    text-align: left;
    line-height: 1.8;
}
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn .marble_form-name {
    display: inline-block;
    vertical-align: top;
}
.defaultList2columnBox input[type="text"]{margin:0 0.3em;}
.defaultList2columnBox .ddIn input[type="text"]:first-child{margin-left:0;}

.List2ColumnBox.total_Price{justify-content: flex-end;}

.defaultList2columnBox .mailconfirm input,
.defaultList2columnBox .marble_form-name{width: 36%;}

.defaultList2columnBox .marble_form-name input{
	margin:0 0.5em !important;
	width:95%;	
}
.defaultList2columnBox .UserRegistDescription {
    font-size: 0.9em;
    padding: 0.5em 0 0;
}
.defaultList2columnBox span.addressbtn {
    display: inline-block;
    width: auto;
    display: inline-flex;
}
.defaultList2columnBox dl.List2ColumnBox dd .UserRegistLabel {
    margin: 0.7em 0 0;
}
.defaultList2columnBox .txtAddress1, 
.defaultList2columnBox .txtAddress2, 
.defaultList2columnBox .CorpName_txtCorpName, 
.defaultList2columnBox .DeptName_txtDeptName,
.defaultList2columnBox .Address {
    width: 100%;
    max-width: 700px;
}






.List2ColumnBox .ddIn .getPointDetail{
	position: relative;
	margin:0 0 20px;
}

.userregist_aspx .zip_area{
	display: flex;
    align-items: center;
}
.userregist_aspx .Zip{width: 37%;}
.userregist_aspx .addressbtn{
    width: 37%;
}
 .bnkbAddSearch{
    display: block;
    height: 56px !important;
    line-height: 56px;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    padding: 0;
    font-size: 20px;
    transition: background-color 0.2s;
    text-decoration: none !important;
    text-align: center;
    outline: none;
    border: 1px solid #999;
    margin: 20px;
}

@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;
}
}
@media only screen and (max-width: 540px){
.defaultList2columnBox dl.List2ColumnBox > dd > .ddIn .marble_form-name{
    width: 100%;
    display: block;
    margin: 0.5em auto;
}
.defaultList2columnBox .List2ColumnBox input {
    margin: 0;

}

.defaultList2columnBox .List2ColumnBox input[type="radio"]{width: auto;}

.defaultList2columnBox .Mail1 {
    width: 100% !important;
}
.defaultList2columnBox .MailFirst, .defaultList2columnBox .MailSecond {
    width: 40% !important;
}

.userregist_aspx .zip_area {
    display: block;
}
.userregist_aspx .addressbtn{
	width: 100%;
}

.userregist_aspx .zip_area input.Zip{width:95%;margin: 0 0.5em !important;}

.userregist_aspx .UserRegistButton{
    display: flex;
    flex-wrap: wrap-reverse;
}
.userregist_aspx .UserRegistButton .marble_btn--back{margin: 0 auto;}

}

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

.marble_btn-box .marble_btn{
    float: right;
    width: 47%;
    max-width: 300px;
}
.marble_btn-box .marble_btn--back{
	float: left;
    width: 47%;
    max-width: 300px;
}
.marble_btn,
.marble_btn--back,
.marble_btn--not{
	margin:15px auto;
}
.Button{
	display:inline-block;
	line-height:1;
	padding:1.3em 4em 1.3em;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	text-align:center;
	font-size:17px;
	
	-webkit-transition:background-color 0.2s;
	   -moz-transition:background-color 0.2s;
	        transition:background-color 0.2s;
}

.Button:hover{
	background:#f59c9b;
}
.LargeButton{
	width:100%;
	display:block;
	position:relative;
	margin: 0 auto;
	text-align:center;
	padding:1.1em;
	cursor: pointer;
	font-size:17px;
	box-sizing:border-box;
}

.SmallButton{
	width:100%;
	max-width:200px;
	display:block;
	position:relative;
	padding:1.1em;
	padding-bottom:1.0em;
	font-size:13px;
	margin: 0 auto;
	text-align:center;
	cursor: pointer;
}
.MiddleButton {
    width: 100%;
    max-width: 300px;
    display: block;
    position: relative;
    padding: 1.1em;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.PaintButton {
    background: #333 !important;
    border: 1px solid #333;
    box-sizing: border-box;
    color: #FFF !important;
}
.PaintButton:hover{
	background:#f24e64 !important;
	border-color:#f24e64;
}

.LineButton {
    border: 1px solid #333;
    box-sizing: border-box;
    color: #333333 !important;
	background: #fff;
}
.LineButton:hover{
	border-color:#CCC;
	background:#F3F3F3;
	color:#999 !important;
}
.OthnerButton{
	box-sizing:border-box;
	border:1px solid #333;
	color:#333333 !important;
}
.OthnerButton:hover{
	border-color:#CCC;
	background:#F3F3F3;
	color:#999 !important;
}

input.Delete,.btn_Delete,input.disabled{
	background:#333;
	font-size:13px;
	border:2px solid #fff;
	padding:0.3em 1.3em;
	cursor:pointer;
	box-sizing:border-box;
	color:#fff;
	
}
input.disabled{display:none;}
.marble_btn-miniBox{margin:0.8em 0;}

.marble_btn-miniBox span{
	margin-right:0.5em;
}
.bnkbAddSearch,
.marble_btn--s .EditButton,
.marble_btn--s .DeleteButton{
	font-size:13px;
	border:1px solid #999;
	padding:0.3em 1.3em;
	cursor:pointer;
	background: #fff;
	
}
.bnkbAddSearch:hover,
.marble_btn--s .EditButton:hover{
	background:#f24e64;
	color:#FFF;
	border-color:#f24e64;
}
.marble_btn--s .DeleteButton:hover{
	background:#eee;
	color:#333;
	border-color:#ccc;
}

.confirmation_aspx .haisou_detail p {
    padding: 0.5em 0;
    background-color: #eee;
    text-align: center;
    font-size: 18px;
}
.PaintButton_c {
    background-color: #ea8e9a !important;
    color: #ffffff;
    border: 2px solid #ea8e9a !important;
    font-weight: 600;
    font-size: 1.1em;
    padding: 0.8em 2.0em;
}
.PaintButton_c:hover {
	background:#F3F3F3 !important;
    color: #333 !important;
	border:2px solid #ccc !important;
}
.marble_btn-box {padding-top: 20px;}
.marble_btn--s {
    display: inline-block;
    margin-right: 0.5em;
}

#ConfirmationCoupon .SmallButton,.ConfirmationPoint .SmallButton{
margin:0;
}

.membership_aspx .Login .logo_login{
	width: 30%;
    margin: 0 auto 1em;
    text-align: center;
}

.membership_aspx .Login .UseAutoLogin{
	margin-top: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.membership_aspx .Login .marble_btn{margin:0 auto;}




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

#ConfirmationCoupon .SmallButton,.ConfirmationPoint .SmallButton{margin:0 auto;}
.marble_btn {
    width: 80%;
    margin: 5% auto 0;
}
.ConfirmationPoint .marble_btn-miniBox{
	width: 50%;
    margin: 0 auto !important;
    text-align: center !important;
}
}
@media screen and (max-width: 599px){
.marble_btn-box .marble_btn--not,.marble_btn-box .marble_btn--back{
    float: none;
    width: 100%;
    max-width: none;
}
.marble_btn-box .marble_btn{
    float: none;
    width: 100%;
    max-width: none;
    padding-bottom: 2%;
}
}
@media only screen and (max-width: 540px){
.Button {
    width: 100%;
    padding: 1.3em 0em 1.3em;
    font-size: 15px;
}
.MiddleButton {
    font-size: 15px;
    max-width: none;
}
.marble_btn {
	margin:0 auto;
}
.marble_btn_pointPay .marble_btn .lnkbConfirm{width: 100%;}

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

.ConfirmationPoint .marble_btn-miniBox{
	width: 200px;
    margin: 0 auto !important;
    text-align: center !important;
}

}

/* =================== 購入STEP ==================== */
.marble_step-area{
	width:100%;
	max-width:1200px;
	margin:20px auto 0;
	padding:1.5em 0;
	background:#eee;
}
.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:#333;
	border-bottom:1px solid #333;
	font-weight: bold;
}
/**************文字サイズ****************/
.marble_ttl--lv3{
	font-weight:bold;
	font-size:1.1em;
}
/**************プレイスホルダー****************/
:placeholder-shown {
   color: #f5f5f5;
}
/****************** cart以降 ********************/

.Cart {
    border-top: 1px solid #CCC;
    margin-top: 1em;
}
.Cart li{

	line-height:20px;
	font-size: 13px;
}

.FreeShippingArea{

}


.marble_box-wrap--line{
	border-bottom:1px solid #CCC;
}
.Cart .marble_box-wrap--line{
	padding:1.5em 0;
}
.cart2columnBox > dl > dt{
	width:130px;
	float:left;
	position:relative;
	z-index:2;
}

.cart2columnBox > dl > dd{
	width:100%;
	float:right;
	margin-left:-180px;
}
.cart2columnBox > dl > dd > .ddIn{
	margin-left:180px;
}


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

}

.cart2columnBox .marble_cart__order .marble_btn--not{margin:0;}


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

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

.cartNoneMessage,
.cart_aspx .marble_txt.cartNoneMessage{
	padding:3em 0 6em;
	text-align: center;
}

.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:30px;
    line-height:26px;
    border:1px solid #999;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	margin-right:0.3em;
	border-radius: 3px;
}
.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;
}
.marble_box-wrap--line dl {
    text-align: left;
}

.FacebookLogin{
	display: flex;
    align-items: center;
    justify-content: center;

}
.FacebookLoginIcon{width: 25px;}
#SearchShippingFreeGoods a:before{
	content:"\f3e5";
	font-family: "Font Awesome 5 Free";
	padding-right:0.4em;
	font-size:0.9em;
	font-weight:900;
}


.defaultList2columnBox label{ margin-right:1.5em;font-size: 13.65px;}
.newCartSetShippingDate{padding:0 0 1.5em;}
.newCartShippingOptionTitle{padding-bottom:0.5em;}
.message_column {
    width: 50%;
    height: 100px;
}

.FreeShippingMessage
{
	color:#f24e64;
	font-weight:bold;
}
#ctl00_body_pnlCart {
    font-size: 14px;
    text-align: left;
}
.cart2columnBox > dl > dt img {
    width: 100%;
}
.cart_aspx .GetPoint{text-align: right;}
.confirmation_aspx .defaultList2columnBox dl.List2ColumnBox:last-child {
    border-bottom: 1px solid #CCC;
}

/************ confirmation_aspx **************/
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox {
    border-bottom: 1px solid #CCC;
    padding: 0 0 1em;
    margin-bottom: 1em;
display: table;
    width: 100%;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox:last-child {
    border-bottom: none;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dt {
    display: table-cell;
    width: 170px;
    vertical-align: top;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dd {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 40px;

}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox dd > .ddIn {

}
.confirmation_aspx dl.List2ColumnBox dl.marble_cart__total--l {
    font-size: 1.8em;
}

.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.PaymentLabel dt {
    width: auto;
    float: none;
    margin: 0;
    display: inline-block;
    border-bottom: none;
}
.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 .defaultList2columnBox .borderb {
    border-bottom: 2px solid #333;
}
.confirmation_aspx dl.List2ColumnBox .marble_box-wrap {
    background: #F3F3F3;
    padding: 1em 15px 1em 0;
    margin-top: 1em;
}


.confirmation_aspx dl.List2ColumnBox dl.PaymentLabel dt span {
    font-size: 0.7em;
}

.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;
	display: block;
}

.confirmation_aspx .c-form__button--change{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 16px;
    text-align: center;

    cursor: pointer;
    vertical-align: middle;
    transition: background-color 0.2s;

}

.EditCoupon .CouponList{text-align: left;}

.EditCoupon .CouponList li {
    border: 0px solid #ccc;
    margin: 2% auto;
    position: relative;
    background: none;
    width: inherit;
    display: block;
}

.EditCoupon .CouponList li dl {
    border: 2px solid #000;
    border-radius: 8px;
    display: flex;
    margin: 2.2em;
    background: #fff;
    padding: 1em;
}
.EditCoupon .CouponList li dl dt {
    font-size: 18px;
    width: 45%;
    padding: 1em;
    border-right: 5px dotted #000;
    line-height: 1.5;
}
.EditCoupon .CouponList li dl > dd {
    width: 100%;
	margin-left: 1em;
    margin-top: 1em;
}


/***********************/

.CartItem--pic {
	width: 160px;
}

.cart_aspx .marble_cart__order{
    margin-top: 20px;
    line-height: 38px;
	display: block;
}
.cart_item--body{
	padding: 0 0 0 40px;
}

.cart_item--body p.marble_ttl--lv4{
	font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
    text-decoration: none;
    display: block;

}

.cart_item--Price{display: flex;}
.c-product__info{
	width: 100%;
    overflow: hidden;
}


.tit--cartinfo{
    font-size: 100%;
    font-weight: bold;
}
.cart_aspx .btn_Delete{margin-left: 20px;cursor: pointer;}
.cart_aspx .CartItem{
    display: flex;
    font-size: 11px;
    padding-bottom: 20px;
}
.cart_aspx .cart2columnBox {
    padding-top: 30px;
}




.confirmation_btnchange{float: right;}
@media only screen and (max-width: 478px){
.EditCoupon .CouponList li dl{display: block;margin: 0 auto;}

.EditCoupon .CouponList li dl dt {
    border-right: none;
	padding: 1em 0;
	width: 100%;
}
.EditCoupon .CouponList .marble_btn{
text-align: center;
    margin: 1em auto;
}

}
/*************　商品プレゼントクーポン　****************/

.GoodsPresentCoupon{
    background: #f5f5f5;
    padding: 10px;
	width: 80%;
    margin: 10px auto 20px;
	text-align: center;
}

.tit--PresentCoupon{
    font-size: 23px;
    margin: 10px auto;
}
.GoodsPresentCoupon .CodeInput{
	    width: 50%;
}

.area--btn_GoodsPresentCoupon{margin-top: 10px;}



/**********クロスセール***********/

#CrossSellForCart .CrossSell .CrossSellList{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
} 

#CrossSellForCart .CrossSell .CrossSellList li{
    width: 21%;
    display: block;
	margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 0%;
	padding: 0 5%;

}
#CrossSellForCart .CrossSell .CrossSellList li a{
    display: block;
    height: 100%;
}
div.content .CrossSell .CrossSellList li .itemlist_detailbtn {
    display: block;
    width: 100%;
    max-width: 130px;
    margin: auto auto 0 auto;
}

div.content .item_list li dl dt, div.content .item_list li dl dd {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
}

div.content .item_list li dl dd.price_area {
    display: table;
    width: 100%;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
}

div.content .CrossSell .CrossSellList li dl dd.price_area {
    display: block;
    position: static;
}
div.content .CrossSell .CrossSellList li dl dd {
    padding: 0 10px 0 10px;
}
div.content .item_list li dl dd:last-child {
    margin: 0 0 10px 0 ;
}



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

.GoodsPresentCoupon {
    background: #f5f5f5;
    padding: 10px;
    width: 80%;
    margin: 1em auto;
    text-align: center;
}
.tit--PresentCoupon {
    font-size: 18px;
}
.GoodsPresentCoupon .CodeInput{width:100%;margin-bottom: 10px;}

/*送料無料まで･･･*/
.FreeShippingArea{
    border-style: solid;
    border-width: 2px;
    font-size: 16px;
    padding: 3pt;
	text-align: center;
	margin: 10px auto 5px;
}

/*クロスセール*/
#CrossSellForCart .CrossSell .CrossSellList li{
	width: 45%;
	padding: 0;
}

}

/**営業日カレンダー**/
.DatePickerArea table tr td{text-align: center !important;}
.DatePickerArea{margin-bottom: 10px;}
.CLNDR{font-family: 'Verdana';}
.CLNDR th,.CLNDR td{text-align: center;border: 2px solid #fff;}
.CLNDR > tbody >tr > td > table > tbody > tr >td{border:0;}

@media only screen and (min-width: 767px){
.DatePickerArea table {
    text-align: center;
    width: 65% !important;
    margin: 15px auto;
}

}

/************ UseCoupon.aspx *************/
.usecoupon_aspx .widthHalfBox,
.usepoint_aspx .widthHalfBox {
    background: #f5f5f5;
    margin: 20px auto;
    padding: 25px;
    text-align: center;
}
.usecoupon_aspx .widthHalfBox .CodeInput,
.usepoint_aspx .widthHalfBox .CodeInput{width: 100%;}
.usepoint_aspx .widthHalfBox dl {
    text-align: center;
    padding: 0.7em 0;
}

.usepoint_aspx .widthHalfBox dt {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.usepoint_aspx .widthHalfBox dd {
    width: 55%;
    text-align: left;
    display: inline-block;
    font-size: 0;
    margin: 0;
}
.usepoint_aspx .widthHalfBox dd input[type="text"] {
    width: 100%;
}

.marble_btn-miniBox .btnCancel{
	padding: 0.3em 0;
    display: block;
    width: 200px;
    text-align: center;
}

@media only screen and (max-width: 768px){
.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;
}
.cart_aspx .marble_txt {
    text-align: left;
}
.cart2columnBox > dl > dt {
	float: left;
    width: 80px;
    margin-right: 20px;
	display: block;
}
.cart2columnBox > dl > dd {
    float: none;
    margin: 3% 0 0;
}
.cart2columnBox > dl > dd > .ddIn {
    margin-left: 0;
}
.cart2columnBox > dl > dd > .ddIn > dl {
    width: 80%;
    margin: 0 auto;
}
.cart2columnBox > dl > dd > .ddIn > dl > dt {
    float: none;
    margin-right: 0;
}
.cart2columnBox > dl > dd > .ddIn > dl > dt > .dtIn {
    margin-right: 0;
    line-height: 1.5;
    font-size: 1.0em;
}
.cart2columnBox > dl > dd > .ddIn > dl > dd {
    width: 100%;
    margin-top: 3%;
    padding-top: 4%;
    float: none;
    border-top: 1px dotted #CCC;
}
.templateInner select {
    height: 30px;
    line-height: 28px;
    font-size: 16px;
}
.marble_cart__order select,
.marble_cart__order .litQuantity{
    height: 30px;
    line-height: 28px;
    margin-left: 50px;
	font-size: 1.1em;
}



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

}

/**************************/
.message_column {width: 100%;}
.cart_goods--price{margin-left: 50px;}
.cart_goods--price,
.marble_cart__order select,
.marble_cart__order .litQuantity{
    margin-left: 50px;
    overflow: hidden;
}

.cart_goods--price {
    margin-left: 50px;
	font-size: 1.1em;
}
.cart_item--Quantity{margin-left: 50px;}

.CartItem--pic {
    float: left;
    width: 130px;
    margin-right: 20px;
}
.cart_item--body{
	display: block;
	padding: 0;
}
.cart_item--body .marble_ttl--lv4{
	font-size: 13px;
    margin-bottom: 16px;
}

.Cart_liPrice{}




.cart_aspx h3 {
    font-size: 18px;
    line-height: 1em;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}
.CrossSellForCart{margin: 20px auto;}

@media only screen and (max-width: 540px){
.cart_aspx .marble_btn-box {
    margin: 10px auto;
    padding-top: 0;
}
.cart_aspx .cart2columnBox {
    padding-top: 15px;
}
.cart_aspx .CartItem{display: block;}
}
/*************** Checkout_aspx ****************/

/*お支払い方法の注意書き欄*/
.PaymentMethodComment,
.checkout_aspx .ShippingComment{
    margin-bottom: 1em;
    background: #f5f5f5;
    padding: 1em;

}
.PaymentMethodComment .guide_paymentimg{
    width: 250px;
    margin-left: 10px;
}

/* 営業日カレンダー */
.DatePickerArea{
	border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #f5f5f5;
    width: 50%;
    padding: 11px;
	box-sizing: border-box;
}
.DatePickerArea .ItemLeft{
	font-weight: bold;
    text-align: center;

    padding: 5px;
}

#divCalendar{
    display: block;
    margin: auto;

}
.Sunday {
    background-color: #f83f3f;
}
.Saturday {
    background-color: #CCFFFF;
}
.Open
{
}
.Closed
{
    background-color:#f83f3f;
}
a.DatePicker
{
    cursor:pointer;
    color: #FF6600;

}
a.OtherMonth
{
    color:#c0c0c0;
}

a.DatePicker:visited {
    color: #FF8C00;
    text-decoration: none;
}
a.DatePicker:hover {
    color: #4169E1;
    text-decoration: underline;
}
a.DatePicker:active {
    color: #008BD0;
    text-decoration: none;
}
@media only screen and (max-width: 540px){

.DatePickerArea{width: 100%;}
.CartItem--pic {
    width:90px;

}

}
/*************** confirmation_aspx ****************/

.PrivacyInclude .document h2,
.userregisttop_aspx .document h2{font-size: 20px;}
.PrivacyInclude .document h2:before,
.userregisttop_aspx .document h2:before{background-color: #fff;}
.membership_aspx #policy {
    margin: 30px auto 0;
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #c9c9c9;
    clear: both;
}
.confirmation_aspx .PrivacyInclude {
    width: 90%;
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 30px auto 10px auto;
    border: 1px solid #cccccc;
    padding: 20px;
    box-sizing: border-box;
}
.disc{
	margin-left: 2em;
    margin-top: 1em;
}
.PrivacyInclude h2{padding-bottom: 10px;}
.PrivacyInclude .description{margin: 0 0 30px 0;}

@media only screen and (max-width: 540px){
.marble_step-area {
    width: 100%;
    margin: 0 auto;
    padding: 1.2em 0;
	border-top: 1px solid #ddd;
}
.marble_step-area ul li {
    font-size: 11px;
    line-height: 1.3;
    margin: 0 0.6em;
}
.cart_aspx .marble_txt {

}
.Cart .Cart_liPrice {
    padding-top: 1.0em;
}
.Cart_liPrice dl {
    font-size: 2.0em;
}
.membership_aspx .Login.nonMember .Button {
    width: 100%;
}
.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dt {
    display: block;
    float: left;
    margin-right: 15px;
    padding: 0!important;
}
.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.marble_cart__total--l {
    font-size: 1.5em;
}
.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;
}

.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox > dt {
    width: 90px;
}


}
/************** Account.aspx *****************/ 
.account_aspx .accountMenuBox{
	margin:0 0 60px 0;
	padding-top:20px;
	width:100%;
	overflow:hidden;
}
ul.accountMenu {
    width: 101.5%;
}
.accountMenuBox ul.accountMenu li {
    width: 31.833333%;
    margin: 1.5% 1.5% 0 0;
}
.accountMenuBox ul.accountMenu li a{
	display:block;
	text-align:center;
	font-size:1.15em;
	padding:1.5em 1em;
	line-height:1.3;
}
.accountMenuBox ul.accountMenu li a div i.fa {
    margin-right: 10px;
}

.account_aspx .accountMenuBox ul.accountMenu li a div i.fa{
	margin-right: 10px;
}
@media only screen and (max-width: 768px){
.accountMenuBox ul.accountMenu li {
    width: 48.5%;
}
}
@media only screen and (max-width: 540px){
.accountMenuBox ul.accountMenu {
    width: 100%;
}
.accountMenuBox ul.accountMenu li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}
}
/********************** Membership.aspx ***********************************/
.Login {
    background: #eee;
    width: 100%;
    max-width: 700px;
    text-align: center;
    padding: 40px 0;
    margin: 0 auto;
    box-sizing: border-box;
}
.Login {
    width: 49%;
    float: left;
}
.Login.nonMember, .mt1 {float: right;}

.membership_aspx .Login .marble_ttl--lv3{
	padding:0.5em 0 1.5em;
}

.MembershipTitle {
    margin: 5px 0px 0px 10px;
    font-weight: bold;
    font-size: 1.2em;
}
.Login dl{
	text-align:center;
	padding:0.7em 0;
}
.Login dt{
	width:9em;
	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%;
}
.membership_aspx dd{position:relative;}

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


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

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

.Login.nonMember .Button{
	width:60%;
	padding-left:0;
	padding-right:0;
	margin-bottom:1em;
}


@media screen and (max-width: 768px) {
  .login_aspx .Login {
    width: 100%;
    float: none
  }
  .membership_aspx .mt {
    float: none
  }
.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;
}

}
@media only screen and (max-width: 540px){
.Login {
    padding: 8% 0;
}
}
/************MailMagazineMember.aspx************/
.Area_Inner {
    background: #fff;
    width: 100%;
    max-width: 700px;
    text-align: center;
    padding: 40px 0;
    margin: 0 auto;
    box-sizing: border-box;
}
.mailmagazinemember_aspx .lblPrevEMailDetail{
    display: inline-block;
    border: 1px solid #666;
    padding: 5px 1em;
    width: 70%;
    background-color: #e1e1e1;
    box-sizing: border-box;
    margin-top: 1em;
    color: #555;}

.mailmagazinemember_aspx .mailMagazindetail{
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 800px){
.mailmagazinemember_aspx .mmmemberArea .Area_Inner input[type="text"] {
    width: 90%;
}
}
/************Reminder.aspx************/
.reminder_aspx .Area_Inner,
.memberreset_aspx .Area_Inner,
.mailmagazinemember_aspx .Area_Inner{background: #eee;margin-top: 1.5em;}
.Area_Inner dl {
    text-align: center;
    padding: 0.7em 0;
}
.Area_Inner dt {
    width: 8em;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-top: 0.5em;
}
.Area_Inner dd {
    width: 55%;
    text-align: left;
    display: inline-block;
    font-size: 0;
    margin: 0;
}
.Area_Inner input[type="text"], .Area_Inner input[type="password"] {
    width: 100%;
}
.reminder_aspx .marble_btn {
    padding-top: 2em;
}
.widthHalfBox {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
}
.resign_aspx .widthHalfBox {
    font-size: 1.1em;
    padding: 3em 0 2em;
}
@media only screen and (max-width: 768px){
.Area_Inner {
    padding: 5% 0;
}
.Area_Inner dl {
    width: 80%;
    max-width: 550px;
    margin: 0 auto;
    padding: 0.4em 0;
}
.Area_Inner dt {
    width: 100%;
    display: block;
    padding-top: 0;
    padding-bottom: 0.2em;
}
.Area_Inner dd {
    width: 100%;
    display: block;
    font-size: inherit;
}
}
@media only screen and (max-width: 540px){
.Area_Inner {padding: 8% 0;}
.resign_aspx .widthHalfBox {
    padding: 2em 0 1em;
    width: 100%;
    margin: 0 auto;
}
}
/****************** AddressBook.aspx ********************/
.widthFullBox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}
ul.AddressListBox > li > div {font-size: 1.1em;}
ul.AddressListBox > li > div p {margin-bottom: 0.3em;}
ul.AddressListBox > li {
    display: inline-block;
    font-size: 12px;
    width: 23%;
    margin-right: 1%;
    margin-bottom: 2%;
    vertical-align: top;
    border: 1px solid #CCC;
    box-sizing: border-box;
    padding: 1.3em;
    line-height: 1.5em;
}
@media only screen and (max-width: 768px){
ul.AddressListBox > li {width: 48%;}
}

@media only screen and (max-width: 540px){
ul.AddressListBox {
    width: 100%;
}
ul.AddressListBox > li {
    width: 100%;
    display: block;
}
}

/***********thanks.aspx***************/
.thanks_aspx .marble_box-wrap--line dl {
    border: 1px solid #CCC;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.1em;
    padding: 1em;
}
.thanks_aspx .marble_box-wrap--line dl {
    border: 1px solid #CCC;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.1em;
    padding: 1em;
}
.thanks_aspx .marble_list-desc {
    width: 80%;
    text-align: center;
}
.thanks_aspx .marble_list-desc dt {
    padding-top: 10px;
    color: #f24e64;
    font-size: 1.8em;
    line-height: 2em;
}
.thanks_aspx .marble_list-desc dd {
    padding-bottom: 10px;
    border-bottom: 1px dotted #BFBFBF;
    font-size: 1.8em;
    line-height: 2em;
}
.thanks_aspx .marble_list-desc dd:last-child {
    border-bottom: none;
}
.thanks_aspx .marble_box--l dl {
    border: 1px solid #CCC;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.1em;
    padding: 1em;
}

/************** OrderHistoryDetail *******************/
.ohistory-inner .historArea {
    background-color: #eee;
    margin-bottom: 10px;
    padding: 20px 20px 10px;
    border: solid 2px #eee;
    border-radius: 10px;
}
.ohistory-inner .histordtms {
    background-color: #ffffff;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}
.ohistory-inner .row-20 > div {
    padding-right: 10px;
    padding-left: 10px;
}
/*.ohistory-inner .Detailtitle {
    background-color: #000;
    margin-bottom: 3px;
    padding: 3px 5px;
    border-radius: 3px;
	color:#fff;
}
*/
.ohistory-inner .hisItemDt {
    margin-bottom: 3px;
    padding: 5px 0 3px 0;
    border-bottom: 1px dotted #c3c3c3;

}
.ohistory-inner .hisplatble div > div {
    padding: 5px;
    text-align: right;
}
.ohistory-inner .hisplatble .fixprice {
    color: #14a83b;
    font-size: 2rem;
    font-weight: bold;
}
.ohistory-inner .hisplatble .tableline {
    border-top: 1px dotted #808080;
}
.ohistory-inner .histordtms .tableline .fixprice {
    color: #f24e64;
    font-size: 2rem;
    font-weight: bold;
}
.ohistory-inner .defaultList2columnBox{border-top:none;}
.ohistory-inner .Price{
	text-align: right;
    margin-right: 1em;
}
.ohistory-inner .Orderdetailitem_img img{width:200px; height:auto;}
.ohistory-inner .Orderdetailitem_wrap{
    display: flex;
    border-bottom: 1px dotted #ccc;
}
.ohistory-inner .Orderdetailitem_wrap:last-child{border-bottom:none;}

@media (min-width: 768px){
/*.col-sm-6 {
    width: 48%;
}
*/
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
}
@media (max-width: 599px){
.ohistory-inner .Orderdetailitem_img{text-align:center;}
.ohistory-inner .Orderdetailitem_wrap{
    display: block;
    border-bottom: 1px solid #ccc;
}
}
/************** News ************/
.WhatsNew .newsDetailDate {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 17.5px;

}
.WhatsNew .newsDetailTit{
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 17.5px;
    border-bottom: 1px solid #ccc;
}
.WhatsNew .newsDetailTxt {
    font-size: 14px;
    line-height: 21px;
    padding: 2em;
}
.WhatsNew .newsDetailTxt .newsDetailImg{
    text-align:center;
    margin-bottom:20px;
}

.WhatsNew .newsDetailTxt .newsDetailImg img{
    width:auto;
    max-width:100%;
}

.WhatsNew .newsDetailTxt img{
    width:auto;
    max-width:100%;
}

.WhatsNew .newsDetailTxt .img{
    text-align:center; margin-bottom:20px;
}

.WhatsNew {
    border-bottom: 1px solid;
}

/************** お気に入り ************/
ul.itemList li dl dd.itemPrice div.priceB {
    font-weight: bold;
    float: none;
    text-align: center;
    font-size: 13px;
}
.bookmarkaddbtn {
    display: block !important;
    max-width: 130px;
    margin: 10px auto 10px auto !important;
    padding: 6px;
}
.bookmarklist_aspx .itemprice table{margin: auto;}

/*********************　購入履歴　
.history-list .historArea {
    background-color: #fbf7e3;
    margin-bottom: 10px;
    padding: 20px 20px 10px;
    border: solid 2px #f3ebe3;
    border-radius: 10px;
}
.history-list .hisdays {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 10px 10px;
}
.history-body{ackground: #fff;}
********************/

ul.history-list li{margin: 0 auto 20px;background: #eee;}
.orderhistorydetail_aspx .ohistory-inner .history-list>li {
    margin-bottom: 0;
}
.history-header {
/*    border: 1px solid #dcdcdc;
    background: #000;
    color: #fff;
*/
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.history-body_btn {
    box-sizing: border-box;
    background-color: #eee;
    text-align: center;
    padding: 20px 0;
}
.history-header_left {
    overflow: hidden;
    margin-bottom: 0;
}
.history-header_info {
    display: inline-block;
    margin: 5px 60px 0 0;
}
.history-header_info dt,.history-header_info dd {
    display: inline-block;
    vertical-align: middle;
}
.history-header_info dd {
    font-size: 1.2em;
    font-weight:600;
}
.shipItemImage{width: 200px;}

.history-body_btn input{
    box-sizing: border-box;
    border: 1px solid #333;
    background-color: #fff;
    padding: 0.5em 0;
    display: block;
	width: 200px;
}

.history-body_btn .btnAddToCatAjax:hover {
    border: 1px solid #f24e64;
    background-color: #f24e64;
    color: #fff;
}

.history-body{
    width: 80%;
    margin: 20px auto;
    background: #fff;
    display: flex;
	padding: 10px;
}
.history-body div.ShippingType{width:30%;}
.history-body div.history-body_detail{width:70%;}

dl.history-body__content dd .ddIn{
    display: flex;
    align-items: center;
}
.history-body .marble_box-wrap--line:last-child{border: none;}
.history-body_btn.flex{
	justify-content: space-around;
	width: 50%;
    margin: auto;
}

@media only screen and (max-width: 500px){
.history-header{padding: 15px;}
.history-header_info {
    display: inline-block;
    margin: 0;
}
.ohistory-inner .historArea {
    padding: 5px;

}

}
/**************お問い合わせ**************/
.InquiryContentBox{width:100%;height: 200px;}
.inquiry_aspx .checkMailSend{margin-top: 10px;}
.inquiry_aspx .requirement{width: 100%;}
@media only screen and (max-width: 760px){
	.inquiry_aspx .List2ColumnBox input[type="text"],.InquiryContentBox{width:100%;}
}

/***************** リスト ******************/
ul.itemList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    jjustify-content: flex-start;
    position: relative;
    text-align: center;
}
.list__itemName{margin-bottom: 10px;}
ul.itemList li div.cartBtn a.btnAddToCatAjax {
	margin: 5px auto;
	cursor:pointer;

}


/********************レビュー******************/


.heart_rating span {
    background-position: 0 -13px;
    font-size: 0;
    line-height: 0;
    text-indent: -100px;
    *text-indent: 0;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}



.heart_rating, .heart_rating span {
    display: inline-block;
    overflow: hidden;

}

.heart_rating {
    width: 106px;
}




/*.Rev--left{border-right: 1px solid #ccc;}*/

.Rev--left .Rev--star{text-align: center;}
.RevuePanel a{
	text-decoration: underline;
}
.Rev--tit-item a{
	font-size: 107%;
    font-weight: bold;

}
.RevuePanel a:hover{color: #f24e64;}
.marble_ttl--lvh4{
	font-weight: bold;
    font-size: 130%;
    margin: 0 0 10px 0;
}

.reviewer--info span{margin-right: 10px;}
/*.Rev--img{border-bottom: 1px solid #ccc;}*/
.Rev--tit-item{padding: 5px;}
.Rev--Right .Rev--star{margin-right: 10px;width: 120px;}

.Post--img{display:none;margin: 15px;}
.postedImages .flex-w{align-items: center;}
.postedImages .images div{
	width:18%;
    margin: 3px;
	box-sizing:border-box;
}
.postedImages .images div img{border: 1px solid #ccc;}
.Rev--date{text-align: right;}


/*.tit--postimg{
background-color: #fcfcfc;
 background-image: radial-gradient(#f5f5f5 10%, transparent 20%), radial-gradient(#f5f5f5 10%, transparent 20%);
 background-size: 20px 20px;
 background-position: 0 0, 10px 10px;

}
*/
.tit--Stuff{
	font-weight: bold;
	padding-bottom: 10px;
    font-size: 110%;
	border-bottom: 2px dotted #ccc;
    margin-bottom: 10px;
	color: #f24e64;
}
.Ave--star{font-size: 80%;}
@media only screen and (max-width: 540px){
.RevuePanel {
    display: block;
}

}
/************レビュー(ProductReviewList.aspx)*************/
.Rev--search_area select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding: 0 2em 0 0.5em;
    background: #FFF url(pulldown.png) right center no-repeat;
    background-size: 22px;
    height: 38px;
    line-height: 26px;
    border: 1px solid #999;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    margin-right: 0;
    border-radius: 0;
}

.Rev--search_area{
    display: flex;
	justify-content: space-around;
    background: #eee;
    padding: 20px 0 0 0;
}
.Rev--search{
	width: 50%;
    height: 38px;
    display: flex;
    align-items: center;
}
.Rev--Sort,.Rev--cate{width: 20%;}
.Rev--Sort select,.Rev--cate select{width: 100%;}
.Rev--search input{width:90%;height: 38px;}
.Rev--search select{width:22%;}
.Rev--Sort select{width:93%;}
.Rev--search span.button{
    background: #000;
    width: 8%;
    height: 38px;
    color: #fff;
    display: flex;
    align-items: center;

}
.Rev--search .fa{
    font-size: 23px;
    margin: auto;
}
.Rev--narrow ul{}
.Rev--narrow.Rev--tag ul{border-bottom:none;}
.Rev--narrow ul li {
    padding: 5px 10px;
    background-color: #f24e64;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    display: inline-block;
    margin: 3px;
}


.Rev--narrow{
    position: relative;
	border-bottom: none;
}


.Rev--narrow .tit--trend{
    background: #eee;
    display: flex;
    width: 100%;
}

.Rev--narrow p.type{
	padding: 10px 0 0 20px;
    font-size: 15px;
    font-weight: bold;

}

.Rev--narrow .Trend--w{
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 120%;
    padding: 5px;
    display: block;
    width: 10%;
	border-top: 1px solid #000;
    border-right: 1px solid #000;
	/*border-left: 1px solid #000;*/
	text-align: center;

}
.Rev--narrow input[type="checkbox"] {margin: 0 0.3em;}
.Rev--narrow label{margin-right:5px;}
.Rev--Age .Trend--w{background: #eee;}

.Rev--narrow .CheckBoxList{
	padding: 10px;
    border-bottom: 1px solid #ccc;
	display: flex;
    align-items: center;
}

.Rev--narrow p:after{
    content: "";
    display: table;
    float: none;
    clear: both;
}
.Rev--narrow .Trend--g,
.Rev--narrow .Trend--gf{
    background: #eee;
    padding: 5px;
    display: block;
	border-bottom: 1px solid #000;

}
.Rev--Type{    
	padding-top: 20px;
    background: #eee;
}
.Rev--Type .type,
.Rev--Type .CheckBoxList{    
    background: #fff;
}

.Rev--Age .Trend--g,
.Rev--Age .Trend--gf{background: #fff;}

.Rev--Type .Trend--g{width: 90%;}

.Rev--Age .Trend--gf{width: 10%;}
.Rev--Age .Trend--g{width: 80%;}


.Rev--tag .Trend--gf{width: 20%;}
.Rev--tag .Trend--g{width: 70%;}


.Rev--paging{margin: 10px 0;}
.Rev--paging ul{
    display: flex;
    justify-content: center;
}
.Rev--paging ul li{
    width: 30px;
    padding-top: 1px;
    font-size: 13px;
    font-family: Verdana,sans-serif;
    color: #333;
}

.Rev--paging ul li.selected{
	text-decoration: underline;
    font-weight: bold;
    color: #ef0027;

}
.Rev--paging .next,.Rev--paging .pre{
	background: #eee;
    width: 30px;
    height: 30px;

}
.review_aspx .marble-btnbox{margin: 1em auto;}









li.Post--imgarea{width:100%;}
.RevuePanel .FormatStatus{display: none;}

.RevuePanel{text-align: left;}
.RevuePanel .Rev--left{width: 20%;}
.RevuePanel .Rev--Right{width: 80%;}
.RevuePanel .SolidLine{display:none;}

#Search .marble-btnbox {
    margin: 1em auto;
}

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

.Rev--narrow .Trend--w{width: 50%;}
.Rev--narrow,
.Rev--search_area{margin-left: -20px;}
.Rev--narrow,
.Rev--search_area{margin-right: -20px;}

}
@media only screen and (max-width: 540px){
.Rev--search {width: 90%;}
.Rev--search_area {flex-wrap: wrap;}
.Rev--Sort, .Rev--cate,.Rev--Sort select {width: 100%;}
.RevuePanel{display: block !important;}
.RevuePanel .Rev--left {
    width: 100%;
}
.RevuePanel .Rev--Right{}
.Rev--left .Rev--star{
    margin: auto;
    width: 100%;
}
.Rev--Right .ReviewDate{text-align: center;}
.Rev--title{margin: 10px auto;}
.Rev--title .Rev--star{width: 100%;}

#ProductReviewSum .list_selectbox{width: 50%;}
#ProductReviewSum .list_selectbox.listSort{border-left: 1px solid #ccc;}
#ProductReviewSum .list_selectbox select{width:100%;}
.Rev--Right .Rev--title{text-align: center;}
.Rev--Right .marble_ttl--lvh4{margin:auto;}

.Rev--narrow .CheckBoxList {flex-wrap: wrap;padding: 10px;}


}

/****************** BookMark ********************/
.itemListHeader {
    display: flex;
    flex-direction: row-reverse;
    padding: 30px 0 30px 0;
    font-size: 1em;
    background-color: transparent;
    color: #333;
}

ul.itemList li div.cartBtn a.btnAddToBookmark{border:none;padding:0;}
ul.itemList li div.cartBtn a.btnAddToBookmark:hover {
     border: 1px solid #ffffff; 
    background-color: #ffffff; 
    color: #fff;
}

/**********よくある質問*********/

.u_page_faq_aspx #guideMain dl.difinition_set dt:before{
	content:"Q";
	font-family: 'arial unicode ms';
    font-weight: bold;
    font-size: 140%;
    padding: 10px;
}
.u_page_faq_aspx #guideMain dl.difinition_set dd:before{
	content:"A";
	font-family: 'arial unicode ms';
    font-weight: bold;
    font-size: 140%;
    padding: 10px;
    color: red;
}
.u_page_faq_aspx #guideMain dl.difinition_set dd .info_flame{
    margin-left: 2em;
}
.u_page_faq_aspx dl.difinition_set{
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
}
#guideMain .difinition_set dt{margin: 0 0 1.5em 0;}

/*****************クーポンリスト　CouponList.aspx******************/
.CouponList{text-align: center;}
.CouponList .Privilege{color: #f24e64;}
.CouponList li{
    border: 0px solid #ccc;
    margin: 2%;
    position: relative;
	background: #eee;
    width: 80%;
display: inline-block;
}

.CouponList li dl {
    border: 2px solid #000;
    border-radius: 8px;
    display: flex;
	margin: 2.2em;
    background: #fff;
	padding: 1em;
    position: relative;
}
.CouponList li dl dt{
	font-size: 18px;width: 200px;
    padding: 1em;
    border-right: 5px dotted #000;
	line-height: 1.5;

}

.CouponList li dl > dd{
    width: 100%;
    margin-left: -200px;
}

.CouponList li dl > dd > div.ddIn {
    text-align: left;
    line-height: 1.8;
    margin-left: 220px;
}
.CouponList li dl > dd > div.ddIn div{
	border-bottom: 1px solid #dcdcdc;
    padding: 6px 0;

}
.raund1,.raund2,.raund3,.raund4{
    border-radius: 24px;
    width: 45px;
    height: 45px;
    background: #fff;
    position: absolute;
}
.raund1{top: -15px;
    left: -15px;
}
.raund2{
	bottom: -15px;
    left: -15px;
}
.raund3{
    top: -15px;
    right: -15px;
}
.raund4{
bottom: -15px;
right: -15px;
}

/*riboon*/
.ribbon {
  width: 117px;
  height: 117px;
  overflow: hidden;
  position: absolute;
    z-index: 0;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 2px solid #f24e64;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 165px;
  padding: 10px 0;
  background-color: #f24e64;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 400 14px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

.ribbon-top-left {
  top: -5px;
  left: -5px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 38px;
}
.ribbon-top-left::after {
  bottom: 38px;
  left: 0;
}
.ribbon-top-left span {
  right: 7px;
  top: 11px;
  transform: rotate(-45deg);
}
/*riboon end*/

.couponlist_aspx .info--Coupon{
background: #f3f3f3;
    padding: 20px;
}
.couponlist_aspx .info--Coupon .tit-p{text-align: center;font-size: 21px;}
.couponlist_aspx .info--Coupon .tit-p .fas{font-size: 30px;}
.couponlist_aspx .info--Coupon .guide_imgArea{
    justify-content: space-around;
    margin-top: 40px;
}
.couponlist_aspx .info--Coupon .guide_imgArea div{
    width: 45%;
    background-color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.couponlist_aspx .info--Coupon .guide_imgArea div.guide_arrow{
    width: 10%;
    font-size: 40px;
    background-color: transparent;

}
.couponlist_aspx .info--Coupon .marble-text{    margin: 1em auto;}
.couponlist_aspx h3.ttl{display:block!important; text-align:center; margin-bottom: 1em!important; margin-top: 60px;}
@media only screen and (max-width: 800px){
.CouponList li {
    width: 100%; margin:2% 0;
}
}
@media only screen and (max-width: 599px){
.couponlist_aspx .info--Coupon .guide_imgArea{
    flex-direction: column;
}
.couponlist_aspx .info--Coupon .guide_imgArea div{
    width: 100%;
    background-color:#fff;
    display: block;
}
.couponlist_aspx .info--Coupon .guide_imgArea div.guide_arrow{
    width: 100%;
    font-size: 40px;
    padding:20px 0;
    text-align:center;
    background-color: transparent;

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

.CouponList li {
    width: 100%;
    margin: 10px auto;

}
.CouponList li dl {display:block;}
.CouponList li dl dt{
	width: inherit;
    border-right: none;
    border-bottom: 5px dotted #000;
}
.CouponList li dl > dd {
    margin-left: 0;
}
.CouponList li dl > dd > div.ddIn {

    margin-left: 0;
}
.raund1, .raund2, .raund3, .raund4 {
    width: 40px;
    height: 40px;
}

.couponlist_aspx .info--Coupon .guide_imgArea div{
    width: 100%;
    margin: 10px;
}
}

#payment00000000{display:none;}
.pointPayMsg{text-align:center;}
.marble_btn_pointPay .marble_btn{
    width: 100%;
    display: flex;
    max-width: none;
    float: none;
    margin: 15px auto 30px auto;}

.marble_btn_pointPay .marble_btn>a{width: 47%;}
.marble_btn_pointPay .marble_btn--back{float: none;}


.checkout_aspx .footer,
.usepoint_aspx .footer,
.usecoupon_aspx .footer{border-top: none;}

@media only screen and (max-width: 730px){
.userregist_aspx .marble_form-number input,
.addressbook_aspx .marble_form-number input{width:30% !important;}
.userregist_aspx .mailconfirm input,
.addressbook_aspx .mailconfirm input{width:47% !important;}
}

@media only screen and (max-width: 540px){
.usepoint_aspx .marble_btn-box{width:95%;}
}
@media only screen and (max-width: 450px){
.EditCoupon .CouponList li {margin: 5% auto;}

}
@media only screen and (max-width: 420px){
.marble_btn_pointPay .marble_btn{
    width: 100%;
    display: block;
    max-width: none;
    float: none;
    margin: 15px auto 30px auto;
    }
.marble_btn_pointPay .marble_btn>a{width: 100%; margin-top:20px;}

}
.confirmation_aspx .footer .marble_box-wrap--line{border-bottom: none;}