@charset "utf-8";  
/*------------------------------------------------------------ 
    cart css
------------------------------------------------------------*/  

.ft-inner{
	padding-top:28px;
	border-top:1px solid #ccc;
}

#cartHeader{
	width:auto;
	margin:20px 0;
}

#cartHeader ul{
	width:auto;
	padding:10px 20px;
	overflow:hidden;
	background:#EFEFEF;
	color:#999;
}

#cartHeader li{
	float:left;
	padding-right:5px;
}

#cartHeader li span{
	display:inline-block;
	padding:8px;
}

#cartHeader .selected{
	background:#999;
	border-radius:5px;
	color:#fff;
}

#cartHeader li:not(:last-child):after{
	display:inline-block;
	content:"";
	width:0;
	height:0;
	border:5px solid transparent;
	border-left:8px solid #999;
	margin-left:15px;
}

#cartHeader h2{
	width:auto;
	padding:20px;
	color:#333;
	font-size:134%;
	font-weight:bold;
	border:1px solid #E7E7E7;
	border-top:none;
}

#cartHeader h2 span{
	display:inline-block;
	font-size:12px;
	padding-left:15px;
	position:relative;
	top:-1px;
}

#main-column{
	width:772px;
	float:left;
	border:1px solid #E7E7E7;
}

#column,
.column{
	width:auto;
	border:1px solid #E7E7E7;
}

.cartBox{
	width:auto;
	padding:15px 10px 10px;
	overflow:hidden;
}

.sellerName{
	color:#333;
	font-size:109%;
	padding-bottom:10px;
}

.sellerName a{
	color:#FF9EBA;
	font-size:109%;
}

.sellerName a img{
	width:32px;
	height:32px;
	border-radius:50%;
	margin-right:10px;
}

.sellerName span{ font-size:109%;}

#contents{
	width:100%;
	position:relative;
	margin-bottom:80px;
}

/*------------------------------------------------------------ 
    top 
------------------------------------------------------------*/  

.cartArea{
	width:auto;
	padding-bottom:20px;
}

.cartTbl{
	width:100%;
	color:#333;
	font-size:109%;
	margin-bottom:10px;
	text-align:center;
}

.cartTbl th{
	height:30px;
	vertical-align:middle;
	color:#333;
	background:#ECECEC;
}

.thead01{ width:95px;}
.thead02{ width:100px;}
.thead03{ width:80px;}
.thead04{ width:530px;}
.thead05{ width:65px;}
.thead06{ width:160px;}
.thead07{ width:350px;}
.thead08{ width:180px;}
.thead09{ width:250px;}

.cartTbl td{
	padding:12px 0;
	line-height:30px;
	vertical-align:top;
	border-bottom:1px solid #E7E7E7;
}

.cartTbl td:first-child{ border-left:1px solid #E7E7E7;}
.cartTbl td:last-child{ border-right:1px solid #E7E7E7;}

.cartTbl .tbody{
	padding-right:20px;
	text-align:left;
	line-height:1.2;
}

.cartTbl td a{ color:#FF9EBA;}

.code{
	display:block;
	margin-top:5px;
	color:#999;
}

.listbtn{
	display:block;
	width:63px;
	line-height:28px;
	text-align:center;
	color:#333!important;
	border:1px solid #999;
	border-radius:3px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.listbtn:hover{
	color:#fff!important;
	background:#999;
}

.cartInner{
	width:auto;
	overflow:hidden;
	padding:30px 10px 15px;
}

.sumTbl{
	width:260px;
	float:right;
	padding:15px 0;
	background:#ECECEC;
}

.sumTbl table{
	width:100%;
	color:#333;
}

.sumTbl th{
	width:80px;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
}

.sumTbl td{
	text-align:right;
	padding-right:15px;
	font-size:109%;
	font-weight:bold;
}

/*
.sumTbl .total td,
.sumTbl .total th{
	border-top:1px solid #ccc;
	padding-top:10px;
	font-weight:bold;
}

.sumTbl .total2 th,
.sumTbl .total2 td{
	font-weight:bold;
	padding-top:5px;
}
*/

.cartInner2{
	width:auto;
	padding:0 10px;
	overflow:hidden;
}

.cartBtn{
	width:260px;
	height:45px;
	text-align:center;
	line-height:45px;
}

.cartBtn.prev{ float:left;}
.cartBtn.next{ float:right;}

.cartBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:45px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#FF9EBA no-repeat;
	background-size:9px 17px;
	border-radius:5px;
}

.cartBtn.prev a{
	background-image:url(../img/icon-prev.png);
	background-position:15px 50%;
}

.cartBtn.next a{
	background-image:url(../img/icon-next.png);
	background-position:right 15px top 50%;
}

#not-found{
	text-align:center;
	line-height:373px;
	font-size:117%;
}

.postageTxt{
	width:473px;
	float:left;
	text-align:center;
	line-height:52px;
	color:#ff0000;
	font-size:109%;
	background:#fff;
	border:2px solid #ff0000;
}

.postageTxt span{
	font-size:134%;
	font-weight:bold;
	padding-left:5px;
}

.cartFtTxt{
	margin-bottom:10px;
	padding-top:20px;
	text-align:right;
}


/*------------------------------------------------------------ 
    delivery 
------------------------------------------------------------*/  

.cartTbl .tbody-delivery{
	border-left:1px solid #E7E7E7;
	text-align:left;
}

.delivery-list li{
	width:auto;
	padding:0 10px;
	position:relative;
}

.delivery-list li label{
	display:block;
	width:100%;
	letter-spacing:-0.4em;
}

.delivery-l{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:324px;
	padding-left:20px;
	text-indent:-20px;
}

.delivery-r{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:130px;
	text-align:center;
	padding-left:10px;
}

.delivery-list li input{ letter-spacing:normal;}

.delivery-list li:not(:last-child){
/*
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #E7E7E7;
*/
	margin-bottom:15px;
}

.delivery-list span{ line-height:16px;}

.delivery-by{
	font-size:109%;
	font-weight:bold;
	padding-right:5px;
}

.delivery-to{
	display:block;
	padding-top:5px;
	text-indent:0;
}

.delivery-cost{
	font-size:109%;
	font-weight:bold;
}

.caution{
	display:inline-block;
	padding:10px 0;
	text-align:left;
}

.caution li{ line-height:1.4;}

.deliivery-caution{
	width:auto;
	padding:0 10px;
	text-align:left;
}

.deliivery-caution dt{
	font-size:109%;
	font-weight:bold;
	margin-bottom:5px;
/*
	margin-bottom:10px;
	padding-left:36px;
	line-height:32px;
	background:url(../img/icon-caution.png) no-repeat left 50%;
	background-size:27px 26px;
*/
}

/*------------------------------------------------------------ 
    login 
------------------------------------------------------------*/  

.login-sentense {
	color: #333;
	font-size: 117%;
	line-height: 1.4;
	margin-bottom: 30px;
}

.login-link{
	text-align:right;
	margin-bottom:15px;
}

.login-link a{
	color:#333;
	font-size:117%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.login-link a:hover{ color:#EA66A4;}

#login-column{
	width:auto;
	padding:30px;
	margin-bottom:80px;
/*	background:#FAFAFA;*/
	border:1px solid #ddd;
}

#left-column{
	width:50%;
	float:left;
	text-align:center;
	padding-right:30px;
	border-right:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#right-column{
	width:50%;
	float:right;
	text-align:center;
	padding-left:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.login-sub-hd{
	color:#333;
	font-size:134%;
	font-weight:bold;
	padding:15px 0;
}

.form-list{
	width:100%;
	max-width:300px;
	margin:15px auto 30px;
}

.form-save{
	margin-top:10px;
	text-align:right;
	color:#666;
}

.login-btn{
	width:100%;
	max-width:220px;
	height:40px;
	margin:0 auto;
}

.login-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#EA66A4;
	border-radius:5px;
}

.password-send-txt{
	text-align:center;
	margin-top:15px;
}

.password-send-txt a{ color:#666;}

.password-send-txt a span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sns-btn{
	width:100%;
	max-width:300px;
	margin:60px auto;
}

.login-txt{
	text-align: center;
	color: #333;
	line-height: 1.4;
	font-size: 117%;
}

.login-txt2{
	color:#666;
	font-size:117%;
	margin-top:40px;
	text-align:center;
}

.login-txt2 a{
	color: #EA66A4;
	text-decoration: underline;
}

#password-area{
	width:auto;
	max-width:560px;
	padding:55px 20px;
	margin:0 auto 40px;
	text-align:center;
	border:1px solid #ddd;
}

.password-input{
	width:100%;
	max-width:300px;
	margin:0 auto;
	padding:25px 0 35px;
}



/*------------------------------------------------------------ 
    form 
------------------------------------------------------------*/  

.formTtl{
	height:40px;
	line-height:40px;
	padding:0 20px;
	font-size:134%;
	color:#fff;
	font-weight:bold;
	background:#999;
	overflow:hidden;
}

.formInner{
	width:auto;
	padding:10px;
}

.formTbl{
	width:100%;
	color:#333;
	font-size:109%;
	border-top:1px solid #E7E7E7;
}

.formTbl th{
	width:170px;
	height:36px;
	text-align:left;
	vertical-align:middle;
	padding:10px 15px;
	border:1px solid #E7E7E7;
	border-top:none;
	background-color:#FAFAFA;
}

.formTbl th.center{
	text-align:center;
	font-weight:bold;
}

.required{
	display:block;
	position:relative;
}
.required:before{
	display:block;
	content:"必須";
	position:absolute;
	right:0;
	color:#FF9EBA;
	font-size:92%;
	font-weight:normal;
}

.inputArea{
	vertical-align:middle;
	padding:10px 14px;
	height:36px;
	border-right:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
}

.example{
	width:168px;
	font-size:92%;
	vertical-align:middle;
	padding:10px 15px;
	height:36px;
	line-height:1.5;
	border-right:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
}

.del {
    display: inline-block;
    min-width: 65px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
}

.cardList{
	overflow:hidden;
	margin:15px 0;
}

.cardList li{
	float:left;
	margin-right:10px;
}

#Deliveryform{
	display:none;
	margin-top:15px;
}

.line2{ line-height:2;}


.formBox{
	width:100%;
	margin-bottom:35px;
}

.formTbl2{
	width:100%;
	font-size:109%;
	color:#333;
	margin-bottom:20px;
}

.formTbl2 th{
	padding:10px;
	border:1px solid #E7E7E7;
	background:#FAFAFA;
}

.formTbl2 td{
	padding:10px;
	vertical-align:middle;
	line-height:1.3;
	border:1px solid #E7E7E7;
}


/* input */

.input{
	width:100%;
	max-width:400px;
	height:36px;
	padding:0 10px;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.input.wid60{ max-width:60px;}
.input.wid100{ max-width:100px;}
.input.wid150{
	max-width:150px;
	margin-right:10px;
}

.txtarea{
	width:100%;
	height:93px;
	padding:5px;
	resize:none;
	overflow:auto;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.txtarea2{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	height:4em;
	padding:5px;
	resize:none;
	overflow:auto;
	border:1px solid #ccc;
}


.error{ margin-top:8px;}

.error span{
	display:inline-block;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#FF9EBA;
	border-radius:4px;
}

.tbody-delivery .error{
	padding:0 10px;
}

.atelier-txt{
	margin-top:10px;
}

.atelier-txt a{
	color:#FF9EBA;
	font-size:109%;
}

.card-caution{
	color:#CC9900;
	padding-left:5px;
}

/*------------------------------------------------------------ 
    confirm 
------------------------------------------------------------*/  

.confirmHd{
	color:#333;
	font-size:109%;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:10px;
}

.confirm-leftColumn{
	width:522px;
	float:left;
}

.confirm-rightColumn{
	width:465px;
	float:right;
}

.confirm-rightColumn .sumTbl{ float:none;}

.confirmTxt{
	width:auto;
	padding:27px 0 27px 43px;
	margin-top:10px;
	background:#FFEBD6;
	color:#CC6633;
	font-size:134%;
	line-height:1.2;
	font-weight:bold;
	border:1px solid #FFCC99;
}

.total-price{
	color:#333;
	font-weight:bold;
	font-size:167%;
}

#caution{ display:none;}

.caution-confirm{
	margin-top:10px;
	text-indent:-1em;
	padding-left:1em;
}

.daibiki{
	display:none;
	margin-top:15px;
	padding:10px 15px;
	border:1px solid #E7E7E7;
    color: #333;
}

.daibiki dt{
    width: auto;
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 125%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-image: url(../img/icon-caution.png);
    padding: 0px 0 0px 36px;
    background-size: 26px 25px;
}

.daibiki dd{ font-size:109%;}

#payTxt{
	font-size:109%;
	font-weight:bold;
}

.cardText{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.4;
}

.text{
	margin-bottom:10px;
	font-size:109%;
}

.form-card li{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

.cardText2{
	text-align:center;
	line-height:1.4;
	margin-top:25px;
}

.creditTxt{
	text-align:center;
	line-height:1.4;
	padding:10px 0;
}

.confirmBox{
	width:100%;
	overflow:hidden;
	margin-bottom:8px;
}

.confirmBox .sellerName{
	line-height:30px;
	padding-bottom:0;
	float:left;
}

.confirmBox ul{
	float:right;
	width:520px;
	overflow:hidden;
	text-align:center;
}

.confirmBox li{
	float:left;
	margin-right:100px;
}

.confirmBox .listbtn{ display:inline-block;}

.change-btn{
	display:inline-block;
	width:65px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background:#FF9EBA;
	border-radius:3px;
}

.formTtl .listbtn{
	display:block;
	float:right;
	font-size:12px;
	margin:5px -10px 5px 0;
	background:#fff;
}

.formTtl .listbtn:hover{
	background:#999;
	border-color:#fff;
}

.confirmBtn{
	width:100%;
	text-align:center;
	margin-top:30px;
}

.confirmBtn .cartBtn{ margin:12px auto 0;}
.confirmBtn .cartBtn a{ border-radius:23px;}

.confirmBtn .txt{
	color:#333;
	font-size:109%;
	font-weight:bold;
}

.cartBox-confirm{
	margin-bottom:15px;
	padding-bottom:30px!important;
	border-bottom:1px solid #E7E7E7;
}

.consent-txt{
	width:100%;
	text-align:center;
	font-size:117%;
}

.consent-txt a{ color:#FF9EBA;}


/* confrirm test */

.confirm .column{ border:none;}
.confirm .formInner{ padding:10px 0;}
.confirm .cartBox{ padding:15px 0 10px;}


/*------------------------------------------------------------ 
	complete
------------------------------------------------------------*/  

.compInner{
	width:auto;
	padding:30px 0px;
	color:#333;
	background:#fff;
}

.compTxt{
	width:auto;
	padding:0 10px 5px;
	line-height:1.4;
	text-align:center;
	font-size:117%;
}

.compTxt a{ color:#FF9EBA;}

.homeBtn{
	width:260px;
	height:45px;
	margin:20px auto 0;
}

.homeBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:45px;
	color:#fff;
	font-weight:bold;
	font-size:134%;
	background:#FF9EBA;
	border-radius:5px;
}

#compBtn{
	width:260px;
	text-align:center;
	margin:25px auto 0;
	overflow:hidden;
	padding-bottom:10px;
}

#compFtBtn{
	width:320px;
	margin:25px auto 0;
}

.compBtn{
	width:318px;
	height:44px;
	margin-top:15px;
	text-align:center;
	line-height:44px;
	border-radius:23px;
	color:#FF9EBA;
	font-weight:bold;
	font-size:134%;
	border:1px solid #FF9EBA;
	overflow:hidden;
}

.compBtn a{
	display:block;
	width:100%;
	height:100%;
	color:#FF9EBA;
	font-weight:bold;
	line-height:44px;
	transition:all 0.2s ease-out;
	border-radius:22px;
}

.compBtn a:hover,
.completeBtn a:hover{
	background:#FF9EBA;
	color:#fff;
}

.completeBtn{
	width:320px;
	height:46px;
	margin-top:15px;
}

.completeBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:44px;
	border-radius:23px;
	box-sizing:border-box;
	color:#FF9EBA;
	font-weight:bold;
	font-size:134%;
	border:1px solid #FF9EBA;
	transition:all 0.2s ease-out;
}

#compHd{
	text-align:center;
	font-size:38px;
	margin-bottom:20px
}


#cardseq{ display:none;}

#cardseq-loading td{ padding:20px 0; text-align:center;}