たくみスタイル修正

takumi-style/css/main_ie.css

@@ -697,8 +697,11 @@
   background: url('../images/common/next_btn.png') 0 0 no-repeat;
   background: url('../images/common/next_btn.png') 0 0 no-repeat;
   background-size: 100%;
   background-size: 100%;
   right: 15vw;
   right: 15vw;
-  bottom: 1vw;
+  bottom: 12px;
  }
  }
+#button_next_result {
+  right: 6.3vw;
+}
 
 
  #button_next:active,
  #button_next:active,
  #button_next_result:active {
  #button_next_result:active {
@@ -905,8 +908,8 @@
   /*calc(20 * 0.4vw);/*top_btn.pngのアスペクト比*/
   /*calc(20 * 0.4vw);/*top_btn.pngのアスペクト比*/
   background: url('../images/common/top_btn.png') 0 0 no-repeat;
   background: url('../images/common/top_btn.png') 0 0 no-repeat;
   background-size: 100%;
   background-size: 100%;
-  left: 25vw;
-  bottom: 0;
+  left: 62px;
+  bottom: 12px;
  }
  }
 
 
  #result_top_button:active {
  #result_top_button:active {
@@ -920,8 +923,8 @@
   /*calc(22 * 0.3636vw);/*select_btn.pngのアスペクト比*/
   /*calc(22 * 0.3636vw);/*select_btn.pngのアスペクト比*/
   background: url('../images/common/select_btn.png') 0 0 no-repeat;
   background: url('../images/common/select_btn.png') 0 0 no-repeat;
   background-size: 100%;
   background-size: 100%;
-  right: 25vw;
-  bottom: 0;
+  right: 52vw;
+  bottom: 12px;
  }
  }
 
 
  #result_select_button:active {
  #result_select_button:active {

takumi-style/index_ie.html

@@ -15,7 +15,7 @@
  <script src="js/doctor.js"></script>
  <script src="js/doctor.js"></script>
  <script src="js/takumi.js"></script>
  <script src="js/takumi.js"></script>
  <script src="js/levelMenu_ie.js"></script>
  <script src="js/levelMenu_ie.js"></script>
- <script src="js/quizMaster.js"></script>
+ <script src="js/quizMaster.js?v=2023120112"></script>
  <script src="js/main.js"></script>
  <script src="js/main.js"></script>
  <link rel="stylesheet" type="text/css" href="css/main_ie.css">
  <link rel="stylesheet" type="text/css" href="css/main_ie.css">
 
 

takumi-style/js/quizMaster.js

@@ -327,26 +327,29 @@ function quizMaster(et) {
    targets: "#result_plate",
    targets: "#result_plate",
    scale: [0, 1],
    scale: [0, 1],
    duration: 1000,
    duration: 1000,
-  /* complete: function () {
+   complete: function () {
+
+   }
+  }); //------ anime
+
+  setTimeout(function () {
+   document.getElementById("result_top_button").classList.remove("vanish");
+   document.getElementById("result_select_button").classList.remove("vanish");
+   document.getElementById("button_next_result").classList.remove("vanish");
    anime({
    anime({
-     targets: "#result_top_button",
+    targets: "#button_next_result",
     opacity: [0, 1],
     opacity: [0, 1],
     easing: "easeOutSine",
     easing: "easeOutSine",
     duration: 500
     duration: 500
    }); //------ anime
    }); //------ anime
    anime({
    anime({
-     targets: "#result_select_button",
+    targets: "#result_top_button",
     opacity: [0, 1],
     opacity: [0, 1],
     easing: "easeOutSine",
     easing: "easeOutSine",
     duration: 500
     duration: 500
    }); //------ anime
    }); //------ anime
-   }*/
-  }); //------ anime
-
-  setTimeout(function () {
-   document.getElementById("button_next_result").classList.remove("vanish");
    anime({
    anime({
-    targets: "#button_next_result",
+    targets: "#result_select_button",
     opacity: [0, 1],
     opacity: [0, 1],
     easing: "easeOutSine",
     easing: "easeOutSine",
     duration: 500
     duration: 500
@@ -371,7 +374,7 @@ $(function () {
   document.getElementById("no_btn").classList.add("vanish");
   document.getElementById("no_btn").classList.add("vanish");
   document.getElementById("result_top_button").classList.remove("vanish");
   document.getElementById("result_top_button").classList.remove("vanish");
   document.getElementById("result_select_button").classList.remove("vanish");
   document.getElementById("result_select_button").classList.remove("vanish");
-});
+ });
  $("#no_btn").on("click", function () {
  $("#no_btn").on("click", function () {
   $("#result_plate").addClass("answer2");
   $("#result_plate").addClass("answer2");
   document.getElementById("arr_yes").classList.add("vanish");
   document.getElementById("arr_yes").classList.add("vanish");
@@ -388,6 +391,7 @@ $(function () {
   document.getElementById("yes_btn").classList.add("vanish");
   document.getElementById("yes_btn").classList.add("vanish");
   document.getElementById("no_btn").classList.add("vanish");
   document.getElementById("no_btn").classList.add("vanish");
   $("#result_plate").addClass("vanish");
   $("#result_plate").addClass("vanish");
+  $("#button_next_result").addClass("vanish");
  });
  });
  $("#result_select_button").on("click", function () {
  $("#result_select_button").on("click", function () {
   $("#result_plate").removeClass();
   $("#result_plate").removeClass();
@@ -396,6 +400,7 @@ $(function () {
   document.getElementById("yes_btn").classList.add("vanish");
   document.getElementById("yes_btn").classList.add("vanish");
   document.getElementById("no_btn").classList.add("vanish");
   document.getElementById("no_btn").classList.add("vanish");
   $("#result_plate").addClass("vanish");
   $("#result_plate").addClass("vanish");
+  $("#button_next_result").addClass("vanish");
  });
  });
 
 
 });
 });
@@ -431,17 +436,5 @@ function judgePat(myObj, resultPlate) {
   easing: "easeOutSine",
   easing: "easeOutSine",
   duration: 500
   duration: 500
  }); //------ anime
  }); //------ anime
- anime({
-  targets: "#result_top_button",
-  opacity: [0, 1],
-  easing: "easeOutSine",
-  duration: 500
- }); //------ anime
- anime({
-  targets: "#result_select_button",
-  opacity: [0, 1],
-  easing: "easeOutSine",
-  duration: 500
- }); //------ anime
  return myObj;
  return myObj;
 }
 }