@charset "UTF-8";


.bar_action{
  position: relative;
}

.bar_action .bar_zone{
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

.sub_nav_list .bar_action .bar_zone{
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}

.bar_action .bar_wrap{
  position: absolute;
  overflow:  hidden;
}

.bar_action .bar{
  position: absolute;
  display: block;
  background: #ffffff;
  z-index: 10;
}


/*  各自アクション */

/*  .bar_action .bar.bar01_01 */

.bar_action .bar.bar01_01{
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease 0.4s;
}

.bar_action .bar_wrap_01_01{
  overflow:  hidden;
  top : 0px;
  right: 0px;
  width: 100%;
  height: 1px;
  transition: width 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar01_01{
  width: 100%;
  transition: width 0.4s ease 0s;
}

.bar_action:hover .bar_wrap_01_01{
  width: 0;
  transition: width 0.4s ease 0.2s;
}

/*  .bar_action .bar.bar01_02 */

.bar_action .bar.bar01_02{
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease 0s;
}

.bar_action .bar_wrap_01_02{
  overflow:  hidden;
  top : 0px;
  left: 0px;
  width: 0;
  height: 1px;
  transition: width 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar01_02{
  width: 100%;
  transition: width 0.4s ease 0.2s;
}

.bar_action:hover .bar_wrap_01_02{
  width: 100%;
  transition: width 0.4s ease 0.4s;
}

/*  .bar_action .bar.bar02_01 */

.bar_action .bar.bar02_01{
  right: 0;
  top: 0;
  width: 1px;
  height: 0px;
  transition: height 0.4s ease 0.4s;
}

.bar_action .bar_wrap_02_01{
  overflow:  hidden;
  bottom : 0px;
  right: 0px;
  width: 1px;
  height: 100%;
  transition: height 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar02_01{
  height: 100%;
  transition: height 0.4s ease 0s;
}

.bar_action:hover .bar_wrap_02_01{
  height: 0;
  transition: height 0.4s ease 0.2s;
}

/*  .bar_action .bar.bar02_02 */

.bar_action .bar.bar02_02{
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
  transition: height 0.4s ease 0s;
}

.bar_action .bar_wrap_02_02{
  overflow:  hidden;
  top : 0px;
  right: 0px;
  width: 1px;
  height: 0;
  transition: height 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar02_02{
  height: 100%;
  transition: height 0.4s ease 0.2s;
}

.bar_action:hover .bar_wrap_02_02{
  height: 100%;
  transition: height 0.4s ease 0.4s;
}

/*  .bar_action .bar.bar03_01 */

.bar_action .bar.bar03_01{
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease 0.4s;
}

.bar_action .bar_wrap_03_01{
  overflow:  hidden;
  bottom : 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  transition: width 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar03_01{
  width: 100%;
  transition: width 0.4s ease 0s;
}

.bar_action:hover .bar_wrap_03_01{
  width: 0;
  transition: width 0.4s ease 0.2s;
}

/*  .bar_action .bar.bar03_02 */

.bar_action .bar.bar03_02{
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease 0s;
}

.bar_action .bar_wrap_03_02{
  overflow:  hidden;
  right: 0px;
  bottom: 0px;
  width: 0;
  height: 1px;
  transition: width 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar03_02{
  width: 100%;
  transition: width 0.4s ease 0.2s;
}

.bar_action:hover .bar_wrap_03_02{
  width: 100%;
  transition: width 0.4s ease 0.4s;
}

/*  .bar_action .bar.bar04_01 */

.bar_action .bar.bar04_01{
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0px;
  transition: height 0.4s ease 0.4s;
}

.bar_action .bar_wrap_04_01{
  overflow:  hidden;
  top : 0px;
  left: 0px;
  width: 1px;
  height: 100%;
  transition: height 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar04_01{
  height: 100%;
  transition: height 0.4s ease 0s;
}

.bar_action:hover .bar_wrap_04_01{
  height: 0;
  transition: height 0.4s ease 0.2s;
}

/*  .bar_action .bar.bar04_02 */

.bar_action .bar.bar04_02{
  left: 0;
  bottom: 0;
  width: 1px;
  height: 0;
  transition: height 0.4s ease 0s;
}

.bar_action .bar_wrap_04_02{
  overflow:  hidden;
  bottom : 0px;
  left: 0px;
  width: 1px;
  height: 0;
  transition: height 0.4s ease 0.2s;
}

.bar_action:hover .bar.bar04_02{
  height: 100%;
  transition: height 0.4s ease 0.2s;
}

.bar_action:hover .bar_wrap_04_02{
  height: 100%;
  transition: height 0.4s ease 0.4s;
}

/*  .hover_large  */

.hover_large{
  position: relative;
  overflow:  hidden;
}

.hover_large > *{
  position: relative;
  z-index: 3;
}

.hover_large:before{
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  -moz-transition: opacity 1s ease 0s;
  -o-transition: opacity 1s ease 0s;
  -ms-transition: opacity 1s ease 0s;
  -webkit-transition: opacity 1s ease 0s;
  transition: opacity 1s ease 0s;
}

.hover_large:hover:before{
  opacity: 1;
}

.hover_large .hover_img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transition: transform 1s ease 0s;
  -o-transition: transform 1s ease 0s;
  -ms-transition: transform 1s ease 0s;
  -webkit-transition: transform 1s ease 0s;
  transition: transform 1s ease 0s;
}

.hover_large:hover .hover_img{
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*  .move_anime */

.move_anime{
  transition: all 0.6s ease 0.05s;
	-webkit-transition: all 0.6s ease 0.05s;
	-moz-transition: all 0.6s ease 0.05s;
	-o-transition: all 0.6s ease 0.05s;
	-ms-transition: all 0.6s ease 0.05s; 
}


.move_anime.anime01{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -moz-transform: translate(0px, 60px);
  -o-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px); 
}

.move_anime.anime01.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.move_anime.anime02{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -moz-transform: translate(60px, 0px);
  -o-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

.move_anime.anime02.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.move_anime.anime03{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(-60px, 0px);
  -moz-transform: translate(-60px, 0px);
  -o-transform: translate(-60px, 0px);
  -ms-transform: translate(-60px, 0px);
  transform: translate(-60px, 0px);
}

.move_anime.anime04{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, -60px);
  -moz-transform: translate(0px, -60px);
  -o-transform: translate(0px, -60px);
  -ms-transform: translate(0px, -60px);
  transform: translate(0px, -60px); 
}


.move_anime.anime04.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.move_anime.anime05{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.move_anime.anime05.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.move_anime.anime03.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.delay0{
-moz-transition-delay:0s !important;
-webkit-transition-delay:0s !important;
-o-transition-delay:0s !important;
-ms-transition-delay:0s !important;
}

.delay100{
-moz-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
}

.delay200{
-moz-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
}

.delay300{
-moz-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
}

.delay400{
-moz-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
}

.delay500{
-moz-transition-delay:0.5s !important;
-webkit-transition-delay:0.5s !important;
-o-transition-delay:0.5s !important;
-ms-transition-delay:0.5s !important;
}

.delay600{
-moz-transition-delay:0.6s !important;
-webkit-transition-delay:0.6s !important;
-o-transition-delay:0.6s !important;
-ms-transition-delay:0.6s !important;
}

.delay700{
-moz-transition-delay:0.7s !important;
-webkit-transition-delay:0.7s !important;
-o-transition-delay:0.7s !important;
-ms-transition-delay:0.7s !important;
}

.delay800{
-moz-transition-delay:0.8s !important;
-webkit-transition-delay:0.8s !important;
-o-transition-delay:0.8s !important;
-ms-transition-delay:0.8s !important;
}

.delay900{
-moz-transition-delay:0.9s !important;
-webkit-transition-delay:0.9s !important;
-o-transition-delay:0.9s !important;
-ms-transition-delay:0.9s !important;
}

.delay1000{
-moz-transition-delay:1s !important;
-webkit-transition-delay:1s !important;
-o-transition-delay:1s !important;
-ms-transition-delay:1s !important;
}

/* .speed */

.speed0{
  -moz-transition-duration:0s !important;
  -webkit-transition-duration:0s !important;
  -o-transition-duration:0s !important;
  -ms-transition-duration:0s !important;
}

.speed100{
  -moz-transition-duration: 0.1s !important;
  -webkit-transition-duration: 0.1s !important;
  -o-transition-duration: 0.1s !important;
  -ms-transition-duration: 0.1s !important;
}

.speed200{
  -moz-transition-duration: 0.2s !important;
  -webkit-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
}

.speed300{
  -moz-transition-duration: 0.3s !important;
  -webkit-transition-duration: 0.3s !important;
  -o-transition-duration: 0.3s !important;
  -ms-transition-duration: 0.3s !important;
}

.speed400{
  -moz-transition-duration: 0.4s !important;
  -webkit-transition-duration: 0.4s !important;
  -o-transition-duration: 0.4s !important;
  -ms-transition-duration: 0.4s !important;
}

.speed500{
  -moz-transition-duration: 0.5s !important;
  -webkit-transition-duration: 0.5s !important;
  -o-transition-duration: 0.5s !important;
  -ms-transition-duration: 0.5s !important;
}

.speed600{
  -moz-transition-duration: 0.6s !important;
  -webkit-transition-duration: 0.6s !important;
  -o-transition-duration: 0.6s !important;
  -ms-transition-duration: 0.6s !important;
}

.speed700{
  -moz-transition-duration: 0.7s !important;
  -webkit-transition-duration: 0.7s !important;
  -o-transition-duration: 0.7s !important;
  -ms-transition-duration: 0.7s !important;
}

.speed800{
  -moz-transition-duration: 0.8s !important;
  -webkit-transition-duration: 0.8s !important;
  -o-transition-duration: 0.8s !important;
  -ms-transition-duration: 0.8s !important;
}

.speed900{
  -moz-transition-duration: 0.9s !important;
  -webkit-transition-duration: 0.9s !important;
  -o-transition-duration: 0.9s !important;
  -ms-transition-duration: 0.9s !important;
}

.speed1000{
  -moz-transition-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  -ms-transition-duration: 1s !important;
}

.speed1100{
  -moz-transition-duration: 1.1s !important;
  -webkit-transition-duration: 1.1s !important;
  -o-transition-duration: 1.1s !important;
  -ms-transition-duration: 1.1s !important;
}

.speed1200{
  -moz-transition-duration: 1.2s !important;
  -webkit-transition-duration: 1.2s !important;
  -o-transition-duration: 1.2s !important;
  -ms-transition-duration: 1.2s !important;
}

.speed1300{
  -moz-transition-duration: 1.3s !important;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s !important;
  -ms-transition-duration: 1.3s !important;
}

.speed1400{
  -moz-transition-duration: 1.4s !important;
  -webkit-transition-duration: 1.4s !important;
  -o-transition-duration: 1.4s !important;
  -ms-transition-duration: 1.4s !important;
}

.speed1500{
  -moz-transition-duration: 1.5s !important;
  -webkit-transition-duration: 1.5s !important;
  -o-transition-duration: 1.5s !important;
  -ms-transition-duration: 1.5s !important;
}

.speed1600{
  -moz-transition-duration: 1.6s !important;
  -webkit-transition-duration: 1.6s !important;
  -o-transition-duration: 1.6s !important;
  -ms-transition-duration: 1.6s !important;
}

.speed1700{
  -moz-transition-duration: 1.7s !important;
  -webkit-transition-duration: 1.7s !important;
  -o-transition-duration: 1.7s !important;
  -ms-transition-duration: 1.7s !important;
}

.speed1800{
  -moz-transition-duration: 1.8s !important;
  -webkit-transition-duration: 1.8s !important;
  -o-transition-duration: 1.8s !important;
  -ms-transition-duration: 1.8s !important;
}

.speed1900{
  -moz-transition-duration: 1.9s !important;
  -webkit-transition-duration: 1.9s !important;
  -o-transition-duration: 1.9s !important;
  -ms-transition-duration: 1.9s !important;
}

.speed2000{
  -moz-transition-duration: 2s !important;
  -webkit-transition-duration: 2s !important;
  -o-transition-duration: 2s !important;
  -ms-transition-duration: 2s !important;
}

/* pc */
@media all and (min-width: 901px) {
  .pc_move_anime{
  transition: all 0.8s ease 0.1s;
	-webkit-transition: all 0.8s ease 0.1s;
	-moz-transition: all 0.8s ease 0.1s;
	-o-transition: all 0.8s ease 0.1s;
	-ms-transition: all 0.8s ease 0.1s; 
}

.pc_move_anime.anime01{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, 30px);
  -moz-transform: translate(0px, 30px);
  -o-transform: translate(0px, 30px);
  -ms-transform: translate(0px, 30px);
  transform: translate(0px, 30px); 
}

.pc_move_anime.anime01.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.pc_move_anime.anime02{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(30px, 0px);
  -moz-transform: translate(30px, 0px);
  -o-transform: translate(30px, 0px);
  -ms-transform: translate(30px, 0px);
  transform: translate(30px, 0px);
}

.pc_move_anime.anime02.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.pc_move_anime.anime03{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -moz-transform: translate(-30px, 0px);
  -o-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

.pc_move_anime.anime03.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}
  
.pc_move_anime.anime04{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, -30px);
  -moz-transform: translate(0px, -30px);
  -o-transform: translate(0px, -30px);
  -ms-transform: translate(0px, -30px);
  transform: translate(0px, -30px); 
}

.pc_move_anime.anime04.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}
  
.pc_move_anime.anime05{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.pc_move_anime.anime05.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pc_delay0{
-moz-transition-delay:0s !important;
-webkit-transition-delay:0s !important;
-o-transition-delay:0s !important;
-ms-transition-delay:0s !important;
}

.pc_delay100{
-moz-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
}

.pc_delay200{
-moz-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
}

.pc_delay300{
-moz-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
}

.pc_delay400{
-moz-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
}

.pc_delay500{
-moz-transition-delay:0.5s !important;
-webkit-transition-delay:0.5s !important;
-o-transition-delay:0.5s !important;
-ms-transition-delay:0.5s !important;
}

.pc_delay600{
-moz-transition-delay:0.6s !important;
-webkit-transition-delay:0.6s !important;
-o-transition-delay:0.6s !important;
-ms-transition-delay:0.6s !important;
}

.pc_delay700{
-moz-transition-delay:0.7s !important;
-webkit-transition-delay:0.7s !important;
-o-transition-delay:0.7s !important;
-ms-transition-delay:0.7s !important;
}

.pc_delay800{
-moz-transition-delay:0.8s !important;
-webkit-transition-delay:0.8s !important;
-o-transition-delay:0.8s !important;
-ms-transition-delay:0.8s !important;
}

.pc_delay900{
-moz-transition-delay:0.9s !important;
-webkit-transition-delay:0.9s !important;
-o-transition-delay:0.9s !important;
-ms-transition-delay:0.9s !important;
}

.pc_delay1000{
-moz-transition-delay:1s !important;
-webkit-transition-delay:1s !important;
-o-transition-delay:1s !important;
-ms-transition-delay:1s !important;
}
  
.pc_speed0{
  -moz-transition-duration:0s !important;
  -webkit-transition-duration:0s !important;
  -o-transition-duration:0s !important;
  -ms-transition-duration:0s !important;
}

.pc_speed100{
  -moz-transition-duration: 0.1s !important;
  -webkit-transition-duration: 0.1s !important;
  -o-transition-duration: 0.1s !important;
  -ms-transition-duration: 0.1s !important;
}

.pc_speed200{
  -moz-transition-duration: 0.2s !important;
  -webkit-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
}

.pc_speed300{
  -moz-transition-duration: 0.3s !important;
  -webkit-transition-duration: 0.3s !important;
  -o-transition-duration: 0.3s !important;
  -ms-transition-duration: 0.3s !important;
}

.pc_speed400{
  -moz-transition-duration: 0.4s !important;
  -webkit-transition-duration: 0.4s !important;
  -o-transition-duration: 0.4s !important;
  -ms-transition-duration: 0.4s !important;
}

.pc_speed500{
  -moz-transition-duration: 0.5s !important;
  -webkit-transition-duration: 0.5s !important;
  -o-transition-duration: 0.5s !important;
  -ms-transition-duration: 0.5s !important;
}

.pc_speed600{
  -moz-transition-duration: 0.6s !important;
  -webkit-transition-duration: 0.6s !important;
  -o-transition-duration: 0.6s !important;
  -ms-transition-duration: 0.6s !important;
}

.pc_speed700{
  -moz-transition-duration: 0.7s !important;
  -webkit-transition-duration: 0.7s !important;
  -o-transition-duration: 0.7s !important;
  -ms-transition-duration: 0.7s !important;
}

.pc_speed800{
  -moz-transition-duration: 0.8s !important;
  -webkit-transition-duration: 0.8s !important;
  -o-transition-duration: 0.8s !important;
  -ms-transition-duration: 0.8s !important;
}

.pc_speed900{
  -moz-transition-duration: 0.9s !important;
  -webkit-transition-duration: 0.9s !important;
  -o-transition-duration: 0.9s !important;
  -ms-transition-duration: 0.9s !important;
}

.pc_speed1000{
  -moz-transition-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  -ms-transition-duration: 1s !important;
}

.pc_speed1100{
  -moz-transition-duration: 1.1s !important;
  -webkit-transition-duration: 1.1s !important;
  -o-transition-duration: 1.1s !important;
  -ms-transition-duration: 1.1s !important;
}

.pc_speed1200{
  -moz-transition-duration: 1.2s !important;
  -webkit-transition-duration: 1.2s !important;
  -o-transition-duration: 1.2s !important;
  -ms-transition-duration: 1.2s !important;
}

.pc_speed1300{
  -moz-transition-duration: 1.3s !important;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s !important;
  -ms-transition-duration: 1.3s !important;
}

.pc_speed1400{
  -moz-transition-duration: 1.4s !important;
  -webkit-transition-duration: 1.4s !important;
  -o-transition-duration: 1.4s !important;
  -ms-transition-duration: 1.4s !important;
}

.pc_speed1500{
  -moz-transition-duration: 1.5s !important;
  -webkit-transition-duration: 1.5s !important;
  -o-transition-duration: 1.5s !important;
  -ms-transition-duration: 1.5s !important;
}

.pc_speed1600{
  -moz-transition-duration: 1.6s !important;
  -webkit-transition-duration: 1.6s !important;
  -o-transition-duration: 1.6s !important;
  -ms-transition-duration: 1.6s !important;
}

.pc_speed1700{
  -moz-transition-duration: 1.7s !important;
  -webkit-transition-duration: 1.7s !important;
  -o-transition-duration: 1.7s !important;
  -ms-transition-duration: 1.7s !important;
}

.pc_speed1800{
  -moz-transition-duration: 1.8s !important;
  -webkit-transition-duration: 1.8s !important;
  -o-transition-duration: 1.8s !important;
  -ms-transition-duration: 1.8s !important;
}

.pc_speed1900{
  -moz-transition-duration: 1.9s !important;
  -webkit-transition-duration: 1.9s !important;
  -o-transition-duration: 1.9s !important;
  -ms-transition-duration: 1.9s !important;
}

.pc_speed2000{
  -moz-transition-duration: 2s !important;
  -webkit-transition-duration: 2s !important;
  -o-transition-duration: 2s !important;
  -ms-transition-duration: 2s !important;
}
  
  
}

/* pad */
@media all and (min-width: 701px) and (max-width: 900px) {
  .pad_move_anime{
  transition: all 0.8s ease 0.1s;
	-webkit-transition: all 0.8s ease 0.1s;
	-moz-transition: all 0.8s ease 0.1s;
	-o-transition: all 0.8s ease 0.1s;
	-ms-transition: all 0.8s ease 0.1s; 
}

.pad_move_anime.anime01{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, 30px);
  -moz-transform: translate(0px, 30px);
  -o-transform: translate(0px, 30px);
  -ms-transform: translate(0px, 30px);
  transform: translate(0px, 30px); 
}

.pad_move_anime.anime01.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.pad_move_anime.anime02{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(30px, 0px);
  -moz-transform: translate(30px, 0px);
  -o-transform: translate(30px, 0px);
  -ms-transform: translate(30px, 0px);
  transform: translate(30px, 0px);
}

.pad_move_anime.anime02.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.pad_move_anime.anime03{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -moz-transform: translate(-30px, 0px);
  -o-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

.pad_move_anime.anime03.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}
  
.pad_move_anime.anime04{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, -30px);
  -moz-transform: translate(0px, -30px);
  -o-transform: translate(0px, -30px);
  -ms-transform: translate(0px, -30px);
  transform: translate(0px, -30px); 
}

.pad_move_anime.anime04.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}
  
.pad_move_anime.anime05{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.pad_move_anime.anime05.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pad_delay0{
-moz-transition-delay:0s !important;
-webkit-transition-delay:0s !important;
-o-transition-delay:0s !important;
-ms-transition-delay:0s !important;
}

.pad_delay100{
-moz-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
}

.pad_delay200{
-moz-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
}

.pad_delay300{
-moz-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
}

.pad_delay400{
-moz-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
}

.pad_delay500{
-moz-transition-delay:0.5s !important;
-webkit-transition-delay:0.5s !important;
-o-transition-delay:0.5s !important;
-ms-transition-delay:0.5s !important;
}

.pad_delay600{
-moz-transition-delay:0.6s !important;
-webkit-transition-delay:0.6s !important;
-o-transition-delay:0.6s !important;
-ms-transition-delay:0.6s !important;
}

.pad_delay700{
-moz-transition-delay:0.7s !important;
-webkit-transition-delay:0.7s !important;
-o-transition-delay:0.7s !important;
-ms-transition-delay:0.7s !important;
}

.pad_delay800{
-moz-transition-delay:0.8s !important;
-webkit-transition-delay:0.8s !important;
-o-transition-delay:0.8s !important;
-ms-transition-delay:0.8s !important;
}

.pad_delay900{
-moz-transition-delay:0.9s !important;
-webkit-transition-delay:0.9s !important;
-o-transition-delay:0.9s !important;
-ms-transition-delay:0.9s !important;
}

.pad_delay1000{
-moz-transition-delay:1s !important;
-webkit-transition-delay:1s !important;
-o-transition-delay:1s !important;
-ms-transition-delay:1s !important;
}
  
.pad_speed0{
  -moz-transition-duration:0s !important;
  -webkit-transition-duration:0s !important;
  -o-transition-duration:0s !important;
  -ms-transition-duration:0s !important;
}

.pad_speed100{
  -moz-transition-duration: 0.1s !important;
  -webkit-transition-duration: 0.1s !important;
  -o-transition-duration: 0.1s !important;
  -ms-transition-duration: 0.1s !important;
}

.pad_speed200{
  -moz-transition-duration: 0.2s !important;
  -webkit-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
}

.pad_speed300{
  -moz-transition-duration: 0.3s !important;
  -webkit-transition-duration: 0.3s !important;
  -o-transition-duration: 0.3s !important;
  -ms-transition-duration: 0.3s !important;
}

.pad_speed400{
  -moz-transition-duration: 0.4s !important;
  -webkit-transition-duration: 0.4s !important;
  -o-transition-duration: 0.4s !important;
  -ms-transition-duration: 0.4s !important;
}

.pad_speed500{
  -moz-transition-duration: 0.5s !important;
  -webkit-transition-duration: 0.5s !important;
  -o-transition-duration: 0.5s !important;
  -ms-transition-duration: 0.5s !important;
}

.pad_speed600{
  -moz-transition-duration: 0.6s !important;
  -webkit-transition-duration: 0.6s !important;
  -o-transition-duration: 0.6s !important;
  -ms-transition-duration: 0.6s !important;
}

.pad_speed700{
  -moz-transition-duration: 0.7s !important;
  -webkit-transition-duration: 0.7s !important;
  -o-transition-duration: 0.7s !important;
  -ms-transition-duration: 0.7s !important;
}

.pad_speed800{
  -moz-transition-duration: 0.8s !important;
  -webkit-transition-duration: 0.8s !important;
  -o-transition-duration: 0.8s !important;
  -ms-transition-duration: 0.8s !important;
}

.pad_speed900{
  -moz-transition-duration: 0.9s !important;
  -webkit-transition-duration: 0.9s !important;
  -o-transition-duration: 0.9s !important;
  -ms-transition-duration: 0.9s !important;
}

.pad_speed1000{
  -moz-transition-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  -ms-transition-duration: 1s !important;
}

.pad_speed1100{
  -moz-transition-duration: 1.1s !important;
  -webkit-transition-duration: 1.1s !important;
  -o-transition-duration: 1.1s !important;
  -ms-transition-duration: 1.1s !important;
}

.pad_speed1200{
  -moz-transition-duration: 1.2s !important;
  -webkit-transition-duration: 1.2s !important;
  -o-transition-duration: 1.2s !important;
  -ms-transition-duration: 1.2s !important;
}

.pad_speed1300{
  -moz-transition-duration: 1.3s !important;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s !important;
  -ms-transition-duration: 1.3s !important;
}

.pad_speed1400{
  -moz-transition-duration: 1.4s !important;
  -webkit-transition-duration: 1.4s !important;
  -o-transition-duration: 1.4s !important;
  -ms-transition-duration: 1.4s !important;
}

.pad_speed1500{
  -moz-transition-duration: 1.5s !important;
  -webkit-transition-duration: 1.5s !important;
  -o-transition-duration: 1.5s !important;
  -ms-transition-duration: 1.5s !important;
}

.pad_speed1600{
  -moz-transition-duration: 1.6s !important;
  -webkit-transition-duration: 1.6s !important;
  -o-transition-duration: 1.6s !important;
  -ms-transition-duration: 1.6s !important;
}

.pad_speed1700{
  -moz-transition-duration: 1.7s !important;
  -webkit-transition-duration: 1.7s !important;
  -o-transition-duration: 1.7s !important;
  -ms-transition-duration: 1.7s !important;
}

.pad_speed1800{
  -moz-transition-duration: 1.8s !important;
  -webkit-transition-duration: 1.8s !important;
  -o-transition-duration: 1.8s !important;
  -ms-transition-duration: 1.8s !important;
}

.pad_speed1900{
  -moz-transition-duration: 1.9s !important;
  -webkit-transition-duration: 1.9s !important;
  -o-transition-duration: 1.9s !important;
  -ms-transition-duration: 1.9s !important;
}

.pad_speed2000{
  -moz-transition-duration: 2s !important;
  -webkit-transition-duration: 2s !important;
  -o-transition-duration: 2s !important;
  -ms-transition-duration: 2s !important;
}  
  
}


/* sp */
@media all and (max-width: 700px) {
  .sp_move_anime{
  transition: all 0.8s ease 0.1s;
	-webkit-transition: all 0.8s ease 0.1s;
	-moz-transition: all 0.8s ease 0.1s;
	-o-transition: all 0.8s ease 0.1s;
	-ms-transition: all 0.8s ease 0.1s; 
}

.sp_move_anime.anime01{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, 30px);
  -moz-transform: translate(0px, 30px);
  -o-transform: translate(0px, 30px);
  -ms-transform: translate(0px, 30px);
  transform: translate(0px, 30px); 
}

.sp_move_anime.anime01.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.sp_move_anime.anime02{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(30px, 0px);
  -moz-transform: translate(30px, 0px);
  -o-transform: translate(30px, 0px);
  -ms-transform: translate(30px, 0px);
  transform: translate(30px, 0px);
}

.sp_move_anime.anime02.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}

.sp_move_anime.anime03{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(-30px, 0px);
  -moz-transform: translate(-30px, 0px);
  -o-transform: translate(-30px, 0px);
  -ms-transform: translate(-30px, 0px);
  transform: translate(-30px, 0px);
}

.sp_move_anime.anime03.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}
  
.sp_move_anime.anime04{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  -webkit-transform: translate(0px, -30px);
  -moz-transform: translate(0px, -30px);
  -o-transform: translate(0px, -30px);
  -ms-transform: translate(0px, -30px);
  transform: translate(0px, -30px); 
}

.sp_move_anime.anime04.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); 
}
  
.sp_move_anime.anime05{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.sp_move_anime.anime05.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.sp_delay0{
-moz-transition-delay:0s !important;
-webkit-transition-delay:0s !important;
-o-transition-delay:0s !important;
-ms-transition-delay:0s !important;
}

.sp_delay100{
-moz-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
}

.sp_delay200{
-moz-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
}

.sp_delay300{
-moz-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
}

.sp_delay400{
-moz-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
}

.sp_delay500{
-moz-transition-delay:0.5s !important;
-webkit-transition-delay:0.5s !important;
-o-transition-delay:0.5s !important;
-ms-transition-delay:0.5s !important;
}

.sp_delay600{
-moz-transition-delay:0.6s !important;
-webkit-transition-delay:0.6s !important;
-o-transition-delay:0.6s !important;
-ms-transition-delay:0.6s !important;
}

.sp_delay700{
-moz-transition-delay:0.7s !important;
-webkit-transition-delay:0.7s !important;
-o-transition-delay:0.7s !important;
-ms-transition-delay:0.7s !important;
}

.sp_delay800{
-moz-transition-delay:0.8s !important;
-webkit-transition-delay:0.8s !important;
-o-transition-delay:0.8s !important;
-ms-transition-delay:0.8s !important;
}

.sp_delay900{
-moz-transition-delay:0.9s !important;
-webkit-transition-delay:0.9s !important;
-o-transition-delay:0.9s !important;
-ms-transition-delay:0.9s !important;
}

.sp_delay1000{
-moz-transition-delay:1s !important;
-webkit-transition-delay:1s !important;
-o-transition-delay:1s !important;
-ms-transition-delay:1s !important;
}

.sp_speed0{
  -moz-transition-duration:0s !important;
  -webkit-transition-duration:0s !important;
  -o-transition-duration:0s !important;
  -ms-transition-duration:0s !important;
}

.sp_speed100{
  -moz-transition-duration: 0.1s !important;
  -webkit-transition-duration: 0.1s !important;
  -o-transition-duration: 0.1s !important;
  -ms-transition-duration: 0.1s !important;
}

.sp_speed200{
  -moz-transition-duration: 0.2s !important;
  -webkit-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
}

.sp_speed300{
  -moz-transition-duration: 0.3s !important;
  -webkit-transition-duration: 0.3s !important;
  -o-transition-duration: 0.3s !important;
  -ms-transition-duration: 0.3s !important;
}

.sp_speed400{
  -moz-transition-duration: 0.4s !important;
  -webkit-transition-duration: 0.4s !important;
  -o-transition-duration: 0.4s !important;
  -ms-transition-duration: 0.4s !important;
}

.sp_speed500{
  -moz-transition-duration: 0.5s !important;
  -webkit-transition-duration: 0.5s !important;
  -o-transition-duration: 0.5s !important;
  -ms-transition-duration: 0.5s !important;
}

.sp_speed600{
  -moz-transition-duration: 0.6s !important;
  -webkit-transition-duration: 0.6s !important;
  -o-transition-duration: 0.6s !important;
  -ms-transition-duration: 0.6s !important;
}

.sp_speed700{
  -moz-transition-duration: 0.7s !important;
  -webkit-transition-duration: 0.7s !important;
  -o-transition-duration: 0.7s !important;
  -ms-transition-duration: 0.7s !important;
}

.sp_speed800{
  -moz-transition-duration: 0.8s !important;
  -webkit-transition-duration: 0.8s !important;
  -o-transition-duration: 0.8s !important;
  -ms-transition-duration: 0.8s !important;
}

.sp_speed900{
  -moz-transition-duration: 0.9s !important;
  -webkit-transition-duration: 0.9s !important;
  -o-transition-duration: 0.9s !important;
  -ms-transition-duration: 0.9s !important;
}

.sp_speed1000{
  -moz-transition-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  -ms-transition-duration: 1s !important;
}

.sp_speed1100{
  -moz-transition-duration: 1.1s !important;
  -webkit-transition-duration: 1.1s !important;
  -o-transition-duration: 1.1s !important;
  -ms-transition-duration: 1.1s !important;
}

.sp_speed1200{
  -moz-transition-duration: 1.2s !important;
  -webkit-transition-duration: 1.2s !important;
  -o-transition-duration: 1.2s !important;
  -ms-transition-duration: 1.2s !important;
}

.sp_speed1300{
  -moz-transition-duration: 1.3s !important;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s !important;
  -ms-transition-duration: 1.3s !important;
}

.sp_speed1400{
  -moz-transition-duration: 1.4s !important;
  -webkit-transition-duration: 1.4s !important;
  -o-transition-duration: 1.4s !important;
  -ms-transition-duration: 1.4s !important;
}

.sp_speed1500{
  -moz-transition-duration: 1.5s !important;
  -webkit-transition-duration: 1.5s !important;
  -o-transition-duration: 1.5s !important;
  -ms-transition-duration: 1.5s !important;
}

.sp_speed1600{
  -moz-transition-duration: 1.6s !important;
  -webkit-transition-duration: 1.6s !important;
  -o-transition-duration: 1.6s !important;
  -ms-transition-duration: 1.6s !important;
}

.sp_speed1700{
  -moz-transition-duration: 1.7s !important;
  -webkit-transition-duration: 1.7s !important;
  -o-transition-duration: 1.7s !important;
  -ms-transition-duration: 1.7s !important;
}

.sp_speed1800{
  -moz-transition-duration: 1.8s !important;
  -webkit-transition-duration: 1.8s !important;
  -o-transition-duration: 1.8s !important;
  -ms-transition-duration: 1.8s !important;
}

.sp_speed1900{
  -moz-transition-duration: 1.9s !important;
  -webkit-transition-duration: 1.9s !important;
  -o-transition-duration: 1.9s !important;
  -ms-transition-duration: 1.9s !important;
}

.sp_speed2000{
  -moz-transition-duration: 2s !important;
  -webkit-transition-duration: 2s !important;
  -o-transition-duration: 2s !important;
  -ms-transition-duration: 2s !important;
}
  
  
}

/* pad以下 */
@media all and (max-width: 950px) {
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
}

/* sp */
@media all and (max-width: 700px) {
}