/**
 * common_sidebnr.css
 * CSS file for side banner. As a constraint,
 * specify the ID value "#sidebarContentWrap" and use it.
 */

/* Common Banner */
.exPcBannerArea #headBannerElements {
	opacity: 1.0 !important;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.exPcBannerArea #headBannerElements:hover {
	opacity: 0.6 !important;
}
.exPcBannerArea #headBannerElements a {
	opacity: 1.0 !important;
}
.exPcBannerArea #headBannerElements a:hover {
	opacity: 1.0 !important;
}
.exPcBannerArea #headBannerElements .elementItem {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.exPcBannerArea #headBannerElements .elementItem img {
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.exPcBannerArea #headBannerElements .elementItem .closeBtn {
	position: absolute;
	top: 15px;
	right: 20px;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 10px;
	background: #f0f0f0;
	opacity: 0.7;
}
.exPcBannerArea #headBannerElements .elementItem .closeBtn:hover {
	cursor: pointer;
}
.exPcBannerArea #sideBannerElements {
	position: fixed;
	width: 300px;
	top: 20%;
	right: -20px;
	z-index: 10000;
}
.exPcBannerArea #sideBannerElements .elementItemGroup {}
.exPcBannerArea #sideBannerElements .elementItemGroup .item01 a,
.exPcBannerArea #sideBannerElements .elementItemGroup .item02 a {}
.exPcBannerArea #sideBannerElements .elementItemGroup .item01 a img,
.exPcBannerArea #sideBannerElements .elementItemGroup .item02 a img {
	position: absolute;
	right: -250px;
	opacity: 0.6;
	filter: alpha(opacity = 30);
}
.exPcBannerArea #sideBannerElements .elementItemGroup .item02 a img {
	top: 200px;
}
.exPcBannerArea #sideBannerElements .elementItemGroup .item01 a:hover,
.exPcBannerArea #sideBannerElements .elementItemGroup .item02 a:hover,
.exPcBannerArea #sideBannerElements .elementItemGroup .item01 a img:hover,
.exPcBannerArea #sideBannerElements .elementItemGroup .item02 a img:hover {
	opacity: 1 !important;
}
.exSpBannerArea {
	display: none;
}
@media screen and (max-device-width: 768px) and (min-device-width: 737px) {
	.exPcBannerArea #sideBannerElements {
		display: none;
	}
}
@media screen and (max-device-width: 736px) {
	.exPcBannerArea {
		display: none;
	}
}

#btn_pagetop .btn_pagetop {
	right: 62px;
}
#btn_pagetop .btn_pagetop img,
#pc_footer #btn_pagetop .btn_pagetop img {
	width: 60px;
	height: 79px;
}
@media screen and (max-width: 767px) {
	#sp_footer {
		z-index: 100;
	}
	#sp_footer #btn_pagetop .btn_pagetop {
		right: 0;
	}
	#sp_footer #btn_pagetop .btn_pagetop img {
		width: 140px;
		height: 66px;
	}
}

/* Banner Elements */
#sidebarContentWrap {
	position: absolute;
	display: none;
	z-index: 3000;
}
#sidebarContentWrap ol,
#sidebarContentWrap ol li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebarContentWrap li {
	position: fixed;
	right: 40px;
	display: inline-block;
}
#sidebarContentWrap li:nth-child(1) {
	top: 80px;
}
#sidebarContentWrap li:nth-child(2) {
	top: 240px;
	right: 40px;
}
#sidebarContentWrap li:nth-child(3) {
	top: 340px;
	right: 40px;
}
#sidebarContentWrap li {
	position: fixed;
	right: 20px;
	display: inline-block;
	z-index: 3000;
}
#sidebarContentWrap li a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#sidebarContentWrap li a:hover {
	opacity: 0.6;
}
#sidebarContentWrap li a img {
	width: 85%;
	-moz-transition: -moz-transform 0.35s linear;
	-webkit-transition: -webkit-transform 0.35s linear;
	-o-transition: -o-transform 0.35s linear;
	-ms-transition: -ms-transform 0.35s linear;
	transition: transform 0.35s linear;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-o-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
#sidebarContentWrap li a img.scaleFirst {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
#sidebarContentWrap li a img.scaleSecond {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

/* Attached for IE Browser */
#sidebarContentWrap.ieBrowser ol li {
	zoom: 118%;
}