/* フォトモーション */
.pm_okaiage_joho{
  width: 780px;
  height: 215px;
  overflow: hidden;
  position: relative;
  background-color: #ff007a;
}

.pm_okaiage_joho_img01{
  width: 160px;
  height: 160px;
  position: absolute;
  top: 28px;
  left: 24px;
  animation: chou 10s linear;
  opacity: 0;
}

.pm_okaiage_joho_img02{
  width: 160px;
  height: 160px;
  position: absolute;
  top: 28px;
  left: 184px;
  animation: toku 10s linear;
  opacity: 0;
}

.pm_okaiage_joho_img03{
  width: 36px;
  height: 160px;
  position: absolute;
  top: 28px;
  left: 344px;
  animation: b_1 10s linear;
  opacity: 0;
}

.pm_okaiage_joho_img04{
  width: 160px;
  height: 160px;
  position: absolute;
  top: 28px;
  left: 400px;
  animation: geki 10s linear;
  opacity: 0;
}

.pm_okaiage_joho_img05{
  width: 160px;
  height: 160px;
  position: absolute;
  top: 28px;
  left: 560px;
  animation: yasu 10s linear;
  opacity: 0;
}

.pm_okaiage_joho_img06{
  width: 36px;
  height: 160px;
  position: absolute;
  top: 28px;
  left: 720px;
  animation: b_2 10s linear;
  opacity: 0;
}

.pm_okaiage_joho_img07{
  width: 726px;
  height: 195px;
  position: absolute;
  top: 10px;
  left: 27px;
  animation: kaiten 10s linear;
  opacity: 1;
}

.pm_okaiage_joho_img08{
  width: 726px;
  height: 195px;
  position: absolute;
  top: 10px;
  left: 27px;
  animation: kiiro 10s linear;
  opacity: 0;
}

@keyframes chou{
  0%{transform: translateY(-150%);opacity: 1;}
  5%{transform: translateY(-150%);}
  8%{transform: translateY(0);}
  40%{transform: translateY(0);opacity: 1;}
  45%{transform: translateY(0);opacity: 0;}
  100%{transform: translateY(0);opacity: 0;}
}

@keyframes toku{
  0%{transform: translateY(-150%);opacity: 1;}
  8%{transform: translateY(-150%);}
  12%{transform: translateY(0);}
  40%{transform: translateY(0);opacity: 1;}
  45%{transform: translateY(0);opacity: 0;}
  100%{transform: translateY(0);opacity: 0;}
}

@keyframes b_1{
  0%{opacity: 0;}
  14%{opacity: 0;}
  15%{transform: scale(1.2);opacity: 1;}
  16%{transform: scale(1.0);opacity: 1;}
  40%{opacity: 1;}
  45%{opacity: 0;}
  100%{opacity: 0;}
}

@keyframes geki{
  0%{transform: translateY(-150%);opacity: 1;}
  18%{transform: translateY(-150%);}
  21%{transform: translateY(0);}
  40%{transform: translateY(0);opacity: 1;}
  45%{transform: translateY(0);opacity: 0;}
  100%{transform: translateY(0);opacity: 0;}
}


@keyframes yasu{
  0%{transform: translateY(-150%);opacity: 1;}
  21%{transform: translateY(-150%);}
  25%{transform: translateY(0);}
  40%{transform: translateY(0);opacity: 1;}
  45%{transform: translateY(0);opacity: 0;}
  100%{transform: translateY(0);opacity: 0;}
}

@keyframes b_2{
  0%{opacity: 0;}
  27%{opacity: 0;}
  28%{transform: scale(1.2);opacity: 1;}
  29%{transform: scale(1.0);opacity: 1;}
  40%{opacity: 1;}
  45%{opacity: 0;}
  100%{opacity: 0;}
}

@keyframes kaiten{
  0%{opacity: 0;}
  46%{transform: rotate(0) scale(1.4);opacity: 0;}
  49%{transform: rotate(360deg) scale(1.2);}
  51%{transform: rotate(720deg) scale(1.0);opacity: 1;}
  100%{transform: rotate(720deg) scale(1.0);opacity: 1;}
}

@keyframes kiiro{
  0%{opacity: 0;}
  60%{opacity: 0;}
  61%{opacity: 1;}
  71%{opacity: 1;}
  72%{opacity: 0;}
  100%{opacity: 0;}
}

 
/* お買上情報表 */
      
      .okaiage_flame_0{
        width: 760px;margin: 25px auto 0;
      }
    
      .okaiage_flame_1{
        width: 760px;border: 2px solid #00f;border-radius: 3px 3px;margin-top: 15px;
        position: relative;
      }

      .okaiage_flame_1_new{
        width: 760px;border: 2px solid #00f;border-radius: 3px 3px;margin-top: 15px;
        position: relative;
      }
    
      .okaiage_flame_1 a,.okaiage_flame_1_new a{
        position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
      }
    
      .okaiage_flame_1:hover .okaiage_product,.okaiage_flame_1_new:hover .okaiage_product{
        background-color: #00f;font-weight: bold;color: #fff;
      }
    
      .okaiage_flame_2{
        width: 760px;display: flex;border-bottom: 1px solid #00f;
      }
    
      .okaiage_date{
        width: 235px;border-right: 1px solid #00f;font-size: 23px;padding: 10px 5px 10px 5px;box-sizing: border-box;
      }
    
      .okaiage_name{
        width: 525px;font-size: 23px;padding: 10px 15px;
      }
    
      .okaiage_product{
        width: 760px;border-bottom: 1px solid #00f;font-size: 26px;font-weight: bold;line-height: 110%;padding: 10px 15px;box-sizing: border-box;
      }
    
      .okaiage_text{
        width: 760px;font-size: 23px;line-height: 110%;padding: 10px 12px;box-sizing: border-box;text-align: left;
      }
    
      .okaiage_text::after{
        content: 'お得な激安価格でご購入いただきました。ありがとうございました。';
      }
    
      .okaiage_monthly{
        width: 760px;font-size: 28px;padding-left: 15px;line-height: 130%;border-bottom: 3px double #000;margin-bottom: 50px;box-sizing: border-box;
      }

      .okaiage_mitsumori{
        width: 100%;display: flex;
        border-bottom: 1px solid #00f;
        background-color: #fff;
      }
    
      .okaiage_mitsumori_1{
        width: 60%;
        height: 50px;
        font-size: 22px;
        font-weight: bold;
        color: #00f;
        line-height: 50px;
        text-align: center;
      }
    
      .okaiage_mitsumori_2{
        width: 40%;
        height: 50px;
        font-size: 28px;
        font-weight: bold;
        color: #00f;
        line-height: 50px;
        text-align: center;
      }

      .okaiage_flame_1:hover .okaiage_mitsumori_1,.okaiage_flame_1_new:hover .okaiage_mitsumori_1,.okaiage_flame_1:hover .okaiage_mitsumori_2,.okaiage_flame_1_new:hover .okaiage_mitsumori_2{
        color: #fff;
        background-color: #00f;
      }

      .okaiage_product span{
        color: #ff007a;
      }
    
      .okaiage_text span{
        color: #ff007a;
      }
      

      .okaiage_link_btn{
        width: 700px;height: 60px;font-size: 28px;line-height: 60px;display: block;border: 2px solid #ccc;text-decoration: none;background-color: #00f;border-radius: 5px;box-shadow: 2px 2px 4px #888;margin: 30px auto;color: #fff;
        position: relative;
      }

      .okaiage_link_btn a{
        position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
      }
    
      .okaiage_link_btn:hover{
        text-decoration: none;
        opacity: 0.8;
        background-color: #00f;
      }


      /* 2026年改正 */


      a.okaiage_flame_2026{width: 760px;border: 2px solid #00f;border-radius: 3px 3px;display: inline-block;color: #000;text-decoration: none;}
      .okaiage_text-2026{width: 760px;font-size: 23px;line-height: 110%;padding: 10px 12px;box-sizing: border-box;text-align: left;}
      a.okaiage_flame_2026:hover .okaiage_mitsumori_1, a.okaiage_flame_2026:hover .okaiage_mitsumori_2, a.okaiage_flame_2026:hover .okaiage_product{color: #fff;background-color: #00f;}

      a.okaiage_link_btn,a.okaiage_link_btn:visited{text-decoration: none;display: inline-block;color: #fff;}
      a.okaiage_link_btn:hover{color: #ff0;}