/*
//************************************************************************
	Style Sheet アニメーション用
//************************************************************************
*/

/* ヘッダー 各種リンク */
/*
#headerMoreLinkConts:hover > div{
	display:block;
	animation:         animation_headerMoreLinkConts 0.3s linear 0s forwards;
	-ms-animation:     animation_headerMoreLinkConts 0.3s linear 0s forwards;
	-webkit-animation: animation_headerMoreLinkConts 0.3s linear 0s forwards;
	-moz-animation:    animation_headerMoreLinkConts 0.3s linear 0s forwards;
}
	@keyframes animation_headerMoreLinkConts {
	  0%       {margin-top:-10px;}
	  99.9%,to {margin-top:0px;}
	}
	@-ms-keyframes animation_headerMoreLinkConts {
	  0%       {margin-top:-10px;}
	  99.9%,to {margin-top:0px;}
	}
	@-webkit-keyframes "animation_headerMoreLinkConts" {
	  0%       {margin-top:-10px;}
	  99.9%,to {margin-top:0px;}
	}
	@-moz-keyframes animation_headerMoreLinkConts {
	  0%       {margin-top:-10px;}
	  99.9%,to {margin-top:0px;}
	}
*/

/*  */
#maintenanceConts{
	background:rgba(255,255,200, 1);
	animation:         animation_maintenanceConts 1.0s linear 0s infinite alternate;
	-ms-animation:     animation_maintenanceConts 1.0s linear 0s infinite alternate;
	-webkit-animation: animation_maintenanceConts 1.0s linear 0s infinite alternate;
	-moz-animation:    animation_maintenanceConts 1.0s linear 0s infinite alternate;
}
	@keyframes animation_maintenanceConts {
	  0%       {background:rgba(255,255,200, 1);}
	  99.9%,to {background:rgba(255,255,230, 0.9);}
	}
	@-ms-keyframes animation_maintenanceConts {
	  0%       {background:rgba(255,255,200, 1);}
	  99.9%,to {background:rgba(255,255,230, 0.9);}
	}
	@-webkit-keyframes "animation_maintenanceConts" {
	  0%       {background:rgba(255,255,200, 1);}
	  99.9%,to {background:rgba(255,255,230, 0.9);}
	}
	@-moz-keyframes animation_maintenanceConts {
	  0%       {background:rgba(255,255,200, 1);}
	  99.9%,to {background:rgba(255,255,230, 0.9);}
	}


/* ルームのliを光らす */
.anim-roomLiFlash:after{
	content:"　";
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	animation:         animation_anim-roomLiFlash 0.7s ease 0s 1;
	-ms-animation:     animation_anim-roomLiFlash 0.7s ease 0s 1;
	-webkit-animation: animation_anim-roomLiFlash 0.7s ease 0s 1;
	-moz-animation:    animation_anim-roomLiFlash 0.7s ease 0s 1;
}
	@keyframes animation_anim-roomLiFlash {
	  0%       {background:rgba(255,255,100, 0);}
	  50%      {background:rgba(255,255,100, 0.8);}
	  99.9%,to {background:rgba(255,255,100, 0);}
	}
	@-ms-keyframes animation_anim-roomLiFlash {
	  0%       {background:rgba(255,255,100, 0);}
	  50%      {background:rgba(255,255,100, 0.8);}
	  99.9%,to {background:rgba(255,255,100, 0);}
	}
	@-webkit-keyframes "animation_anim-roomLiFlash" {
	  0%       {background:rgba(255,255,100, 0);}
	  50%      {background:rgba(255,255,100, 0.8);}
	  99.9%,to {background:rgba(255,255,100, 0);}
	}
	@-moz-keyframes animation_anim-roomLiFlash {
	  0%       {background:rgba(255,255,100, 0);}
	  50%      {background:rgba(255,255,100, 0.8);}
	  99.9%,to {background:rgba(255,255,100, 0);}
	}






/*---------------------------------------------------------------------------------------------*/
/* 来客アラート */
/*---------------------------------------------------------------------------------------------*/
/* 黒背景 */
#visitorAlertContsA_B.moving:before{
	animation:         visitorAlertContsA_B_moving 5.0s linear 0s forwards;
	-ms-animation:     visitorAlertContsA_B_moving 5.0s linear 0s forwards;
	-webkit-animation: visitorAlertContsA_B_moving 5.0s linear 0s forwards;
	-moz-animation:    visitorAlertContsA_B_moving 5.0s linear 0s forwards;
}
	@keyframes visitorAlertContsA_B_moving {
	  0%       {transform:rotate(-3deg);}
	  99.9%,to {transform:rotate(-7deg);}
	}
	@-ms-keyframes visitorAlertContsA_B_moving {
	  0%       {-ms-transform:rotate(-3deg);}
	  99.9%,to {-ms-transform:rotate(-7deg);}
	}
	@-webkit-keyframes "visitorAlertContsA_B_moving" {
	  0%       {-webkit-transform:rotate(-3deg);}
	  99.9%,to {-webkit-transform:rotate(-7deg);}
	}
	@-moz-keyframes visitorAlertContsA_B_moving {
	  0%       {-moz-transform:rotate(-3deg);}
	  99.9%,to {-moz-transform:rotate(-7deg);}
	}








#yalertConts{
	animation:         animation_yalertConts 0.7s linear 0s infinite alternate;
	-ms-animation:     animation_yalertConts 0.7s linear 0s infinite alternate;
	-webkit-animation: animation_yalertConts 0.7s linear 0s infinite alternate;
	-moz-animation:    animation_yalertConts 0.7s linear 0s infinite alternate;
}
	@keyframes animation_yalertConts {
	  0%       {background:rgba(255,0,0, 0.0);}
	  99.9%,to {background:rgba(255,0,0, 0.5);}
	}
	@-ms-keyframes animation_yalertConts {
	  0%       {background:rgba(255,0,0, 0.0);}
	  99.9%,to {background:rgba(255,0,0, 0.5);}
	}
	@-webkit-keyframes "animation_yalertConts" {
	  0%       {background:rgba(255,0,0, 0.0);}
	  99.9%,to {background:rgba(255,0,0, 0.5);}
	}
	@-moz-keyframes animation_yalertConts {
	  0%       {background:rgba(255,0,0, 0.0);}
	  99.9%,to {background:rgba(255,0,0, 0.5);}
	}
/* Yアラート タイトル */
#yalertTitle{
	animation:         animation_yalertTitle 0.7s linear 0s forwards;
	-ms-animation:     animation_yalertTitle 0.7s linear 0s forwards;
	-webkit-animation: animation_yalertTitle 0.7s linear 0s forwards;
	-moz-animation:    animation_yalertTitle 0.7s linear 0s forwards;
}
	@keyframes animation_yalertTitle {
	  0%       {transform:scale(0.0, 0.1);}
	  40%      {transform:scale(1.0, 0.1);}
	  99.9%,to {transform:scale(1.0, 1.0);}
	}
	@-ms-keyframes animation_yalertTitle {
	  0%       {-ms-transform:scale(0.0, 0.1);}
	  40%      {-ms-transform:scale(1.0, 0.1);}
	  99.9%,to {-ms-transform:scale(1.0, 1.0);}
	}
	@-webkit-keyframes "animation_yalertTitle" {
	  0%       {-webkit-transform:scale(0.0, 0.1);}
	  40%      {-webkit-transform:scale(1.0, 0.1);}
	  99.9%,to {-webkit-transform:scale(1.0, 1.0);}
	}
	@-moz-keyframes animation_yalertTitle {
	  0%       {-moz-transform:scale(0.0, 0.1);}
	  40%      {-moz-transform:scale(1.0, 0.1);}
	  99.9%,to {-moz-transform:scale(1.0, 1.0);}
	}
/* Yアラート デンジャー */
#yalertImg img{
	opacity:0;
	animation:         animation_yalertContsImg 0.7s ease 0s forwards;
	-ms-animation:     animation_yalertContsImg 0.7s ease 0s forwards;
	-webkit-animation: animation_yalertContsImg 0.7s ease 0s forwards;
	-moz-animation:    animation_yalertContsImg 0.7s ease 0s forwards;
}
	@keyframes animation_yalertContsImg {
	  0%       {opacity:0;}
	  99.9%,to {opacity:1;}
	}
	@-ms-keyframes animation_yalertContsImg {
	  0%       {opacity:0;}
	  99.9%,to {opacity:1;}
	}
	@-webkit-keyframes "animation_yalertContsImg" {
	  0%       {opacity:0;}
	  99.9%,to {opacity:1;}
	}
	@-moz-keyframes animation_yalertContsImg {
	  0%       {opacity:0;}
	  99.9%,to {opacity:1;}
	}
/* Yアラート デンジャーエフェクト */
#yalertImg img.blur{
	opacity:1;
	animation:         animation_yalertContsImgEff 0.7s ease-in-out 0s infinite;
	-ms-animation:     animation_yalertContsImgEff 0.7s ease-in-out 0s infinite;
	-webkit-animation: animation_yalertContsImgEff 0.7s ease-in-out 0s infinite;
	-moz-animation:    animation_yalertContsImgEff 0.7s ease-in-out 0s infinite;
}
	@keyframes animation_yalertContsImgEff {
	  0%       {opacity:1; transform:scale(1.0);}
	  99.9%,to {opacity:0; transform:scale(1.1);}
	}
	@-ms-keyframes animation_yalertContsImgEff {
	  0%       {opacity:1; -ms-transform:scale(1.0);}
	  99.9%,to {opacity:0; -ms-transform:scale(1.1);}
	}
	@-webkit-keyframes "animation_yalertContsImgEff" {
	  0%       {opacity:1; -webkit-transform:scale(1.0);}
	  99.9%,to {opacity:0; -webkit-transform:scale(1.1);}
	}
	@-moz-keyframes animation_yalertContsImgEff {
	  0%       {opacity:1; -moz-transform:scale(1.0);}
	  99.9%,to {opacity:0; -moz-transform:scale(1.1);}
	}

/* Yアラート 閉じる演出 */
#yalertConts.close{
	animation:         animation_yalertContsClose 0.15s ease 0s forwards;
	-ms-animation:     animation_yalertContsClose 0.15s ease 0s forwards;
	-webkit-animation: animation_yalertContsClose 0.15s ease 0s forwards;
	-moz-animation:    animation_yalertContsClose 0.15s ease 0s forwards;
}
	@keyframes animation_yalertContsClose {
	  0%       {opacity:1; transform:scale(1.0, 1.0);}
	  99.9%,to {opacity:1; transform:scale(1.0, 0.0);}
	}
	@-ms-keyframes animation_yalertContsClose {
	  0%       {opacity:1; -ms-transform:scale(1.0, 1.0);}
	  99.9%,to {opacity:1; -ms-transform:scale(1.0, 0.0);}
	}
	@-webkit-keyframes "animation_yalertContsClose" {
	  0%       {opacity:1; -webkit-transform:scale(1.0, 1.0);}
	  99.9%,to {opacity:1; -webkit-transform:scale(1.0, 0.0);}
	}
	@-moz-keyframes animation_yalertContsClose {
	  0%       {opacity:1; -moz-transform:scale(1.0, 1.0);}
	  99.9%,to {opacity:1; -moz-transform:scale(1.0, 0.0);}
	}







/*
//===========================================================================
//     タブレット用 (画面の横幅が768pxまで)
//===========================================================================
*/
@media screen and (max-width: 768px){
	
}