/*--------------
クリアフィックス
--------------*/
/* For modern browsers用 */
.cf:after{
	content: "";
	display: block;
	clear: both;
}

/* For IE 6/7用 */
.cf { zoom: 1; }





/*--------------
マウスオーバーで画像を回転させる
--------------*/
.rotate {
	display: inline-block;
	max-width: 100%;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow: hidden;
}
.rotate:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}


/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {


}




/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

}


/*--------------
カウントダウン
--------------*/
div.number-counters p{
	float:left;
	margin-right:10px;
}

/*--------------
上からふわっとフェードインする表現をcssのみで実現している
※leftとreightは行き過ぎてしまうためあえてmarginで調整する
--------------*/
/*グローバルメニューのスライド時にアクティブメニューの下のマークがズレてしまうため上・下のフェードインは使わない
.item_top {
	top: 0px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}
.item_bottom {
	bottom: -100px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}
*/
.item_left {
	left: -80px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
	margin-right: 80px;
}
.item_right {
	right: -80px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
	margin-left: 20px;
}
.item_fade_in {
	right: 0px;
	opacity: 0;
	position: relative;
	padding-left: 0px;
}

}





/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {

}