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

/* モーダル 背景エリア */
#cart_popup-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 2999;
}

#cart_popup-main a img:hover {
	opacity:1;
}

/* モーダル コンテンツエリア */
#cart_popup-main {
	display: none;
	width: 640px;
	margin: 0;
	padding:0;
	background-color: #ffffff;
	color: #666666;
	position:fixed;
	z-index: 3000;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}

#cart_popup-main .cartin_inner {
	padding: 20px 25px;
	text-align:left;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

#cart_popup-main .cartin_ttl {
	float:left;
	position: relative;
	padding:2px 0 5px 30px;
	font-size:18px;
}

#cart_popup-main .cartin_ttl::before {
	display: block;
	content: '';
	position: absolute;
	top: -5px;
	left:-10px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #ff7200;
	border-radius: 100%;
}

#cart_popup-main .cartin_ttl::after {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: -1px;
	width: 10px;
	height: 5px;
	border-left: 3px solid #ff7200;
	border-bottom: 3px solid #ff7200;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#cart_popup-main .cartin_price {
	float: right;
	padding:3px 5px 0 0;
}

#cart_popup-main .cartin_price_color {
	color:#FF0000;
	margin: 0 0 0 10px;
}
#cart_popup-main .cartin_item {
	letter-spacing: -.40em;
	margin:15px 0 15px 0;
}
#cart_popup-main .cartin_item li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	text-align:left;
}

#cart_popup-main .cartin_item li:nth-child(1) {
	width:100px;
	margin:0 10px 0 0 ;
}

#cart_popup-main .cartin_item li:nth-child(1) img {
	width:100%;
	border:1px solid #ccc;
}
#cart_popup-main .cartin_item li:nth-child(2) {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	text-align:left;
	line-height:1.4em;
}

#cart_popup-main .cartin_btn {
	letter-spacing: -.40em;
	margin:0 auto 20px;
	width:86%;
	text-align:center;
}
#cart_popup-main .cartin_btn li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width:48%;
	margin:0 1%;
}
#cart_popup-main .cartin_btn li a {
	display:block;
	padding:15px 0;
	font-size:18px;
	text-decoration:none;
}
#cart_popup-main .cartin_btn li:nth-child(1) a {
	background-color:#ff7200;
	border:2px #ff7200 solid;
	color:#FFF;
}
#cart_popup-main .cartin_btn li:nth-child(2) a {
	background-color:#FFF;
	border:2px #ff7200 solid;
	color:#ff7200;
}
#cart_popup-main .cartin_btn li:nth-child(1) a:hover {
	background-color:#ff9900;
	border:2px #ff9900 solid;
}
#cart_popup-main .cartin_btn li:nth-child(2) a:hover {
	border:2px #ff9900 solid;
	color:#ff9900;
}


/* 閲覧履歴 */
#cart_popup-main .history_inner {
	padding: 20px 25px;
	text-align:left;
	background-color:#efefef;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
#cart_popup-main .history_ttl {
	font-size:15px;
	padding:0 0 10px 0;
}

#cart_popup-main .history_item {
	letter-spacing: -.40em;
	width:100%;
	text-align:center;
}
#cart_popup-main .history_item li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	text-align:left;
}

#cart_popup-main .history_item li {
	width:21%;
	margin:0 2% 0 2% ;
	text-align:center;
}
#cart_popup-main .history_text {
	text-align:left;
	margin:3px 0;
}
#cart_popup-main .history_img {
	width:100%;
	border:1px solid #ccc;
}
#cart_popup-main .history_price_color {
	color:#FF0000;
}



/* 閉じるボタン */
#cart_popup-main .close_btn {
	position:absolute;
	top:-10px;
	right:-10px;
}

#cart_popup-main .close_btn a {
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	background-color:#CCC;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:block;
	font-size:18px;
}