@charset "utf-8";

#headAreaSpSecond,
#footAreaSpSecond,
#wrapOnOff p .salePrice{
	display:none;
	}	
/**********イベント**********/
#wrapEvent{
	width: 100%;
	max-width:1000px;
	margin:0 auto 20px;
	font-size:80%;
	}
#wrapEvent #headImg{
	width: 100%;
	margin:0 auto 40px;
	}
#wrapEvent img{
	width: 100%;
	}
#wrapEvent h1{
	width: 100%;
	margin:0 auto 50px;
	font-size:200%;
	padding:12px 0 10px;
	text-align:center;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height: 1.8em;
	}	
#wrapEvent .topic .imgL img{
	width: 45%;
	float:left;
	}	
#wrapEvent .topic .imgR img{
	width: 45%;
	float:right;
	}
	
#wrapEvent .textArea{
	width: 96%;
	font-size:130%;
	line-height:2.5em;
	padding:2%;
	letter-spacing:0.1em;
	margin: 0px auto 40px;
	}
#wrapEvent .topic{
	width: 100%;
	margin:120px 0px 0px;
	clear:both;
	}
#wrapEvent h2{
	width: 100%;
	margin:0 auto;
	font-size:180%;
	padding:0 0 5px;
	text-align:center;
	letter-spacing:0.1em;
	font-weight:bold;
	}
#wrapEvent h3{
	width: 100%;
	margin:0 auto 40px;
	font-size:250%;
	padding:0 0 5px;
	text-align:left;
	font-weight:bold;
	border-bottom:#000 solid 4px;
	}	
#wrapEvent .topic .kumImg{
	width: 30%;
	float:left;
	}	
#wrapEvent ul{
	bottom:0;
	font-size:200%;
	line-height:1.5em;
	margin-left: 35%;
	}
#wrapEvent li{
	margin-top:10px;
	font-size:70%;
	line-height:1.5em;
	}
#wrapEvent li a .itemName{
	padding-right:2px;
	width:50%;
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:-3px;
	}
#wrapEvent a img {
	border-style:none;
	filter:alpha(opacity=100);
	}
#wrapEvent a:hover img {
	opacity: 0.7;
    filter: alpha(opacity=70);
	}



#wrapEvent .topic .novelty{
	width:100%;
	padding: 2%;
	border: thin solid #000;
	text-align:center;
	font-size:120%;
	margin: 3% 0%;
}
#wrapEvent .topic .small{
	width:100%;
	text-align:center;
	margin-bottom: 15%;
}

#wrapEvent .topic p .event{
	width:70%;
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.button a{
	letter-spacing: 0.3em;
	width:500px;
	font-size: 90%;
	color: #ffffff;
	margin:150px 0 30px 250px;
	padding: 15px 0 15px;
	text-align:center;
	text-decoration:none;
	display: block;
	/*background: -moz-linear-gradient(
		top,
		#1b4d11 0%,
		#0c3704);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1b4d11),
		to(#0c3704));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#1b4d11,EndColorStr=#0c3704);*/
	background-color:#444;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 2px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 2px rgba(255,255,255,0);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 2px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
		/*要らなかったがPIEを動作させるために追加 */
		behavior: url(http://titivate.jp/project/sale/bigsale/PIE-1.0beta3/PIE.htc) ;
		}
.button a:hover{
	width:500px;
	padding: 15px 0 15px;
	font-size: 90%;
	color: #ffffff;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow: none;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#0c3704,EndColorStr=#1b4d11);
	background-color:#0c3704;
	background: -moz-linear-gradient(
		top,
		#0c3704 0%,
		#1b4d11);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#0c3704),
		to(#1b4d11));*/
}

	
/***************▼タブレット▼*****************/

@media screen and (max-width: 768px) {

}


/***************▼スマホ大▼*****************/
@media screen and (max-width: 640px) {

#headAreaPcSecond,
#FootAreaPcSecond{
	display:none;
	}
#headAreaSpSecond,
#footAreaSpSecond{
	display:block;
	}
#wrapEvent h1{
	width: 95%;
	margin:0 auto 2%;
	font-size:130%;
	padding:12px 0 10px;
	letter-spacing:0.01em;
	}	
#wrapEvent h2{
	width:98%;
	margin:10px 1%;
	line-height:1.5em;
	font-size:15px;
	}	
#wrapEvent .textArea{
	width: 95%;
	font-size:100%;
	line-height:1.5em;
	}
#wrapEvent .topic{
	width: 100%;
	margin:10% 0px 0px;
	clear:both;
	}
#wrapEvent h3{
	width: 98%;
	text-align:center;
	margin-bottom:3%;
	}	
#wrapEvent .topic .imgL img{
	width: 90%;
	margin:0 5%;
	float:left;
	}
#wrapEvent .topic .imgR img{
	width: 90%;
	margin:0 5%;
	float:right;
	}
#wrapEvent .topic .kumImg{
	width: 70%;
	margin:4% 15%;
	}	
#wrapEvent ul{
	width:90%;
	margin:0 5%;
	font-size:170%;
	line-height:1.5em;

	}
#wrapEvent li{
	margin-top:10px;
	font-size:70%;
	line-height:1.5em;
	}
#wrapEvent li a .itemName{
	padding-right:2px;
	width:50%;
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:-3px;
	}
#wrapEvent .topic .novelty{
	width:90%;
	font-size:90%;
	margin: 3% 5%;
	line-height:1.5em;
}
#wrapEvent .topic .small{
	width:90%;
	font-size:70%;
	text-align:center;
	margin: 3% 5%;
}


/***********ボタン*************/
.button{
	margin:0 0 15px;
	}
.button a{
	width:80%;
	font-size: 90%;
	color: #ffffff;
	margin:40px 0 0 10%;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	display: block;
	letter-spacing:1px;
	/*background: -moz-linear-gradient(
		top,
		#6d6d6d 0%,
		#000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6d6d6d),
		to(#000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d6d6d,EndColorStr=#000);*/
background-color:#444;

	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 2px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 2px rgba(255,255,255,0);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px 0px 2px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
		
		/*要らなかったがPIEを動作させるために追加 */
    behavior: url(http://www.rakuten.ne.jp/gold/titivate/sale/PIE-1.0beta3/PIE.htc) ;	      /* CSS3 PIE */
}
.button a:hover{
	width:80%;
	color: #ffffff;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow: none;
	letter-spacing:1px;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#000,EndColorStr=#6d6d6d);
   background-color:#000;
	background: -moz-linear-gradient(
		top,
		#000 0%,
		#6d6d6d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#000),
		to(#6d6d6d));*/
}
/***********ボタン*************/

		


}


/***************▼スマホ小▼*****************/
@media screen and (max-width: 479px) {	

/*#wrapEvent .imgR{
	width: 100%;
	float:none;
	}
#wrapEvent h1{
	font-size:12px;
	}
#wrapEvent #headImg{
	margin:0 auto 20px;
	}
#wrapEvent ul{
	width:100%;
	bottom:0;
	right:0;
	padding:0;
	position:relative;
	margin:20px 0 0 0;
	}
#wrapEvent ul:before{
	margin-left:5px;
	text-align:center;
	}
#wrapEvent li{
	border-bottom:solid 1px #333;
	padding:10px 5px 10px;
	margin-left:0;
	margin-top:2px;
	}
#wrapEvent li:first-child{
	border-top:solid 1px #333;
	}
#wrapEvent li a .itemName{
	text-decoration:none;
		vertical-align:-5px;
		width:70%;	
	}
#wrapEvent li a .salePrice{
	width:30%;
	text-align:right;
	}*/
}