<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>エコ米ゲーム</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <link rel="stylesheet" href="style.css" type="text/css"> <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet"><!--いろんなアイコンのCSS--> </head> <body> <h1 class="count">エコ米づくりを体験してみよう!</h1> <div class="popup-seciton" id="section1"> <div class="box01 js-show-popup"><img src="img/2006591.png" alt="ポップアップ画像"></div> <div class="popup js-popup"> <div class="popup-inner"> <div class="close-btn js-close-btn"><i class="fas fa-times"></i></div> <a href="#"><img id="goul" src="img/2006591.png" alt="ポップアップ画像"></a> <img class="apple moveObj" id="apple01" src="img/apple.png" alt="ポップアップ画像"> <img class="apple moveObj" id="apple02" src="img/apple.png" alt="ポップアップ画像"> </div> <div class="black-background js-black-bg"></div> </div> </div> <div class="popup-seciton" id="section2"> <div class="box01 js-show-popup"><img src="img/656814.png" alt="ポップアップ画像"></div> <div class="popup js-popup"> <div class="popup-inner"> <div class="close-btn js-close-btn"><i class="fas fa-times"></i></div> <a href="#"><img src="img/656814.png" alt="ポップアップ画像"></a> </div> <div class="black-background js-black-bg"></div> </div> </div> <!--https://tech-dig.jp/js-modal/--> <script src="js/popup.js"></script> <script src="js/drag-and-drop.js"></script> </body> </html>