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



/*===========================================================
   PC・スマートフォン共通
===========================================================*/




/*===========================================================
   PC・スマートフォン共通ここまで
===========================================================*/


/*===========================================================
   PCここから
===========================================================*/
@media screen and (min-width: 768px) {

/*20181128*/
#product .kv_smf_m img.blade {
	-webkit-animation: roll_smf_m_new 9s linear infinite;
	animation: roll_smf_m_new 9s linear infinite;
/*  max-width: 70%;
  top: 60px; */
  max-width: 66%;
  top: 70px;
  left: -5px;
}
@keyframes roll_smf_m_new {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(360deg); }
/*  62.5%{
    transform: rotate(540deg); }*/
  75% {
    transform: rotate(1080deg); }
/*  87.5%{
    transform: rotate(1260deg); }*/
  100% {
    transform: rotate(1440deg); }
  }
  #product .product-box img.fan{
  	margin-top: 70px;
    left: 0px;
  }
  #product .product-box p.clr_b{
    margin-bottom: 397px !important;
  }
  #smile-fans-move .specification_area img.fan{
    margin-top: 85px;
  }
  #smile-fans-move .specification_area img.blade{
    -webkit-animation: roll_smf_m_new 9s linear infinite;
    animation: roll_smf_m_new 9s linear infinite;
/*    max-width: 45%;
    top: 70px;*/
    max-width: 40%;
    top: 92px;
  }
  #smile-fans-move .specification_area p.clr_b{
    margin-bottom: 585px !important;
  }
  .mv_box{
    position: relative;
  }
  .mv_box .fuwafuwa {
    animation-name: fuwafuwa;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
  }
  @keyframes fuwafuwa {
    0% {
      transform: translate(0, 0); }
    50% {
      transform: translate(0, 20px); }
    100% {
      transform: translate(0, 0); } }
}
/*===========================================================
   PCここまで
===========================================================*/


/*===========================================================
   スマートフォンここから
===========================================================*/
@media screen and (max-width: 767px) {
  #product .kv_smf_m img.blade {
    -webkit-animation: roll_smf_m_new 9s linear infinite;
    animation: roll_smf_m_new 9s linear infinite;
  }
  @keyframes roll_smf_m_new {
    0% {
      transform: rotate(0); }
    50% {
      transform: rotate(360deg); }
    /*62.5%{
      transform: rotate(540deg); }*/
    75% {
      transform: rotate(1080deg); }
    /*87.5%{
      transform: rotate(1260deg); }*/
    100% {
      transform: rotate(1440deg); }
  }
  #product .kv_smf_m{
      max-width: 80%;
      margin-top: 50px;
  }
  #product .kv_smf_m img.blade,
  #product .product-box img.fan{
    max-width: 83%;
  }
  #product .kv_smf_m img.blade{
/*    top: -20px;
    max-width: 63%; */
    top: -12px;
    left: -5px;
    max-width: 55%;
  }

  #product .product-box img.fan{
    left: 0px;
  }
  #product .product-box p.clr_b{
    margin-bottom: 170px !important;
  }
  #smile-fans-move .kv_smf_m{
    margin-top: 70px;
  }
  #smile-fans-move .specification_area img.blade,
  #smile-fans-move .specification_area img.fan{
    max-width: 80%;
  }
  #smile-fans-move .specification_area img.blade{
    top: -50px;
  }
  #smile-fans-move .specification_area img.fan{
    left: 0px;
  }
  #smile-fans-move .specification_area img.blade{
    -webkit-animation: roll_smf_m_new 9s linear infinite;
    animation: roll_smf_m_new 9s linear infinite;
/*    max-width: 60%;
    top: -20px; */
    max-width: 53%;
    top: -12px;
    left: -3px;
  }
  #lower .specification_area p.clr_b{
    margin-bottom: 185px;
  }
  .mv_box{
    position: relative;
  }
  .mv_box .fuwafuwa {
    animation-name: fuwafuwa;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
  }
  @keyframes fuwafuwa {
    0% {
      transform: translate(0, 0); }
    50% {
      transform: translate(0, 15px); }
    100% {
      transform: translate(0, 0); } }
}
/*===========================================================
   スマートフォンここまで
===========================================================*/


/*===========================================================
   印刷対応
===========================================================*/
@media print {

/*20181128*/
#product .kv_smf_m img.blade {
	-webkit-animation: roll_smf_m_new 9s linear infinite;
	animation: roll_smf_m_new 9s linear infinite;
  max-width: 70%;
  top: 60px;
}
@keyframes roll_smf_m_new {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(360deg); }
  /*62.5%{
    transform: rotate(540deg); }*/
  75% {
    transform: rotate(1080deg); }
  /*87.5%{
    transform: rotate(1260deg); }*/
  100% {
    transform: rotate(1440deg); }
  }
  #product .product-box img.fan{
  	margin-top: 70px;
    left: 0px;
  }
  #product .product-box p.clr_b{
    margin-bottom: 397px !important;
  }
  #smile-fans-move .specification_area img.fan{
    margin-top: 85px;
  }
  #smile-fans-move .specification_area img.blade{
    -webkit-animation: roll_smf_m_new 9s linear infinite;
    animation: roll_smf_m_new 9s linear infinite;
    max-width: 45%;
    top: 70px;
  }
  #smile-fans-move .specification_area p.clr_b{
    margin-bottom: 585px !important;
  }
  .mv_box{
    position: relative;
  }
  .mv_box .fuwafuwa {
    animation-name: fuwafuwa;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
  }
  @keyframes fuwafuwa {
    0% {
      transform: translate(0, 0); }
    50% {
      transform: translate(0, 20px); }
    100% {
      transform: translate(0, 0); } }

}
/*===========================================================
   印刷対応ここまで
===========================================================*/