/* フォトモーション */
      .pm_okaiage_joho{
        width: 780px;
        height: 215px;
        overflow: hidden;
        position: absolute;
        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;
      }
    
      @keyframes chou{
        0%{transform: translateY(-150%);opacity: 1;}
        5%{transform: translateY(-150%);}
        8%{transform: translateY(0);}
        55%{transform: translateY(0);opacity: 1;}
        60%{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);}
        55%{transform: translateY(0);opacity: 1;}
        60%{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;}
        55%{opacity: 1;}
        60%{opacity: 0;}
        100%{opacity: 0;}
      }
    
      @keyframes geki{
        0%{transform: translateY(-150%);opacity: 1;}
        26%{transform: translateY(-150%);}
        29%{transform: translateY(0);}
        55%{transform: translateY(0);opacity: 1;}
        60%{transform: translateY(0);opacity: 0;}
        100%{transform: translateY(0);opacity: 0;}
      }
    
    
      @keyframes yasu{
        0%{transform: translateY(-150%);opacity: 1;}
        32%{transform: translateY(-150%);}
        35%{transform: translateY(0);}
        55%{transform: translateY(0);opacity: 1;}
        60%{transform: translateY(0);opacity: 0;}
        100%{transform: translateY(0);opacity: 0;}
      }
    
      @keyframes b_2{
        0%{opacity: 0;}
        37%{opacity: 0;}
        38%{transform: scale(1.2);opacity: 1;}
        39%{transform: scale(1.0);opacity: 1;}
        55%{opacity: 1;}
        60%{opacity: 0;}
        100%{opacity: 0;}
      }
    
    
    
      @keyframes kaiten{
        0%{opacity: 0;}
        50%{transform: rotate(0) scale(2.0);opacity: 0;}
        53%{transform: rotate(360deg) scale(1.8);}
        56%{transform: rotate(720deg) scale(1.6);}
        59%{transform: rotate(1080deg) scale(1.4);opacity: 1;}
        62%{transform: rotate(1440deg) scale(1.2);opacity: 1;}
        65%{transform: rotate(1800deg) scale(1.0);opacity: 1;}
        100%{transform: rotate(1800deg) scale(1.0);opacity: 1;}
      }
    
    
 
/* お買上情報表 */
      
      .okaiage_flame_0{
        width: 760px;border: 2px solid #00f;border-radius: 3px 3px;margin-top: 15px;text-align: left;
        position: relative;
      }
    
      .okaiage_flame_1{
        width: 760px;border: 2px solid #00f;border-radius: 3px 3px;margin-top: 15px;text-align: left;
        position: relative;
      }

      .okaiage_flame_1_new{
        /* width: 760px;border: 2px solid #00f;border-radius: 3px 3px;margin-bottom: 30px; */text-align: left;
        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: 215px;border-right: 1px solid #00f;font-size: 23px;padding: 10px 15px;box-sizing: border-box;
      }
    
      .okaiage_name{
        width: 545px;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;text-align: left;box-sizing: border-box;
      }
    
      .okaiage_text::after{
        content: 'お得な激安価格でご購入いただきました。ありがとうございました。';
      }
    
      .okaiage_monthly{
        width: 760px;font-size: 28px;text-align: left;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: 23px;
        color: #00f;
        line-height: 50px;
        text-align: center;
      }
    
      .okaiage_mitsumori_2{
        width: 40%;
        height: 50px;
        font-size: 30px;
        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 0px;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;
      }