/* ***********************************
TOPお知らせ
*********************************** */
.top-notice {
	display: block;
	position: relative;
	z-index: 99;
	width: 800px;
	max-width: 90%;
	margin: 50px auto 0 auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.top-notice-item {
	display: flex;
	align-items: center;
	padding: 16px 20px;
}
.top-notice-item:not(:last-child) {
	border-bottom: 1px solid #ccc;
}
.top-notice-item time {
	display: block;
	width: 15%;
	min-width: 80px;
}
.top-notice-item a {
	display: inline-block;
	position: relative;
}
.top-notice-item a:hover {
	opacity: 1;
}
.top-notice-item a::before {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	content: '';
	background: #000;
	transition: width 0.3s;
}
.top-notice-item a:hover::before {
	width: 100%;
	left: 0;
}
.top-notice-alert a::after {
	display: block;
	position: absolute;
	right: -30px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	content: '!';
	background: #000;
	border-radius: 3px;
}
@media screen and (max-width: 767px) {
.top-notice-item a {
	margin-left: 0;
}
.top-notice-item a::after {
	display: none;
}
}


/* ***********************************
Amazon CMバナー
*********************************** */
.cm-banner {
	display: flex;
	position: absolute;
	bottom: 20px;
	right: 2%;
	width: 400px;
	height: 92px;
	text-align: left;
	align-items: center;
	padding: 6px;
	color: #fff;
	background: rgba(0,0,0,0.5);
}
.cm-banner img {
	display: block;
	width: 130px;
	height: 80px;
	border-radius: 4px;
}
.cm-banner div {
	width: calc(100% - 130px);
	margin: 0 20px;
}
.cm-banner b {
	display: block;
	margin-bottom: 6px;
	font-weight: 400;
}
.cm-banner span {
	display: block;
	text-align: center;
	border: 1px solid rgba(255,255,255,0.5);
}
@media screen and (max-width: 767px) {
.cm-banner {
	bottom: 74px;
	right: 0;
	width: 100%;
	font-size: 3.5vw;
}
}