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


/* ---------- index共通設定 ---------- */

h1{
	float:right;
}

h2{
	font-weight:normal;
	float:left;
	letter-spacing:0.05em;
	font-weight:bold;
}

body{
	position:relative;
}

		/* Fade-In Animations */

	@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

	.fade {
		opacity:0;
		-webkit-animation:fadeIn ease-in 1;
		-moz-animation:fadeIn ease-in 1;
		-ms-animation:fadeIn ease-in 1;
		-o-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;
	 
		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		-ms-animation-fill-mode:forwards;
		-o-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
	 
		-webkit-animation-duration:0.4s;
		-moz-animation-duration:0.4s;
		-ms-animation-duration:0.4s;
		-o-animation-duration:0.4s;
		animation-duration:0.4s;
	}
	 
	.fade:first-child {
		-webkit-animation-delay: 0.4s;
		-moz-animation-delay: 0.4s;
		-ms-animation-delay: 0.4s;
		-o-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}
	 
	.fade:nth-child(2n) {
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-o-animation-delay:0.6s;
		animation-delay: 0.6s;
	}
/* ---------- header設定 ---------- */

header{
	position:fixed;
	top:20px;
	height:80px;
	width:100%;
	z-index:9999;
}



#collectionFooter{
	width:100%;
	height:40px;
	bottom:0;
	padding-top:10px;
	background-color:#FFFFFF;
}
#blackLine{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000;
}

#whiteLine{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #fff;
}

#headerCont{
	margin:0 auto;
	padding-top:20px;
	height:80px;
	width:980px;
}

#gNav, #gNav_w{
	float:left;
}

#gNav li, #gNav_w li{
	float:left;
	padding-right:20px;
	font-size:16px;
}

#gNav_w li a, #gNav_w li strong{
	color:#FFF;
}


.webStore, .webStore_w{
	text-indent: 22px;
}

.webStore_w li{
	color:#FFF;
}

.webStore{
	background-image: url(../images/common/header_icon_cart.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.webStore_w{
	background-image: url(../images/common/header_icon_cart_w.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#snsNav, #snsNav_w{
	float:right;
}

#snsNav li, #snsNav_w li{
	float:left;
	padding-right:10px;
	font-size:14px;
}

#snsNav_w li{
	color:#FFF;
}

#snsNav li a:hover, #snsNav_w li a:hover{
	opacity:0.5;
}

#wlogo{
	float:left;
	padding-right:20px;
	margin-top:-11px;
}




/* ---------- footer設定 ---------- */

footer{
	position:fixed;
	bottom:15px;
	height:30px;
	width:100%;
	z-index:9998;
}

#collectionFooter{
	position:fixed;
	width:100%;
	height:40px;
	bottom:0;
	padding-top:10px;
	background-color:#FFFFFF;
	z-index:11000;
}

#footerCont{
	margin:0 auto;
	height:30px;
	width:980px;
}


#footerNav, #footerNav_w{
	float:left;
	height:15px;
	padding-bottom:15px;
}

#footerNav li, #footerNav_w li{
	float:left;
	padding-right:5px;
	font-size:13px;
}

#footerNav li a{
	color:#000;
	font-family:"PT Sans";
	font-size:12px;
}

#footerNav_w li a, #footerNav_w li span{
	color:#FFF;
	font-family:"PT Sans";
	font-size:12px;
}

#mailMagazine, #mailMagazine_w{
	text-indent: 18px;
	margin-right:10px;
}

#mailMagazine{
	background-image: url(../images/common/footer_icon_mail.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#mailMagazine_w{
	background-image: url(../images/common/footer_icon_mail_w.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#copyRight, #copyRight_w{
	float:right;
	height:15px;
	font-family:"PT Sans";
	font-size:12px;
	padding-bottom:15px;
}

#copyRight_w span{
	color:#FFF;
}

#copyRight a{
	text-decoration:underline;
}

#copyRight_w a{
	color:#FFF;
	text-decoration:underline;
}

.pageDownBtn {
	width: 183px;
	height: 90px;
	position: fixed;
	bottom: 30px;
	left: 50%;
	margin-left: -91px;
	z-index:8999;
}

.pageTopBtn {
	width: 183px;
	height: 90px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -91px;
	z-index:9001;
}

.pageDownBtn a:hover, .pageTopBtn a:hover{
	opacity:0.5;
}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6{
background-size: cover;
position: relative;
}

/* ---------- main設定 ---------- */

#section0 {
	 /*overflow: hidden;*/
	 z-index:5000;
}

#mainWrap{
	width:100%;
	height:100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-image: url(../images/back/main_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/*下記はjQueryでIE8以外のみ表示する。
	jQuery('#mainWrap').css('background-position','50% 50%');
	jQuery('#mainWrap').css('background-attachment','fixed');
	*/
}