@charset "euc-jp";
/* CSS Document */

#header #notification {
	display:inline-block;
	width:42px;
	vertical-align:middle;
	color:#333;
	font-size:8px;
	text-align:center;
	position:relative
}
#header #notification #notificationBadge {
	display:none
}
#header #notification p {
	position:absolute;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d86363), color-stop(100%, #bf0000));
	background:-webkit-linear-gradient(top, #d86363 0, #bf0000 100%);
	background:linear-gradient(to bottom, #d86363 0, #bf0000 100%);
	-webkit-border-radius:15px;
	border-radius:15px;
	font-size:90%;
	font-weight:700;
	color:#fff;
	padding:1px 3px;/*padding:1px 7px;*/
	border:2px solid #fff;
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3);
	box-shadow:1px 1px 3px rgba(0,0,0,.3);
	right:-5px;/*right:-10px;*/
	top:-1px;/*top:-5px*/
}
#header #notification span {
	display:block
}
#header #notification span:before {
	content:"";
	display:block;
	width:25px;
	height:25px;
	margin:6px 0 2px 12px;
	background:url(//a.ichiba.jp.rakuten-static.com/com/img/home/smart/common/icn_notification.png) no-repeat;
	-webkit-background-size:24px 26px;
	background-size:24px 26px
}
#notificationList {
	display:none;
	background:#fff
}
.topNtfTtl {
	padding:5px;
	border-bottom:2px solid #bf0000;
	position:fixed;
	width:100%;
	background:rgba(255,255,255,.8);
	z-index:100;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.topNtfTtl h1 {
	font-size:110%;
	font-weight:700;
	color:#bf0000
}
.topNtfBtmBtn {
	margin:10px 0;
	text-align:center
}
.topNtfNoApiTxt {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin:0 -5px
}
.topNtfNoApiTxt span {
	padding:0 5px
}
.topNtfBtmBtn input, .topNtfTtl input {
	color:#bf0000;
	background:#faf9fb;
	border-radius:4px;
	padding:4px 20px;
	font-weight:400;
	font-size:13px;
	display:inline-block;
	border:1px solid #999
}
.ritNotificInfo .topNtfNoItem {
	padding:0
}
.boxPJAC {
	display: -webkit-box !important;
	display: box !important;
	-webkit-box-pack: justify !important;
	box-pack: justify !important;
	-webkit-box-align: center !important;
	box-align: center !important;
}
